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

@corva/ui 3.75.0-17 → 3.75.0-18

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

Files changed (1030) hide show

package/components/FeedItem/FeedItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeedItem.js","sources":["../../../src/components/FeedItem/FeedItem.js"],"sourcesContent":["import { Divider, makeStyles, Paper, Typography } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\nimport classNames from 'classnames';\nimport { includes, noop, startCase } from 'lodash';\nimport { useRef, useState } from 'react';\n\nimport { useDevCenterRouter } from '../DevCenter';\n\nimport Actions from './components/Actions';\nimport CompletionDateTimestamp from './components/CompletionDateTimestamp';\nimport Content from './components/Content';\nimport CreatedAt from './components/CreatedAt';\nimport FeedComments from './components/FeedComments';\nimport Icon from './components/Icon';\nimport Reactions from './components/Reactions';\nimport RigAndWell from './components/RigAndWell';\nimport TypeAndAssetTitle from './components/TypeAndAssetTitle';\n\nimport styles from './FeedItem.css';\n\nimport { deleteFeedItem, toggleFeedItemLike } from '~/clients/jsonApi';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport ErrorBoundary from '~/components/ErrorBoundary';\nimport LoadingIndicator from '~/components/LoadingIndicator';\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\nimport { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\nimport { showSuccessNotification } from '~/utils';\nimport utils from '~/utils/main';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles(theme => ({\n paperRoot: {\n position: 'relative',\n marginBottom: 10,\n paddingBottom: 16,\n backgroundColor: ({ isInsideDcApp }) =>\n isInsideDcApp ? 'rgba(65, 65, 65, 0.9)' : theme.palette.background.b8,\n width: ({ isInsideDcApp }) => (isInsideDcApp ? 360 : '100%'),\n boxShadow: ({ isInsideDcApp }) =>\n isInsideDcApp &&\n '0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)',\n },\n clickablePaperRoot: {\n '&:hover': {\n filter: 'brightness(90%)',\n transition: 'filter 0.3s',\n },\n },\n headerDividerRoot: {\n margin: '8px 0 8px 0',\n backgroundColor: '#595959',\n },\n dateTimestamp: {\n color: theme.palette.primary.text6,\n '& span': {\n color: theme.palette.primary.contrastText,\n },\n },\n}));\n\n/*\n @typedef {object} ActivityItem\n * @property {number} id\n * @property {string} type\n * @property {Record<string, any>} [context]\n * @property {Array<'update' \| 'destroy' \| 'like'>} [allowed_actions]\n * @property {number} [company_id]\n * @property {number} [asset_id] is not received from the back but have to be provided while saving activities\n * @property {any} [rig]\n * @property {any} [well]\n * @property {string} [updated_at]\n * @property {any} [segment]\n * @property {boolean} [liked]\n * @property {any[]} [likes]\n * @property {number} [likes_count]\n * @property {any[]} [mentioned_users]\n /\n\n/\n @param {object} props\n * @param {ActivityItem} props.feedItem\n * @param {string[]} [props.editableFeedItemTypes]\n * @param {(feedItemId: number) => void} [props.removeFeedItem] called after a feed item was removed by a user\n * @param {(feedItem: ActivityItem) => void} [props.enterEditMode] called when a used clicks \"Edit\" menu item\n * @param {any} [props.router] used for alert navigation by host applications\n * @param {any} props.currentUser used to display Avatar and to determine the ability to edit comments\n * @param {any} [props.appData] passed to body Template\n * @param {Record<string, any>} [props.customFeedItemTypeTemplates]\n * @param {string} [props.paperClassName]\n * @param {any} [props.getFeedItemMessage] used only to create a data-testid attribute\n * @param {(feedItem: ActivityItem) => void} [props.onFeedItemClick]\n * used to override built-in navigation for clickable alert feed items\n * @param {ReactNode} [props.extraActions] additional action nodes rendered inside the reactions/actions row, after the built-in like and comment buttons\n */\nfunction FeedItem({\n feedItem,\n editableFeedItemTypes = [FEED_ITEM_TYPES.POST],\n removeFeedItem = noop,\n enterEditMode = noop,\n router,\n currentUser,\n appData,\n customFeedItemTypeTemplates = {},\n paperClassName,\n getFeedItemMessage = ({ context }) => context?.post?.body \|\| context?.dvd_comment?.body,\n onFeedItemClick,\n extraActions,\n ...props\n}) {\n const canDeleteFeedItem = includes(feedItem.allowed_actions, 'destroy');\n\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const classes = useStyles({ isInsideDcApp });\n const [isLoading, setIsLoading] = useState(false);\n const [openCommentInput, setOpenCommentInput] = useState(true);\n const [openCommentList, setOpenCommentList] = useState(true);\n const [openDeleteDialog, setOpenDeleteDialog] = useState(false);\n\n const isPost = feedItem.type === FEED_ITEM_TYPES_BY_KEY.post.type;\n const isEditableItem = editableFeedItemTypes.includes(feedItem.type);\n\n const isGeosteering = feedItem.type === FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type;\n const isRecommended =\n isGeosteering && feedItem.context?.geosteering_comments?.data?.isRecommendation;\n\n const typeCategory = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.category \|\| 'post';\n\n const userFullName = utils.getUserFullName(feedItem.user);\n const typeLabel = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.showCreatorToLabel\n ? userFullName\n : FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.label \|\| startCase(feedItem.type);\n\n const feedItemSourceLink =\n feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && `/alerts/${feedItem.context?.alert?.id}`;\n\n const isFeedItemClickable =\n feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && feedItemSourceLink;\n\n const handleDeleteFeedItem = async () => {\n setIsLoading(true);\n\n try {\n await deleteFeedItem(feedItem.id);\n } catch (e) {\n return;\n } finally {\n setIsLoading(false);\n }\n\n showSuccessNotification('Item was deleted');\n\n removeFeedItem(feedItem.id);\n };\n\n const isBeingLikedRef = useRef(false);\n\n const handleToggleLike = async () => {\n if (!isBeingLikedRef.current) {\n const feedItemId = feedItem.id;\n isBeingLikedRef.current = true;\n try {\n await toggleFeedItemLike(feedItemId); // NOTE: Received through subscription\n } catch (e) {\n // NOTE: Do nothing\n }\n isBeingLikedRef.current = false;\n }\n };\n\n const handleEditMenuItem = () => {\n enterEditMode(feedItem);\n };\n\n const handleDeleteMenuItem = () => {\n setOpenDeleteDialog(true);\n };\n\n const copyFeedItemLink = () => {\n const feedId = feedItem.id;\n const text = `${window.location.host}/feed/${feedId}`;\n\n utils.copyToClipboard(text);\n };\n\n const handleDelete = () => {\n handleDeleteFeedItem();\n };\n\n const devCenterRouter = useDevCenterRouter();\n\n const handleMainContainerClick = () => {\n if (!isFeedItemClickable) return;\n\n if (onFeedItemClick) {\n onFeedItemClick(feedItem);\n return;\n }\n\n const alertRouter = router \|\| devCenterRouter;\n\n if (alertRouter) {\n alertRouter.push(feedItemSourceLink);\n return;\n }\n\n localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, feedItem.context.alert.id);\n };\n\n const getRigName = feedItem => {\n const isRigBasedItem = !!feedItem.rig;\n return isRigBasedItem ? feedItem.rig?.name : feedItem.well?.parent_asset?.name;\n };\n\n return (\n <Paper\n data-testid={`${PAGE_NAME}_post_${getFeedItemMessage(feedItem)}_rigName_${getRigName(\n feedItem\n )}`}\n className={classNames(classes.paperRoot, paperClassName, {\n [classes.clickablePaperRoot]: isFeedItemClickable,\n [styles.hideOverflow]: isLoading,\n })}\n elevation={0}\n >\n <div\n onClick={handleMainContainerClick}\n className={classNames(styles.mainContainer, {\n [styles.mainContainerClickable]: isFeedItemClickable,\n [styles.mainContainerNative]: isNativeDetected,\n })}\n >\n <Icon\n feedItem={feedItem}\n classes={classes}\n displayName={userFullName}\n isRecommended={isRecommended}\n currentUser={currentUser}\n />\n <div\n className={classNames(styles.mainContainerTop, {\n [styles.mainContainerTopNative]: isNativeDetected,\n })}\n >\n <div className={styles.mainContainerTopLine}>\n <TypeAndAssetTitle\n feedItem={feedItem}\n userFullName={userFullName}\n typeLabel={typeLabel}\n classes={classes}\n isPost={isPost}\n />\n <div className={styles.mainContainerTopMenu}>\n <CreatedAt feedItem={feedItem} classes={classes} />\n\n <Actions\n data-testid={`${PAGE_NAME}_actionsDropdown`}\n isPost={isPost}\n isEditableItem={isEditableItem}\n canDeleteFeedItem={canDeleteFeedItem}\n handleEditMenuItem={handleEditMenuItem}\n handleDeleteMenuItem={handleDeleteMenuItem}\n copyFeedItemLink={copyFeedItemLink}\n feedItem={feedItem}\n currentUser={currentUser}\n />\n </div>\n </div>\n\n <RigAndWell feedItem={feedItem} isPost={isPost} />\n </div>\n <Divider className={classes.headerDividerRoot} />\n <CompletionDateTimestamp feedItem={feedItem} />\n <ErrorBoundary ErrorView={() => <Typography>Feed Item loading failed</Typography>}>\n <Content\n feedItem={feedItem}\n appData={appData}\n customFeedItemTypeTemplates={customFeedItemTypeTemplates}\n currentUser={currentUser}\n onFeedItemClick={onFeedItemClick}\n {...props}\n />\n </ErrorBoundary>\n </div>\n <Reactions\n feedItem={feedItem}\n handleToggleLike={handleToggleLike}\n setOpenCommentInput={setOpenCommentInput}\n setOpenCommentList={setOpenCommentList}\n openCommentInput={openCommentInput}\n openCommentList={openCommentList}\n currentUser={currentUser}\n extraActions={extraActions}\n />\n <FeedComments\n openCommentInput={openCommentInput}\n openCommentList={openCommentList}\n feedItem={feedItem}\n currentUser={currentUser}\n />\n {isLoading && ( // NOTE: Avoids feed item height change\n <div className={styles.loadingContainer} style={{ backgroundColor: grey[800] }}>\n <LoadingIndicator />\n </div>\n )}\n {openDeleteDialog && (\n <ConfirmationDialog\n open={openDeleteDialog}\n title={`Delete ${typeCategory}`}\n text={`Are you sure you want to delete ${typeCategory} and all attachments?`}\n handleClose={() => setOpenDeleteDialog(false)}\n handleOk={handleDelete}\n okText=\"Delete\"\n />\n )}\n </Paper>\n );\n}\n\nexport default FeedItem;\n"],"names":["useStyles","makeStyles","theme","paperRoot","position","marginBottom","paddingBottom","backgroundColor","_ref","isInsideDcApp","palette","background","b8","width","_ref2","boxShadow","_ref3","clickablePaperRoot","filter","transition","headerDividerRoot","margin","dateTimestamp","color","primary","text6","contrastText","FeedItem","_ref4","_feedItem$context","_feedItem$context$geo","_feedItem$context$geo2","_FEED_ITEM_TYPES_BY_K","_FEED_ITEM_TYPES_BY_K2","_FEED_ITEM_TYPES_BY_K3","_feedItem$context2","_feedItem$context2$al","_classNames","_classNames2","_ref6","_ref7","feedItem","_ref4$editableFeedIte","editableFeedItemTypes","FEED_ITEM_TYPES","POST","_ref4$removeFeedItem","removeFeedItem","noop","_ref4$enterEditMode","enterEditMode","router","currentUser","appData","_ref4$customFeedItemT","customFeedItemTypeTemplates","paperClassName","_ref4$getFeedItemMess","getFeedItemMessage","_ref5","_context$post","_context$dvd_comment","context","post","body","dvd_comment","onFeedItemClick","extraActions","props","_objectWithoutProperties","_excluded","canDeleteFeedItem","includes","allowed_actions","useIsInsideIsolatedDcApp","classes","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","openCommentInput","setOpenCommentInput","_useState6","_useState5","openCommentList","setOpenCommentList","_useState8","_useState7","openDeleteDialog","setOpenDeleteDialog","isPost","type","FEED_ITEM_TYPES_BY_KEY","isEditableItem","isRecommended","geosteering_comments","data","isRecommendation","typeCategory","category","userFullName","utils","getUserFullName","user","typeLabel","showCreatorToLabel","label","startCase","feedItemSourceLink","alert","id","isFeedItemClickable","handleDeleteFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteFeedItem","t0","abrupt","finish","showSuccessNotification","stop","apply","this","arguments","isBeingLikedRef","useRef","handleToggleLike","_callee2","feedItemId","_context2","current","toggleFeedItemLike","devCenterRouter","useDevCenterRouter","_jsxs","Paper","PAGE_NAME","concat","_feedItem$rig","_feedItem$well","_feedItem$well$parent","rig","name","well","parent_asset","getRigName","className","classNames","styles","hideOverflow","elevation","children","onClick","alertRouter","push","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","mainContainer","mainContainerClickable","mainContainerNative","isNativeDetected","_jsx","Icon","displayName","mainContainerTop","mainContainerTopNative","mainContainerTopLine","TypeAndAssetTitle","mainContainerTopMenu","CreatedAt","Actions","handleEditMenuItem","handleDeleteMenuItem","copyFeedItemLink","feedId","text","window","location","host","copyToClipboard","RigAndWell","Divider","CompletionDateTimestamp","ErrorBoundary","ErrorView","Typography","Content","_objectSpread","Reactions","FeedComments","loadingContainer","style","grey","LoadingIndicator","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}
1	+ {"version":3,"file":"FeedItem.js","sources":["../../../src/components/FeedItem/FeedItem.js"],"sourcesContent":["import { Divider, makeStyles, Paper, Typography } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\nimport classNames from 'classnames';\nimport { includes, noop, startCase } from 'lodash';\nimport { useRef, useState } from 'react';\n\nimport { useDevCenterRouter } from '../DevCenter';\n\nimport Actions from './components/Actions';\nimport CompletionDateTimestamp from './components/CompletionDateTimestamp';\nimport Content from './components/Content';\nimport CreatedAt from './components/CreatedAt';\nimport FeedComments from './components/FeedComments';\nimport Icon from './components/Icon';\nimport Reactions from './components/Reactions';\nimport RigAndWell from './components/RigAndWell';\nimport TypeAndAssetTitle from './components/TypeAndAssetTitle';\n\nimport styles from './FeedItem.css';\n\nimport { deleteFeedItem, toggleFeedItemLike } from '~/clients/jsonApi';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport ErrorBoundary from '~/components/ErrorBoundary';\nimport LoadingIndicator from '~/components/LoadingIndicator';\nimport { OPEN_ALERT_DETAILS_ID_STORAGE_KEY } from '~/constants/alerts';\nimport { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\nimport { showSuccessNotification } from '~/utils';\nimport utils from '~/utils/main';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles(theme => ({\n paperRoot: {\n position: 'relative',\n marginBottom: 10,\n paddingBottom: 16,\n backgroundColor: ({ isInsideDcApp }) =>\n isInsideDcApp ? 'rgba(65, 65, 65, 0.9)' : theme.palette.background.b8,\n width: ({ isInsideDcApp }) => (isInsideDcApp ? 360 : '100%'),\n boxShadow: ({ isInsideDcApp }) =>\n isInsideDcApp &&\n '0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)',\n },\n clickablePaperRoot: {\n '&:hover': {\n filter: 'brightness(90%)',\n transition: 'filter 0.3s',\n },\n },\n headerDividerRoot: {\n margin: '8px 0 8px 0',\n backgroundColor: '#595959',\n },\n dateTimestamp: {\n color: theme.palette.primary.text6,\n '& span': {\n color: theme.palette.primary.contrastText,\n },\n },\n}));\n\n/*\n @typedef {object} ActivityItem\n * @property {number} id\n * @property {string} type\n * @property {Record<string, any>} [context]\n * @property {Array<'update' \| 'destroy' \| 'like'>} [allowed_actions]\n * @property {number} [company_id]\n * @property {number} [asset_id] is not received from the back but have to be provided while saving activities\n * @property {any} [rig]\n * @property {any} [well]\n * @property {string} [updated_at]\n * @property {any} [segment]\n * @property {boolean} [liked]\n * @property {any[]} [likes]\n * @property {number} [likes_count]\n * @property {any[]} [mentioned_users]\n /\n\n/\n @param {object} props\n * @param {ActivityItem} props.feedItem\n * @param {string[]} [props.editableFeedItemTypes]\n * @param {(feedItemId: number) => void} [props.removeFeedItem] called after a feed item was removed by a user\n * @param {(feedItem: ActivityItem) => void} [props.enterEditMode] called when a used clicks \"Edit\" menu item\n * @param {any} [props.router] used for alert navigation by host applications\n * @param {any} props.currentUser used to display Avatar and to determine the ability to edit comments\n * @param {any} [props.appData] passed to body Template\n * @param {Record<string, any>} [props.customFeedItemTypeTemplates]\n * @param {string} [props.paperClassName]\n * @param {any} [props.getFeedItemMessage] used only to create a data-testid attribute\n * @param {(feedItem: ActivityItem) => void} [props.onFeedItemClick]\n * used to override built-in navigation for clickable alert feed items\n * @param {ReactNode} [props.extraActions] additional action nodes rendered inside the reactions/actions row, after the built-in like and comment buttons\n */\nfunction FeedItem({\n feedItem,\n editableFeedItemTypes = [FEED_ITEM_TYPES.POST],\n removeFeedItem = noop,\n enterEditMode = noop,\n router,\n currentUser,\n appData,\n customFeedItemTypeTemplates = {},\n paperClassName,\n getFeedItemMessage = ({ context }) => context?.post?.body \|\| context?.dvd_comment?.body,\n onFeedItemClick,\n extraActions,\n ...props\n}) {\n const canDeleteFeedItem = includes(feedItem.allowed_actions, 'destroy');\n\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const classes = useStyles({ isInsideDcApp });\n const [isLoading, setIsLoading] = useState(false);\n const [openCommentInput, setOpenCommentInput] = useState(true);\n const [openCommentList, setOpenCommentList] = useState(true);\n const [openDeleteDialog, setOpenDeleteDialog] = useState(false);\n\n const isPost = feedItem.type === FEED_ITEM_TYPES_BY_KEY.post.type;\n const isEditableItem = editableFeedItemTypes.includes(feedItem.type);\n\n const isGeosteering = feedItem.type === FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type;\n const isRecommended =\n isGeosteering && feedItem.context?.geosteering_comments?.data?.isRecommendation;\n\n const typeCategory = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.category \|\| 'post';\n\n const userFullName = utils.getUserFullName(feedItem.user);\n const typeLabel = FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.showCreatorToLabel\n ? userFullName\n : FEED_ITEM_TYPES_BY_KEY[feedItem.type]?.label \|\| startCase(feedItem.type);\n\n const feedItemSourceLink =\n feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && `/alerts/${feedItem.context?.alert?.id}`;\n\n const isFeedItemClickable =\n feedItem.type === FEED_ITEM_TYPES_BY_KEY.alert.type && feedItemSourceLink;\n\n const handleDeleteFeedItem = async () => {\n setIsLoading(true);\n\n try {\n await deleteFeedItem(feedItem.id);\n } catch (e) {\n return;\n } finally {\n setIsLoading(false);\n }\n\n showSuccessNotification('Item was deleted');\n\n removeFeedItem(feedItem.id);\n };\n\n const isBeingLikedRef = useRef(false);\n\n const handleToggleLike = async () => {\n if (!isBeingLikedRef.current) {\n const feedItemId = feedItem.id;\n isBeingLikedRef.current = true;\n try {\n await toggleFeedItemLike(feedItemId); // NOTE: Received through subscription\n } catch (e) {\n // NOTE: Do nothing\n }\n isBeingLikedRef.current = false;\n }\n };\n\n const handleEditMenuItem = () => {\n enterEditMode(feedItem);\n };\n\n const handleDeleteMenuItem = () => {\n setOpenDeleteDialog(true);\n };\n\n const copyFeedItemLink = () => {\n const feedId = feedItem.id;\n const text = `${window.location.host}/feed/${feedId}`;\n\n utils.copyToClipboard(text);\n };\n\n const handleDelete = () => {\n handleDeleteFeedItem();\n };\n\n const devCenterRouter = useDevCenterRouter();\n\n const handleMainContainerClick = () => {\n if (!isFeedItemClickable) return;\n\n if (onFeedItemClick) {\n onFeedItemClick(feedItem);\n return;\n }\n\n const alertRouter = router \|\| devCenterRouter;\n\n if (alertRouter) {\n alertRouter.push(feedItemSourceLink);\n return;\n }\n\n localStorage.setItem(OPEN_ALERT_DETAILS_ID_STORAGE_KEY, feedItem.context.alert.id);\n };\n\n const getRigName = feedItem => {\n const isRigBasedItem = !!feedItem.rig;\n return isRigBasedItem ? feedItem.rig?.name : feedItem.well?.parent_asset?.name;\n };\n\n return (\n <Paper\n data-testid={`${PAGE_NAME}_post_${getFeedItemMessage(feedItem)}_rigName_${getRigName(\n feedItem\n )}`}\n className={classNames(classes.paperRoot, paperClassName, {\n [classes.clickablePaperRoot]: isFeedItemClickable,\n [styles.hideOverflow]: isLoading,\n })}\n elevation={0}\n >\n <div\n onClick={handleMainContainerClick}\n className={classNames(styles.mainContainer, {\n [styles.mainContainerClickable]: isFeedItemClickable,\n [styles.mainContainerNative]: isNativeDetected,\n })}\n >\n <Icon\n feedItem={feedItem}\n classes={classes}\n displayName={userFullName}\n isRecommended={isRecommended}\n currentUser={currentUser}\n />\n <div\n className={classNames(styles.mainContainerTop, {\n [styles.mainContainerTopNative]: isNativeDetected,\n })}\n >\n <div className={styles.mainContainerTopLine}>\n <TypeAndAssetTitle\n feedItem={feedItem}\n userFullName={userFullName}\n typeLabel={typeLabel}\n classes={classes}\n isPost={isPost}\n />\n <div className={styles.mainContainerTopMenu}>\n <CreatedAt feedItem={feedItem} classes={classes} />\n\n <Actions\n data-testid={`${PAGE_NAME}_actionsDropdown`}\n isPost={isPost}\n isEditableItem={isEditableItem}\n canDeleteFeedItem={canDeleteFeedItem}\n handleEditMenuItem={handleEditMenuItem}\n handleDeleteMenuItem={handleDeleteMenuItem}\n copyFeedItemLink={copyFeedItemLink}\n feedItem={feedItem}\n currentUser={currentUser}\n />\n </div>\n </div>\n\n <RigAndWell feedItem={feedItem} isPost={isPost} />\n </div>\n <Divider className={classes.headerDividerRoot} />\n <CompletionDateTimestamp feedItem={feedItem} />\n <ErrorBoundary ErrorView={() => <Typography>Feed Item loading failed</Typography>}>\n <Content\n feedItem={feedItem}\n appData={appData}\n customFeedItemTypeTemplates={customFeedItemTypeTemplates}\n currentUser={currentUser}\n onFeedItemClick={onFeedItemClick}\n {...props}\n />\n </ErrorBoundary>\n </div>\n <Reactions\n feedItem={feedItem}\n handleToggleLike={handleToggleLike}\n setOpenCommentInput={setOpenCommentInput}\n setOpenCommentList={setOpenCommentList}\n openCommentInput={openCommentInput}\n openCommentList={openCommentList}\n currentUser={currentUser}\n extraActions={extraActions}\n />\n <FeedComments\n openCommentInput={openCommentInput}\n openCommentList={openCommentList}\n feedItem={feedItem}\n currentUser={currentUser}\n />\n {isLoading && ( // NOTE: Avoids feed item height change\n <div className={styles.loadingContainer} style={{ backgroundColor: grey[800] }}>\n <LoadingIndicator />\n </div>\n )}\n {openDeleteDialog && (\n <ConfirmationDialog\n open={openDeleteDialog}\n title={`Delete ${typeCategory}`}\n text={`Are you sure you want to delete ${typeCategory} and all attachments?`}\n handleClose={() => setOpenDeleteDialog(false)}\n handleOk={handleDelete}\n okText=\"Delete\"\n />\n )}\n </Paper>\n );\n}\n\nexport default FeedItem;\n"],"names":["useStyles","makeStyles","theme","paperRoot","position","marginBottom","paddingBottom","backgroundColor","_ref","isInsideDcApp","palette","background","b8","width","_ref2","boxShadow","_ref3","clickablePaperRoot","filter","transition","headerDividerRoot","margin","dateTimestamp","color","primary","text6","contrastText","FeedItem","_ref4","_feedItem$context","_feedItem$context$geo","_feedItem$context$geo2","_FEED_ITEM_TYPES_BY_K","_FEED_ITEM_TYPES_BY_K2","_FEED_ITEM_TYPES_BY_K3","_feedItem$context2","_feedItem$context2$al","_classNames","_classNames2","_ref6","_ref7","feedItem","_ref4$editableFeedIte","editableFeedItemTypes","FEED_ITEM_TYPES","POST","_ref4$removeFeedItem","removeFeedItem","noop","_ref4$enterEditMode","enterEditMode","router","currentUser","appData","_ref4$customFeedItemT","customFeedItemTypeTemplates","paperClassName","_ref4$getFeedItemMess","getFeedItemMessage","_ref5","_context$post","_context$dvd_comment","context","post","body","dvd_comment","onFeedItemClick","extraActions","props","_objectWithoutProperties","_excluded","canDeleteFeedItem","includes","allowed_actions","useIsInsideIsolatedDcApp","classes","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState4","_useState3","openCommentInput","setOpenCommentInput","_useState6","_useState5","openCommentList","setOpenCommentList","_useState8","_useState7","openDeleteDialog","setOpenDeleteDialog","isPost","type","FEED_ITEM_TYPES_BY_KEY","isEditableItem","isRecommended","geosteering_comments","data","isRecommendation","typeCategory","category","userFullName","utils","getUserFullName","user","typeLabel","showCreatorToLabel","label","startCase","feedItemSourceLink","alert","id","isFeedItemClickable","handleDeleteFeedItem","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteFeedItem","t0","abrupt","finish","showSuccessNotification","stop","apply","this","arguments","isBeingLikedRef","useRef","handleToggleLike","_callee2","feedItemId","_context2","current","toggleFeedItemLike","devCenterRouter","useDevCenterRouter","_jsxs","Paper","PAGE_NAME","concat","_feedItem$rig","_feedItem$well","_feedItem$well$parent","rig","name","well","parent_asset","getRigName","className","classNames","styles","hideOverflow","elevation","children","onClick","alertRouter","push","localStorage","setItem","OPEN_ALERT_DETAILS_ID_STORAGE_KEY","mainContainer","mainContainerClickable","mainContainerNative","isNativeDetected","_jsx","Icon","displayName","mainContainerTop","mainContainerTopNative","mainContainerTopLine","TypeAndAssetTitle","mainContainerTopMenu","CreatedAt","Actions","handleEditMenuItem","handleDeleteMenuItem","copyFeedItemLink","feedId","text","window","location","host","copyToClipboard","RigAndWell","Divider","CompletionDateTimestamp","ErrorBoundary","ErrorView","Typography","Content","_objectSpread","Reactions","FeedComments","loadingContainer","style","grey","LoadingIndicator","ConfirmationDialog","open","title","handleClose","handleOk","okText"],"mappings":"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"}

package/components/FilesDropzone/FilesDropzone.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{useDropzone as s}from"react-dropzone";import c from"classnames";import{useStyles as i}from"./styles.js";import{FileAdditionOne as n}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as t}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{Regular14 as r}from"../Typography.js";import e from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{jsxs as m,jsx as p,Fragment as u}from"react/jsx-runtime";import{parseAccept as a,formatDescription as l}from"../../componentsV2/FilesDropzone/utils.js";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=function(o){var j=o.multiple,d=o.children,b=o.accept,h=o.onDrop,O=o.className,f=o.maxFiles,C=o.maxSize,v=o.errorText,y=o.disabled,g=i(),F=a(b),P=F.mimetypes,D=F.extensions,x=P.length||D.length?I({"*/*":D},Object.fromEntries(P.map((function(o){return[o,[]]})))):void 0,A=l(D,C),z=s({onDrop:h,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:y}),B=z.getRootProps,S=z.getInputProps,k=z.isDragActive;return m("div",{className:O,children:[m("div",I(I({},B()),{},{className:c(g.root,y&&g.disabled,k&&g.active),children:[p("input",I({},S())),d||m(u,{children:[p(n,{size:24,className:g.icon}),p(r,{children:"Drag & Drop your file here or"}),p(e,{variation:"tertiary",size:"small",disabled:y,className:g.uploadButton,children:"Choose file"})]})]})),!v&&A&&p(r,{className:c(g.description,y&&g.disabled),children:A}),v&&m(r,{className:g.error,children:[p(t,{size:20}),v]})]})};export{d as FilesDropzone};
+import o from"@babel/runtime/helpers/defineProperty";import{useDropzone as s}from"react-dropzone";import c from"classnames";import{useStyles as i}from"./styles.js";import{FileAdditionOne as n}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as t}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{Regular14 as r}from"../Typography.js";import e from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{jsxs as m,jsx as p,Fragment as u}from"react/jsx-runtime";import{parseAccept as a,formatDescription as l}from"../../componentsV2/FilesDropzone/utils.js";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=function(o){var j=o.multiple,d=o.children,b=o.accept,h=o.onDrop,O=o.className,f=o.maxFiles,C=o.maxSize,v=o.errorText,P=o.disabled,y=i(),g=a(b),F=g.mimetypes,D=g.extensions,x=F.length||D.length?I({"*/*":D},Object.fromEntries(F.map((function(o){return[o,[]]})))):void 0,A=l(D,C),z=s({onDrop:h,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:P}),B=z.getRootProps,S=z.getInputProps,k=z.isDragActive;return m("div",{className:O,children:[m("div",I(I({},B()),{},{className:c(y.root,P&&y.disabled,k&&y.active),children:[p("input",I({},S())),d||m(u,{children:[p(n,{size:24,className:y.icon}),p(r,{children:"Drag & Drop your file here or"}),p(e,{variation:"tertiary",size:"small",disabled:P,className:y.uploadButton,children:"Choose file"})]})]})),!v&&A&&p(r,{className:c(y.description,P&&y.disabled),children:A}),v&&m(r,{className:y.error,children:[p(t,{size:20}),v]})]})};export{d as FilesDropzone};
 //# sourceMappingURL=FilesDropzone.js.map

package/components/FilesDropzone/FilesDropzone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilesDropzone.js","sources":["../../../src/components/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { useStyles } from './styles';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\nimport { Regular14 } from '~/components/Typography';\nimport Button from '~/components/Button';\nimport { formatDescription, parseAccept } from '~/componentsV2/FilesDropzone/utils';\n\nexport type FilesDropzoneProps = {\n /*\n Handles file drop\n /\n onDrop?: DropzoneOptions['onDrop'];\n\n /\n Content to render\n /\n children?: ReactNode;\n\n /\n Controls if dropzone accepts multiple files\n /\n multiple?: boolean;\n\n /\n Array of or comma-separated MIME types/File Extensions to accept\n \n NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n * file extensions will be shown below the dropzone in the description\n \n Example:<br/>\n * `.xsl,image/,.csv`<br/>\n Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n /\n accept?: string[] \| string;\n\n /\n Maximum files to accept\n /\n maxFiles?: number;\n\n /\n Maximum file size to accept\n /\n maxSize?: number;\n\n errorText?: string;\n className?: string;\n disabled?: boolean;\n};\n\nexport const FilesDropzone = (props: FilesDropzoneProps) => {\n const { multiple, children, accept, onDrop, className, maxFiles, maxSize, errorText, disabled } =\n props;\n const styles = useStyles();\n const { mimetypes, extensions } = parseAccept(accept);\n\n const acceptObject: Accept \| undefined =\n mimetypes.length \|\| extensions.length\n ? {\n '/*': extensions,\n ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [mimetype, []])),\n }\n : undefined;\n\n const description = formatDescription(extensions, maxSize);\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n multiple,\n accept: acceptObject,\n maxFiles,\n maxSize,\n disabled,\n });\n return (\n <div className={className}>\n <div\n {...getRootProps()}\n className={classNames(\n styles.root,\n disabled && styles.disabled,\n isDragActive && styles.active\n )}\n >\n <input {...getInputProps()} />\n {children \|\| (\n <>\n <FileAdditionOne size={24} className={styles.icon} />\n <Regular14>Drag & Drop your file here or</Regular14>\n <Button\n variation=\"tertiary\"\n size=\"small\"\n disabled={disabled}\n className={styles.uploadButton}\n >\n Choose file\n </Button>\n </>\n )}\n </div>\n\n {!errorText && description && (\n <Regular14 className={classNames(styles.description, disabled && styles.disabled)}>\n {description}\n </Regular14>\n )}\n\n {errorText && (\n <Regular14 className={styles.error}>\n <CautionFilledCustomIcon size={20} />\n {errorText}\n </Regular14>\n )}\n </div>\n );\n};\n"],"names":["FilesDropzone","props","multiple","children","accept","onDrop","className","maxFiles","maxSize","errorText","disabled","styles","useStyles","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","root","active","_jsx","_Fragment","FileAdditionOne","size","icon","Regular14","Button","variation","uploadButton","error","CautionFilledCustomIcon"],"mappings":"~~igKAsDaA~~,EAAgB,SAACC,GAC5B,IAAQC,EACND,EADMC,SAAUC,EAChBF,EADgBE,SAAUC,EAC1BH,EAD0BG,OAAQC,EAClCJ,EADkCI,OAAQC,EAC1CL,EAD0CK,UAAWC,EACrDN,EADqDM,SAAUC,EAC/DP,EAD+DO,QAASC,EACxER,EADwEQ,UAAWC,EACnFT,EADmFS,SAE/EC,EAASC,IACmBC,EAAAA,EAAYT,GAAtCU,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAkBV,EAAYP,GAElDkB,EAAsDC,EAAY,CAChEtB,OAAAA,EACAH,SAAAA,EACAE,OAAQY,EACRT,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMkB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aAQrC,OACEC,EAAA,MAAA,CAAKzB,UAAWA,EAAUH,SACxB,CAAA4B,EAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBtB,UAAW0B,EACTrB,EAAOsB,KACPvB,GAAYC,EAAOD,SACnBoB,GAAgBnB,EAAOuB,QACvB/B,SAAA,CAEFgC,eAAWN,MACV1B,GACC4B,EAAAK,EAAA,CAAAjC,SAAA,CACEgC,EAACE,EAAe,CAACC,KAAM,GAAIhC,UAAWK,EAAO4B,OAC7CJ,EAACK,EAAS,CAAArC,SAAA,kCACVgC,EAACM,EAAM,CACLC,UAAU,WACVJ,KAAK,QACL5B,SAAUA,EACVJ,UAAWK,EAAOgC,aAAaxC,SAAA,wBAQrCM,GAAae,GACbW,EAACK,EAAS,CAAClC,UAAW0B,EAAWrB,EAAOa,YAAad,GAAYC,EAAOD,UAAUP,SAC/EqB,IAIJf,GACCsB,EAACS,EAAS,CAAClC,UAAWK,EAAOiC,MAAMzC,SAAA,CACjCgC,EAACU,EAAuB,CAACP,KAAM,KAC9B7B,OAKX"}
1	+ {"version":3,"file":"FilesDropzone.js","sources":["../../../src/components/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { useStyles } from './styles';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\nimport { Regular14 } from '~/components/Typography';\nimport Button from '~/components/Button';\nimport { formatDescription, parseAccept } from '~/componentsV2/FilesDropzone/utils';\n\nexport type FilesDropzoneProps = {\n /*\n Handles file drop\n /\n onDrop?: DropzoneOptions['onDrop'];\n\n /\n Content to render\n /\n children?: ReactNode;\n\n /\n Controls if dropzone accepts multiple files\n /\n multiple?: boolean;\n\n /\n Array of or comma-separated MIME types/File Extensions to accept\n \n NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n * file extensions will be shown below the dropzone in the description\n \n Example:<br/>\n * `.xsl,image/,.csv`<br/>\n Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n /\n accept?: string[] \| string;\n\n /\n Maximum files to accept\n /\n maxFiles?: number;\n\n /\n Maximum file size to accept\n /\n maxSize?: number;\n\n errorText?: string;\n className?: string;\n disabled?: boolean;\n};\n\nexport const FilesDropzone = (props: FilesDropzoneProps) => {\n const { multiple, children, accept, onDrop, className, maxFiles, maxSize, errorText, disabled } =\n props;\n const styles = useStyles();\n const { mimetypes, extensions } = parseAccept(accept);\n\n const acceptObject: Accept \| undefined =\n mimetypes.length \|\| extensions.length\n ? {\n '/*': extensions,\n ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [mimetype, []])),\n }\n : undefined;\n\n const description = formatDescription(extensions, maxSize);\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n multiple,\n accept: acceptObject,\n maxFiles,\n maxSize,\n disabled,\n });\n return (\n <div className={className}>\n <div\n {...getRootProps()}\n className={classNames(\n styles.root,\n disabled && styles.disabled,\n isDragActive && styles.active\n )}\n >\n <input {...getInputProps()} />\n {children \|\| (\n <>\n <FileAdditionOne size={24} className={styles.icon} />\n <Regular14>Drag & Drop your file here or</Regular14>\n <Button\n variation=\"tertiary\"\n size=\"small\"\n disabled={disabled}\n className={styles.uploadButton}\n >\n Choose file\n </Button>\n </>\n )}\n </div>\n\n {!errorText && description && (\n <Regular14 className={classNames(styles.description, disabled && styles.disabled)}>\n {description}\n </Regular14>\n )}\n\n {errorText && (\n <Regular14 className={styles.error}>\n <CautionFilledCustomIcon size={20} />\n {errorText}\n </Regular14>\n )}\n </div>\n );\n};\n"],"names":["FilesDropzone","props","multiple","children","accept","onDrop","className","maxFiles","maxSize","errorText","disabled","styles","useStyles","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","root","active","_jsx","_Fragment","FileAdditionOne","size","icon","Regular14","Button","variation","uploadButton","error","CautionFilledCustomIcon"],"mappings":"wmKAsDaA,EAAgB,SAACC,GAC5B,IAAQC,EACND,EADMC,SAAUC,EAChBF,EADgBE,SAAUC,EAC1BH,EAD0BG,OAAQC,EAClCJ,EADkCI,OAAQC,EAC1CL,EAD0CK,UAAWC,EACrDN,EADqDM,SAAUC,EAC/DP,EAD+DO,QAASC,EACxER,EADwEQ,UAAWC,EACnFT,EADmFS,SAE/EC,EAASC,IACmBC,EAAAA,EAAYT,GAAtCU,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAkBV,EAAYP,GAElDkB,EAAsDC,EAAY,CAChEtB,OAAAA,EACAH,SAAAA,EACAE,OAAQY,EACRT,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMkB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aAQrC,OACEC,EAAA,MAAA,CAAKzB,UAAWA,EAAUH,SACxB,CAAA4B,EAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBtB,UAAW0B,EACTrB,EAAOsB,KACPvB,GAAYC,EAAOD,SACnBoB,GAAgBnB,EAAOuB,QACvB/B,SAAA,CAEFgC,eAAWN,MACV1B,GACC4B,EAAAK,EAAA,CAAAjC,SAAA,CACEgC,EAACE,EAAe,CAACC,KAAM,GAAIhC,UAAWK,EAAO4B,OAC7CJ,EAACK,EAAS,CAAArC,SAAA,kCACVgC,EAACM,EAAM,CACLC,UAAU,WACVJ,KAAK,QACL5B,SAAUA,EACVJ,UAAWK,EAAOgC,aAAaxC,SAAA,wBAQrCM,GAAae,GACbW,EAACK,EAAS,CAAClC,UAAW0B,EAAWrB,EAAOa,YAAad,GAAYC,EAAOD,UAAUP,SAC/EqB,IAIJf,GACCsB,EAACS,EAAS,CAAClC,UAAWK,EAAOiC,MAAMzC,SAAA,CACjCgC,EAACU,EAAuB,CAACP,KAAM,KAC9B7B,OAKX"}

package/components/FilesLoader/FilesLoader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as i,useMemo as c}from"react";import t from"prop-types";import e from"classnames";import{Typography as r,LinearProgress as m}from"@material-ui/core";import a from"../IconButton/index.js";import l from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseSmallIcon as p,DeleteFourIcon as u,CheckOneIcon as d,RedoIcon as j,UploadIcon as I}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as f,jsx as h,Fragment as v}from"react/jsx-runtime";import g from"./Icons/IconWarning.js";import{FileIcon as b}from"../FileIcon/FileIcon.js";import{useStyles as C}from"./useStyles.js";function O(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function z(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?O(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}function y(t){var O=t.size,y=void 0===O?"small":O,P=t.unit,B=void 0===P?"size":P,N=t.name,S=void 0===N?"":N,w=t.customUnitName,F=void 0===w?"":w,M=t.sizeBytes,A=void 0===M?1:M,k=t.handleCancel,L=void 0===k?null:k,D=t.onReload,x=void 0===D?null:D,E=t.onDelete,T=void 0===E?null:E,R=t.loadedBytes,U=t.error,W=void 0===U?null:U,G=t.errorText,q=void 0===G?"":G,K=t.formatError,Z=void 0!==K&&K,H=t.importButtonType,J=void 0===H?"default":H,Q=t.isLoadingAnimation,V=void 0!==Q&&Q,X=t.showActions,Y=void 0===X||X,$=C(),_=n({}),oo=s(_,2),so=oo[0],no=oo[1],io=n(0),co=s(io,2),to=co[0],eo=co[1],ro=n(!0),mo=s(ro,2),ao=mo[0],lo=mo[1],po="large"===y,uo=po?24:16,jo=po?"medium":"small";i((function(){no(function(o,s,n){return"time"===s?{downloaded:0,unit:"min",convertedSize:o}:"custom"===s?{downloaded:0,unit:n,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(null!=A?A:1,null!=B?B:"size",null!=F?F:""))}),[A,B]),i((function(){if(R&&A){var o=Math.round(R/A*100);no((function(s){var n;return z(z({},s),{},{downloaded:Math.floor((null!==(n=s.convertedSize)&&void 0!==n?n:0)*o/10)/10})})),eo(o)}}),[R,A]),i((function(){var o;return T&&to>=100&&(lo(!0),o=setTimeout((function(){lo(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[to]),i((function(){W&&(eo(0),no((function(o){return z(z({},o),{},{downloaded:0})})))}),[W]);var Io=c((function(){return[e($.iconButton,o({},$.iconButtonLarge,po)),e($.actionIcon,o({},$.actionIconLarge,po))]}),[po]),fo=s(Io,2),ho=fo[0],vo=fo[1];return f("div",{className:$.fileStateWrapper,children:[h("div",{className:$.fileIconContainer,children:h(b,{name:null!=S?S:"",style:{fontSize:po?48:32}})}),f("div",{className:$.fileState,children:[f("div",{className:$.fileStateProgress,children:[h("div",{className:$.fileNameWrapper,children:h(r,{className:e($.fileName,o({},$.fileNameLarge,po)),children:S&&S.length>7?f(v,{children:[h("span",{className:$.firstPart,children:S.slice(0,S.length-7)}),h("span",{children:S.slice(-7)})]}):S})}),!V&&h(m,{className:$.progressBar,variant:"determinate",value:to,classes:{colorPrimary:e($.progressBackground,o({},$.progressBarError,W)),barColorPrimary:e($.progressBarColor,o({},$.progressBarError,W))}}),f("div",{className:$.loaderProgressContainer,children:[!V&&h(r,{className:e($.fileSize,o({},$.fileSizeLarge,po)),component:"span",children:"".concat(so.downloaded," of ").concat(so.convertedSize," ").concat(so.unit)}),f("div",{className:e($.progressStatus,o({},$.fileSizeLarge,po)),children:[W&&f(r,{component:"div",className:$.errorContainer,children:[h(g,{size:y}),h(r,{component:"span",className:e($.errorText,o({},$.fileSizeLarge,po)),children:Z?"Upload Error. Unacceptable file format.":"Upload Error".concat(q&&". ".concat(q))})]}),!W&&!V&&"".concat(to," %")]})]})]}),Y&&f("div",{className:$.fileActions,children:[to<100&&!W&&h(v,{children:V?h("div",{className:e($.loadingIcon,o({},$.loadingLargeIcon,po)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):h(a,{tooltipProps:{title:"Cancel"},className:ho,onClick:function(){null==L||L(S),eo(0),no((function(o){return z(z({},o),{},{downloaded:0})}))},size:jo,children:h(p,{className:vo,size:uo})})}),100===to&&!W&&(!ao&&T?h(a,{variant:"contained",tooltipProps:{title:"Delete"},className:ho,onClick:T,size:jo,children:h(u,{className:vo,size:uo})}):h(d,{fill:"#75DB29",size:uo,style:{marginLeft:12}})),x&&W&&h(v,{children:Z?h(v,{children:"default"===J?h(l,{size:po?"medium":"small",variation:"primary",startIcon:h(I,{}),onClick:x,children:"Import"}):h(a,{size:jo,tooltipProps:{title:"Import File"},className:ho,onClick:x,children:h(I,{size:uo})})}):h(a,{size:jo,tooltipProps:{title:"Reload"},className:ho,onClick:x,children:h(j,{size:uo})})})]})]})]})}var P={size:t.oneOf(["small","large"]),unit:t.oneOf(["size","time","custom"]),customUnitName:t.string,onDelete:t.func,onReload:t.func,handleCancel:t.func,name:t.string,sizeBytes:t.number,error:t.bool,errorText:t.string,formatError:t.bool,importButtonType:t.oneOf(["default","icon"]),loadedBytes:t.number.isRequired,isLoadingAnimation:t.bool,showActions:t.bool};y.propTypes=P;export{y as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as i,useMemo as c}from"react";import t from"prop-types";import e from"classnames";import{Typography as r,LinearProgress as m}from"@material-ui/core";import a from"../IconButton/index.js";import l from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseSmallIcon as p,DeleteFourIcon as u,CheckOneIcon as d,RedoIcon as j,UploadIcon as I}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as f,jsx as h,Fragment as v}from"react/jsx-runtime";import g from"./Icons/IconWarning.js";import{FileIcon as b}from"../FileIcon/FileIcon.js";import{useStyles as C}from"./useStyles.js";function O(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function z(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?O(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}function y(t){var O=t.size,y=void 0===O?"small":O,P=t.unit,B=void 0===P?"size":P,N=t.name,S=void 0===N?"":N,w=t.customUnitName,F=void 0===w?"":w,M=t.sizeBytes,A=void 0===M?1:M,k=t.handleCancel,L=void 0===k?null:k,D=t.onReload,x=void 0===D?null:D,E=t.onDelete,T=void 0===E?null:E,R=t.loadedBytes,U=t.error,W=void 0===U?null:U,G=t.errorText,q=void 0===G?"":G,K=t.formatError,Z=void 0!==K&&K,H=t.importButtonType,J=void 0===H?"default":H,Q=t.isLoadingAnimation,V=void 0!==Q&&Q,X=t.showActions,Y=void 0===X||X,$=C(),_=n({}),oo=s(_,2),so=oo[0],no=oo[1],io=n(0),co=s(io,2),to=co[0],eo=co[1],ro=n(!0),mo=s(ro,2),ao=mo[0],lo=mo[1],po="large"===y,uo=po?24:16,jo=po?"medium":"small";i((function(){no(function(o,s,n){return"time"===s?{downloaded:0,unit:"min",convertedSize:o}:"custom"===s?{downloaded:0,unit:n,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(null!=A?A:1,null!=B?B:"size",null!=F?F:""))}),[A,B]),i((function(){if(R&&A){var o=Math.round(R/A*100);no((function(s){var n;return z(z({},s),{},{downloaded:Math.floor((null!==(n=s.convertedSize)&&void 0!==n?n:0)*o/10)/10})})),eo(o)}}),[R,A]),i((function(){var o;return T&&to>=100&&(lo(!0),o=setTimeout((function(){lo(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[to]),i((function(){W&&(eo(0),no((function(o){return z(z({},o),{},{downloaded:0})})))}),[W]);var Io=c((function(){return[e($.iconButton,o({},$.iconButtonLarge,po)),e($.actionIcon,o({},$.actionIconLarge,po))]}),[po]),fo=s(Io,2),ho=fo[0],vo=fo[1];return f("div",{className:$.fileStateWrapper,children:[h("div",{className:$.fileIconContainer,children:h(b,{name:null!=S?S:"",style:{fontSize:po?48:32}})}),f("div",{className:$.fileState,children:[f("div",{className:$.fileStateProgress,children:[h("div",{className:$.fileNameWrapper,children:h(r,{className:e($.fileName,o({},$.fileNameLarge,po)),children:S&&S.length>7?f(v,{children:[h("span",{className:$.firstPart,children:S.slice(0,S.length-7)}),h("span",{children:S.slice(-7)})]}):S})}),!V&&h(m,{className:$.progressBar,variant:"determinate",value:to,classes:{colorPrimary:e($.progressBackground,o({},$.progressBarError,W)),barColorPrimary:e($.progressBarColor,o({},$.progressBarError,W))}}),f("div",{className:$.loaderProgressContainer,children:[!V&&h(r,{className:e($.fileSize,o({},$.fileSizeLarge,po)),component:"span",children:"".concat(so.downloaded," of ").concat(so.convertedSize," ").concat(so.unit)}),f("div",{className:e($.progressStatus,o({},$.fileSizeLarge,po)),children:[W&&f(r,{component:"div",className:$.errorContainer,children:[h(g,{size:y}),h(r,{component:"span",className:e($.errorText,o({},$.fileSizeLarge,po)),children:Z?"Upload Error. Unacceptable file format.":"Upload Error".concat(q&&". ".concat(q))})]}),!W&&!V&&"".concat(to," %")]})]})]}),Y&&f("div",{className:$.fileActions,children:[to<100&&!W&&h(v,{children:V?h("div",{className:e($.loadingIcon,o({},$.loadingLargeIcon,po)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):h(a,{tooltipProps:{title:"Cancel"},className:ho,onClick:function(){null==L||L(S),eo(0),no((function(o){return z(z({},o),{},{downloaded:0})}))},size:jo,children:h(p,{className:vo,size:uo})})}),100===to&&!W&&(!ao&&T?h(a,{variant:"contained",tooltipProps:{title:"Delete"},className:ho,onClick:T,size:jo,children:h(u,{className:vo,size:uo})}):h(d,{fill:"#75DB29",size:uo,style:{marginLeft:12}})),x&&W&&h(v,{children:Z?h(v,{children:"default"===J?h(l,{size:po?"medium":"small",variation:"primary",startIcon:h(I,{}),onClick:x,children:"Import"}):h(a,{size:jo,tooltipProps:{title:"Import File"},className:ho,onClick:x,children:h(I,{size:uo})})}):h(a,{size:jo,tooltipProps:{title:"Reload"},className:ho,onClick:x,children:h(j,{size:uo})})})]})]})]})}var P={size:t.oneOf(["small","large"]),unit:t.oneOf(["size","time","custom"]),customUnitName:t.string,onDelete:t.func,onReload:t.func,handleCancel:t.func,name:t.string,sizeBytes:t.number,error:t.bool,errorText:t.string,formatError:t.bool,importButtonType:t.oneOf(["default","icon"]),loadedBytes:t.number.isRequired,isLoadingAnimation:t.bool,showActions:t.bool};y.propTypes=P;export{y as default};
 //# sourceMappingURL=FilesLoader.js.map

package/components/FilesLoader/FilesLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilesLoader.js","sources":["../../../src/components/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { LinearProgress, Typography } from '@material-ui/core';\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\n\nimport { CheckOneIcon, CloseSmallIcon, DeleteFourIcon, RedoIcon, UploadIcon } from '~/icons';\n\nimport IconWarning from './Icons/IconWarning';\nimport LoaderIcon from './Icons/IconLoader.svg';\nimport { FileIcon } from '~/components/FileIcon';\nimport { useStyles } from './useStyles';\n\nfunction getInitSizeParams(sizeBytes: number, unit: string, customUnitName: string) {\n if (unit === 'time') {\n return {\n downloaded: 0,\n unit: 'min',\n convertedSize: sizeBytes,\n };\n }\n\n if (unit === 'custom') {\n return {\n downloaded: 0,\n unit: customUnitName,\n convertedSize: sizeBytes,\n };\n }\n\n if (sizeBytes >= 10 6) {\n return {\n downloaded: 0,\n unit: 'MB',\n convertedSize: Math.floor(sizeBytes / 10 5) / 10,\n };\n }\n if (sizeBytes >= 10 3) {\n return {\n downloaded: 0,\n unit: 'KB',\n convertedSize: Math.floor(sizeBytes / 10 2) / 10,\n };\n }\n return {\n downloaded: 0,\n unit: 'B',\n convertedSize: Math.floor(sizeBytes * 10) / 10,\n };\n}\n\ninterface FilesLoaderProps extends PropTypes.InferProps<typeof filesLoaderPropTypes> {}\ninterface SizeParams {\n downloaded?: number;\n convertedSize?: number;\n unit?: string;\n}\n\n/*\n @deprecated\n /\nfunction FilesLoader({\n size = 'small',\n unit = 'size',\n name = '',\n customUnitName = '',\n sizeBytes = 1,\n handleCancel = null,\n onReload = null,\n onDelete = null,\n loadedBytes,\n error = null,\n errorText = '',\n formatError = false,\n importButtonType = 'default',\n isLoadingAnimation = false,\n showActions = true,\n}: FilesLoaderProps): JSX.Element {\n const classes = useStyles();\n const [sizeParams, setSizeParams] = useState<SizeParams>({});\n const [progressPercent, setProgressPercent] = useState(0);\n const [isSuccessButtonVisible, setIsSuccessButtonVisible] = useState(true);\n const isLarge = size === 'large';\n const iconSize = isLarge ? 24 : 16;\n const iconButtonSize = isLarge ? 'medium' : 'small';\n\n const handleCancelProgress = () => {\n handleCancel?.(name);\n setProgressPercent(0);\n setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n };\n\n useEffect(() => {\n setSizeParams(getInitSizeParams(sizeBytes ?? 1, unit ?? 'size', customUnitName ?? ''));\n }, [sizeBytes, unit]);\n\n useEffect(() => {\n if (loadedBytes && sizeBytes) {\n const currentPercent = Math.round((loadedBytes / sizeBytes) 100);\n setSizeParams(prev => ({\n ...prev,\n downloaded: Math.floor(((prev.convertedSize ?? 0) * currentPercent) / 10) / 10,\n }));\n setProgressPercent(currentPercent);\n }\n }, [loadedBytes, sizeBytes]);\n\n useEffect(() => {\n let timerId: ReturnType<typeof setTimeout>;\n if (onDelete && progressPercent >= 100) {\n setIsSuccessButtonVisible(true);\n timerId = setTimeout(() => {\n setIsSuccessButtonVisible(false);\n }, 5000);\n }\n return () => timerId && clearTimeout(timerId);\n }, [progressPercent]);\n\n useEffect(() => {\n if (error) {\n setProgressPercent(0);\n setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n }\n }, [error]);\n\n const [iconButtonClassName, actionIconClassName] = useMemo(() => {\n const iconButtonStyle = classNames(classes.iconButton, {\n [classes.iconButtonLarge]: isLarge,\n });\n const actionIconStyle = classNames(classes.actionIcon, {\n [classes.actionIconLarge]: isLarge,\n });\n return [iconButtonStyle, actionIconStyle];\n }, [isLarge]);\n\n return (\n <div className={classes.fileStateWrapper}>\n <div className={classes.fileIconContainer}>\n <FileIcon name={name ?? ''} style={{ fontSize: isLarge ? 48 : 32 }} />\n </div>\n <div className={classes.fileState}>\n <div className={classes.fileStateProgress}>\n <div className={classes.fileNameWrapper}>\n <Typography\n className={classNames(classes.fileName, { [classes.fileNameLarge]: isLarge })}\n >\n {name && name.length > 7 ? (\n <>\n <span className={classes.firstPart}>{name.slice(0, name.length - 7)}</span>\n <span>{name.slice(-7)}</span>\n </>\n ) : (\n name\n )}\n </Typography>\n </div>\n {!isLoadingAnimation && (\n <LinearProgress\n className={classes.progressBar}\n variant=\"determinate\"\n value={progressPercent}\n classes={{\n colorPrimary: classNames(classes.progressBackground, {\n [classes.progressBarError]: error,\n }),\n barColorPrimary: classNames(classes.progressBarColor, {\n [classes.progressBarError]: error,\n }),\n }}\n />\n )}\n <div className={classes.loaderProgressContainer}>\n {!isLoadingAnimation && (\n <Typography\n className={classNames(classes.fileSize, { [classes.fileSizeLarge]: isLarge })}\n component=\"span\"\n >\n {`${sizeParams.downloaded} of ${sizeParams.convertedSize} ${sizeParams.unit}`}\n </Typography>\n )}\n <div\n className={classNames(classes.progressStatus, { [classes.fileSizeLarge]: isLarge })}\n >\n {error && (\n <Typography component=\"div\" className={classes.errorContainer}>\n <IconWarning size={size} />\n <Typography\n component=\"span\"\n className={classNames(classes.errorText, { [classes.fileSizeLarge]: isLarge })}\n >\n {formatError\n ? 'Upload Error. Unacceptable file format.'\n : `Upload Error${errorText && `. ${errorText}`}`}\n </Typography>\n </Typography>\n )}\n {!error && !isLoadingAnimation && `${progressPercent} %`}\n </div>\n </div>\n </div>\n\n {showActions && (\n <div className={classes.fileActions}>\n {progressPercent < 100 && !error && (\n <>\n {isLoadingAnimation ? (\n <div\n className={classNames(classes.loadingIcon, {\n [classes.loadingLargeIcon]: isLarge,\n })}\n style={{ backgroundImage: `url(${LoaderIcon})` }}\n />\n ) : (\n <IconButton\n tooltipProps={{ title: 'Cancel' }}\n className={iconButtonClassName}\n onClick={handleCancelProgress}\n size={iconButtonSize}\n >\n <CloseSmallIcon className={actionIconClassName} size={iconSize} />\n </IconButton>\n )}\n </>\n )}\n {progressPercent === 100 &&\n !error &&\n (!isSuccessButtonVisible && onDelete ? (\n <IconButton\n variant=\"contained\"\n tooltipProps={{ title: 'Delete' }}\n className={iconButtonClassName}\n onClick={onDelete}\n size={iconButtonSize}\n >\n <DeleteFourIcon className={actionIconClassName} size={iconSize} />\n </IconButton>\n ) : (\n <CheckOneIcon fill=\"#75DB29\" size={iconSize} style={{ marginLeft: 12 }} />\n ))}\n\n {onReload && error && (\n <>\n {!formatError ? (\n <IconButton\n size={iconButtonSize}\n tooltipProps={{ title: 'Reload' }}\n className={iconButtonClassName}\n onClick={onReload}\n >\n <RedoIcon size={iconSize} />\n </IconButton>\n ) : (\n <>\n {importButtonType === 'default' ? (\n <Button\n size={isLarge ? 'medium' : 'small'}\n variation=\"primary\"\n startIcon={<UploadIcon />}\n onClick={onReload}\n >\n Import\n </Button>\n ) : (\n <IconButton\n size={iconButtonSize}\n tooltipProps={{ title: 'Import File' }}\n className={iconButtonClassName}\n onClick={onReload}\n >\n <UploadIcon size={iconSize} />\n </IconButton>\n )}\n </>\n )}\n </>\n )}\n </div>\n )}\n </div>\n </div>\n );\n}\n\nconst filesLoaderPropTypes = {\n size: PropTypes.oneOf(['small', 'large']),\n unit: PropTypes.oneOf(['size', 'time', 'custom']),\n customUnitName: PropTypes.string,\n onDelete: PropTypes.func,\n onReload: PropTypes.func,\n handleCancel: PropTypes.func,\n name: PropTypes.string,\n sizeBytes: PropTypes.number,\n error: PropTypes.bool,\n errorText: PropTypes.string,\n formatError: PropTypes.bool,\n importButtonType: PropTypes.oneOf(['default', 'icon']),\n loadedBytes: PropTypes.number.isRequired,\n isLoadingAnimation: PropTypes.bool,\n showActions: PropTypes.bool,\n};\n\nFilesLoader.propTypes = filesLoaderPropTypes;\n\nexport default FilesLoader;\n"],"names":["FilesLoader","_ref","_ref$size","size","_ref$unit","unit","_ref$name","name","_ref$customUnitName","customUnitName","_ref$sizeBytes","sizeBytes","_ref$handleCancel","handleCancel","_ref$onReload","onReload","_ref$onDelete","onDelete","loadedBytes","_ref$error","error","_ref$errorText","errorText","_ref$formatError","formatError","_ref$importButtonType","importButtonType","_ref$isLoadingAnimati","isLoadingAnimation","_ref$showActions","showActions","classes","useStyles","_useState","useState","_useState2","_slicedToArray","sizeParams","setSizeParams","_useState4","_useState3","progressPercent","setProgressPercent","_useState6","_useState5","isSuccessButtonVisible","setIsSuccessButtonVisible","isLarge","iconSize","iconButtonSize","useEffect","downloaded","convertedSize","Math","pow","floor","getInitSizeParams","currentPercent","round","prev","_prev$convertedSize","_objectSpread","timerId","setTimeout","clearTimeout","useMemo","classNames","iconButton","_defineProperty","iconButtonLarge","actionIcon","actionIconLarge","_useMemo2","_useMemo","iconButtonClassName","actionIconClassName","_jsxs","className","fileStateWrapper","children","_jsx","fileIconContainer","FileIcon","style","fontSize","fileState","fileStateProgress","fileNameWrapper","Typography","fileName","fileNameLarge","length","_Fragment","firstPart","slice","LinearProgress","progressBar","variant","value","colorPrimary","progressBackground","progressBarError","barColorPrimary","progressBarColor","loaderProgressContainer","fileSize","fileSizeLarge","component","concat","progressStatus","errorContainer","IconWarning","fileActions","loadingIcon","loadingLargeIcon","backgroundImage","IconButton","tooltipProps","title","onClick","CloseSmallIcon","DeleteFourIcon","CheckOneIcon","fill","marginLeft","Button","variation","startIcon","UploadIcon","RedoIcon","filesLoaderPropTypes","PropTypes","oneOf","string","func","number","bool","isRequired","propTypes"],"mappings":"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"}
1	+ {"version":3,"file":"FilesLoader.js","sources":["../../../src/components/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { LinearProgress, Typography } from '@material-ui/core';\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\n\nimport { CheckOneIcon, CloseSmallIcon, DeleteFourIcon, RedoIcon, UploadIcon } from '~/icons';\n\nimport IconWarning from './Icons/IconWarning';\nimport LoaderIcon from './Icons/IconLoader.svg';\nimport { FileIcon } from '~/components/FileIcon';\nimport { useStyles } from './useStyles';\n\nfunction getInitSizeParams(sizeBytes: number, unit: string, customUnitName: string) {\n if (unit === 'time') {\n return {\n downloaded: 0,\n unit: 'min',\n convertedSize: sizeBytes,\n };\n }\n\n if (unit === 'custom') {\n return {\n downloaded: 0,\n unit: customUnitName,\n convertedSize: sizeBytes,\n };\n }\n\n if (sizeBytes >= 10 6) {\n return {\n downloaded: 0,\n unit: 'MB',\n convertedSize: Math.floor(sizeBytes / 10 5) / 10,\n };\n }\n if (sizeBytes >= 10 3) {\n return {\n downloaded: 0,\n unit: 'KB',\n convertedSize: Math.floor(sizeBytes / 10 2) / 10,\n };\n }\n return {\n downloaded: 0,\n unit: 'B',\n convertedSize: Math.floor(sizeBytes * 10) / 10,\n };\n}\n\ninterface FilesLoaderProps extends PropTypes.InferProps<typeof filesLoaderPropTypes> {}\ninterface SizeParams {\n downloaded?: number;\n convertedSize?: number;\n unit?: string;\n}\n\n/*\n @deprecated\n /\nfunction FilesLoader({\n size = 'small',\n unit = 'size',\n name = '',\n customUnitName = '',\n sizeBytes = 1,\n handleCancel = null,\n onReload = null,\n onDelete = null,\n loadedBytes,\n error = null,\n errorText = '',\n formatError = false,\n importButtonType = 'default',\n isLoadingAnimation = false,\n showActions = true,\n}: FilesLoaderProps): JSX.Element {\n const classes = useStyles();\n const [sizeParams, setSizeParams] = useState<SizeParams>({});\n const [progressPercent, setProgressPercent] = useState(0);\n const [isSuccessButtonVisible, setIsSuccessButtonVisible] = useState(true);\n const isLarge = size === 'large';\n const iconSize = isLarge ? 24 : 16;\n const iconButtonSize = isLarge ? 'medium' : 'small';\n\n const handleCancelProgress = () => {\n handleCancel?.(name);\n setProgressPercent(0);\n setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n };\n\n useEffect(() => {\n setSizeParams(getInitSizeParams(sizeBytes ?? 1, unit ?? 'size', customUnitName ?? ''));\n }, [sizeBytes, unit]);\n\n useEffect(() => {\n if (loadedBytes && sizeBytes) {\n const currentPercent = Math.round((loadedBytes / sizeBytes) 100);\n setSizeParams(prev => ({\n ...prev,\n downloaded: Math.floor(((prev.convertedSize ?? 0) * currentPercent) / 10) / 10,\n }));\n setProgressPercent(currentPercent);\n }\n }, [loadedBytes, sizeBytes]);\n\n useEffect(() => {\n let timerId: ReturnType<typeof setTimeout>;\n if (onDelete && progressPercent >= 100) {\n setIsSuccessButtonVisible(true);\n timerId = setTimeout(() => {\n setIsSuccessButtonVisible(false);\n }, 5000);\n }\n return () => timerId && clearTimeout(timerId);\n }, [progressPercent]);\n\n useEffect(() => {\n if (error) {\n setProgressPercent(0);\n setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n }\n }, [error]);\n\n const [iconButtonClassName, actionIconClassName] = useMemo(() => {\n const iconButtonStyle = classNames(classes.iconButton, {\n [classes.iconButtonLarge]: isLarge,\n });\n const actionIconStyle = classNames(classes.actionIcon, {\n [classes.actionIconLarge]: isLarge,\n });\n return [iconButtonStyle, actionIconStyle];\n }, [isLarge]);\n\n return (\n <div className={classes.fileStateWrapper}>\n <div className={classes.fileIconContainer}>\n <FileIcon name={name ?? ''} style={{ fontSize: isLarge ? 48 : 32 }} />\n </div>\n <div className={classes.fileState}>\n <div className={classes.fileStateProgress}>\n <div className={classes.fileNameWrapper}>\n <Typography\n className={classNames(classes.fileName, { [classes.fileNameLarge]: isLarge })}\n >\n {name && name.length > 7 ? (\n <>\n <span className={classes.firstPart}>{name.slice(0, name.length - 7)}</span>\n <span>{name.slice(-7)}</span>\n </>\n ) : (\n name\n )}\n </Typography>\n </div>\n {!isLoadingAnimation && (\n <LinearProgress\n className={classes.progressBar}\n variant=\"determinate\"\n value={progressPercent}\n classes={{\n colorPrimary: classNames(classes.progressBackground, {\n [classes.progressBarError]: error,\n }),\n barColorPrimary: classNames(classes.progressBarColor, {\n [classes.progressBarError]: error,\n }),\n }}\n />\n )}\n <div className={classes.loaderProgressContainer}>\n {!isLoadingAnimation && (\n <Typography\n className={classNames(classes.fileSize, { [classes.fileSizeLarge]: isLarge })}\n component=\"span\"\n >\n {`${sizeParams.downloaded} of ${sizeParams.convertedSize} ${sizeParams.unit}`}\n </Typography>\n )}\n <div\n className={classNames(classes.progressStatus, { [classes.fileSizeLarge]: isLarge })}\n >\n {error && (\n <Typography component=\"div\" className={classes.errorContainer}>\n <IconWarning size={size} />\n <Typography\n component=\"span\"\n className={classNames(classes.errorText, { [classes.fileSizeLarge]: isLarge })}\n >\n {formatError\n ? 'Upload Error. Unacceptable file format.'\n : `Upload Error${errorText && `. ${errorText}`}`}\n </Typography>\n </Typography>\n )}\n {!error && !isLoadingAnimation && `${progressPercent} %`}\n </div>\n </div>\n </div>\n\n {showActions && (\n <div className={classes.fileActions}>\n {progressPercent < 100 && !error && (\n <>\n {isLoadingAnimation ? (\n <div\n className={classNames(classes.loadingIcon, {\n [classes.loadingLargeIcon]: isLarge,\n })}\n style={{ backgroundImage: `url(${LoaderIcon})` }}\n />\n ) : (\n <IconButton\n tooltipProps={{ title: 'Cancel' }}\n className={iconButtonClassName}\n onClick={handleCancelProgress}\n size={iconButtonSize}\n >\n <CloseSmallIcon className={actionIconClassName} size={iconSize} />\n </IconButton>\n )}\n </>\n )}\n {progressPercent === 100 &&\n !error &&\n (!isSuccessButtonVisible && onDelete ? (\n <IconButton\n variant=\"contained\"\n tooltipProps={{ title: 'Delete' }}\n className={iconButtonClassName}\n onClick={onDelete}\n size={iconButtonSize}\n >\n <DeleteFourIcon className={actionIconClassName} size={iconSize} />\n </IconButton>\n ) : (\n <CheckOneIcon fill=\"#75DB29\" size={iconSize} style={{ marginLeft: 12 }} />\n ))}\n\n {onReload && error && (\n <>\n {!formatError ? (\n <IconButton\n size={iconButtonSize}\n tooltipProps={{ title: 'Reload' }}\n className={iconButtonClassName}\n onClick={onReload}\n >\n <RedoIcon size={iconSize} />\n </IconButton>\n ) : (\n <>\n {importButtonType === 'default' ? (\n <Button\n size={isLarge ? 'medium' : 'small'}\n variation=\"primary\"\n startIcon={<UploadIcon />}\n onClick={onReload}\n >\n Import\n </Button>\n ) : (\n <IconButton\n size={iconButtonSize}\n tooltipProps={{ title: 'Import File' }}\n className={iconButtonClassName}\n onClick={onReload}\n >\n <UploadIcon size={iconSize} />\n </IconButton>\n )}\n </>\n )}\n </>\n )}\n </div>\n )}\n </div>\n </div>\n );\n}\n\nconst filesLoaderPropTypes = {\n size: PropTypes.oneOf(['small', 'large']),\n unit: PropTypes.oneOf(['size', 'time', 'custom']),\n customUnitName: PropTypes.string,\n onDelete: PropTypes.func,\n onReload: PropTypes.func,\n handleCancel: PropTypes.func,\n name: PropTypes.string,\n sizeBytes: PropTypes.number,\n error: PropTypes.bool,\n errorText: PropTypes.string,\n formatError: PropTypes.bool,\n importButtonType: PropTypes.oneOf(['default', 'icon']),\n loadedBytes: PropTypes.number.isRequired,\n isLoadingAnimation: PropTypes.bool,\n showActions: PropTypes.bool,\n};\n\nFilesLoader.propTypes = filesLoaderPropTypes;\n\nexport default FilesLoader;\n"],"names":["FilesLoader","_ref","_ref$size","size","_ref$unit","unit","_ref$name","name","_ref$customUnitName","customUnitName","_ref$sizeBytes","sizeBytes","_ref$handleCancel","handleCancel","_ref$onReload","onReload","_ref$onDelete","onDelete","loadedBytes","_ref$error","error","_ref$errorText","errorText","_ref$formatError","formatError","_ref$importButtonType","importButtonType","_ref$isLoadingAnimati","isLoadingAnimation","_ref$showActions","showActions","classes","useStyles","_useState","useState","_useState2","_slicedToArray","sizeParams","setSizeParams","_useState4","_useState3","progressPercent","setProgressPercent","_useState6","_useState5","isSuccessButtonVisible","setIsSuccessButtonVisible","isLarge","iconSize","iconButtonSize","useEffect","downloaded","convertedSize","Math","pow","floor","getInitSizeParams","currentPercent","round","prev","_prev$convertedSize","_objectSpread","timerId","setTimeout","clearTimeout","useMemo","classNames","iconButton","_defineProperty","iconButtonLarge","actionIcon","actionIconLarge","_useMemo2","_useMemo","iconButtonClassName","actionIconClassName","_jsxs","className","fileStateWrapper","children","_jsx","fileIconContainer","FileIcon","style","fontSize","fileState","fileStateProgress","fileNameWrapper","Typography","fileName","fileNameLarge","length","_Fragment","firstPart","slice","LinearProgress","progressBar","variant","value","colorPrimary","progressBackground","progressBarError","barColorPrimary","progressBarColor","loaderProgressContainer","fileSize","fileSizeLarge","component","concat","progressStatus","errorContainer","IconWarning","fileActions","loadingIcon","loadingLargeIcon","backgroundImage","IconButton","tooltipProps","title","onClick","CloseSmallIcon","DeleteFourIcon","CheckOneIcon","fill","marginLeft","Button","variation","startIcon","UploadIcon","RedoIcon","filesLoaderPropTypes","PropTypes","oneOf","string","func","number","bool","isRequired","propTypes"],"mappings":"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"}

package/components/FilesLoaderV2/FilesLoaderV2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"classnames";import{LinearProgress as s}from"@material-ui/core";import{FileIcon as c}from"../FileIcon/FileIcon.js";import i from"../IconButton/index.js";import{CloseIcon as n,DeleteFourIcon as t,RedoIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as r}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{MiddleTruncatedText as e}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{Regular14 as p,Regular12 as l}from"../Typography.js";import{formatSizeProgress as u}from"./utils.js";import{useStyles as a}from"./styles.js";import{jsxs as j,jsx as I,Fragment as d}from"react/jsx-runtime";var h=function(h){var C=h.formatProgress,v=void 0===C?u:C,F=h.className,f=h.name,O=h.current,g=h.total,x=h.errorText,P=h.onCancel,M=h.onReload,T=h.onDelete,b=a(),k=void 0!==g&&g>=0&&void 0!==O&&O>=0,N=Math.min(100,Math.ceil((null!=O?O:0)/(null!=g?g:1)*100)),A=void 0!==O&&void 0!==g&&O>=g;return j("div",{className:o(b.root,F),children:[I(c,{name:f,className:b.icon,strokeWidth:2}),j("div",{className:b.content,children:[I(p,{className:b.name,children:I(e,{children:f},f)}),!x&&!A&&j(d,{children:[I(s,{className:b.progressBar,variant:k?"determinate":void 0,value:N}),j("div",{className:b.progressTextContainer,children:[I(l,{className:b.progressText,children:v(g,O)}),k&&j(l,{className:b.progressText,children:[N,"%"]})]})]}),x&&j(p,{className:b.error,children:[I(r,{size:16}),x]})]}),P&&!x&&!A&&I(i,{onClick:P,size:"small",tooltipProps:{title:"Cancel"},children:I(n,{})}),T&&(x||A)&&I(i,{onClick:T,size:"small",tooltipProps:{title:"Remove File"},children:I(t,{})}),M&&x&&I(i,{onClick:M,size:"small",tooltipProps:{title:"Reload"},children:I(m,{})})]})};export{h as FilesLoaderV2};
+import o from"classnames";import{LinearProgress as s}from"@material-ui/core";import{FileIcon as c}from"../FileIcon/FileIcon.js";import i from"../IconButton/index.js";import{CloseIcon as n,DeleteFourIcon as t,RedoIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as r}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{MiddleTruncatedText as e}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{Regular14 as p,Regular12 as l}from"../Typography.js";import{formatSizeProgress as u}from"./utils.js";import{useStyles as a}from"./styles.js";import{jsxs as j,jsx as I,Fragment as d}from"react/jsx-runtime";var h=function(h){var C=h.formatProgress,v=void 0===C?u:C,F=h.className,O=h.name,P=h.current,f=h.total,g=h.errorText,x=h.onCancel,M=h.onReload,T=h.onDelete,b=a(),k=void 0!==f&&f>=0&&void 0!==P&&P>=0,N=Math.min(100,Math.ceil((null!=P?P:0)/(null!=f?f:1)*100)),A=void 0!==P&&void 0!==f&&P>=f;return j("div",{className:o(b.root,F),children:[I(c,{name:O,className:b.icon,strokeWidth:2}),j("div",{className:b.content,children:[I(p,{className:b.name,children:I(e,{children:O},O)}),!g&&!A&&j(d,{children:[I(s,{className:b.progressBar,variant:k?"determinate":void 0,value:N}),j("div",{className:b.progressTextContainer,children:[I(l,{className:b.progressText,children:v(f,P)}),k&&j(l,{className:b.progressText,children:[N,"%"]})]})]}),g&&j(p,{className:b.error,children:[I(r,{size:16}),g]})]}),x&&!g&&!A&&I(i,{onClick:x,size:"small",tooltipProps:{title:"Cancel"},children:I(n,{})}),T&&(g||A)&&I(i,{onClick:T,size:"small",tooltipProps:{title:"Remove File"},children:I(t,{})}),M&&g&&I(i,{onClick:M,size:"small",tooltipProps:{title:"Reload"},children:I(m,{})})]})};export{h as FilesLoaderV2};
 //# sourceMappingURL=FilesLoaderV2.js.map

package/components/FilesLoaderV2/FilesLoaderV2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilesLoaderV2.js","sources":["../../../src/components/FilesLoaderV2/FilesLoaderV2.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { LinearProgress } from '@material-ui/core';\nimport { FileIcon } from '~/components/FileIcon';\nimport IconButton from '~/components/IconButton';\nimport { CautionFilledCustomIcon, CloseIcon, DeleteFourIcon, RedoIcon } from '~/icons';\nimport { MiddleTruncatedText } from '~/components/MiddleTruncatedText';\nimport { Regular12, Regular14 } from '~/components/Typography';\nimport { formatSizeProgress } from './utils';\nimport { useStyles } from './styles';\n\nexport type FilesLoaderV2Props = {\n name: string;\n /*\n Total progress value (bytes by default)\n \n If undefined or < 0 - makes progress bar indeterminate\n /\n total?: number;\n /\n Current progress value (bytes by default)\n \n If undefined or < 0 - makes progress bar indeterminate\n /\n current?: number;\n /\n Error to show\n /\n errorText?: string;\n /\n If exists - displays the \"Delete\" button\n /\n onDelete?: () => void;\n /\n If exists - displays the \"Reload\" button on error state\n /\n onReload?: () => void;\n /\n If exists - displays the \"Cancel\" button when loading\n /\n onCancel?: () => void;\n /\n Allows custom progress units\n * @param total total progress value\n * @param current current progress value\n /\n formatProgress?: (total?: number, current?: number) => ReactNode;\n className?: string;\n};\n\nexport const FilesLoaderV2 = (props: FilesLoaderV2Props) => {\n const {\n formatProgress = formatSizeProgress,\n className,\n name,\n current,\n total,\n errorText,\n onCancel,\n onReload,\n onDelete,\n } = props;\n const styles = useStyles();\n const isDeterminate = total !== undefined && total >= 0 && current !== undefined && current >= 0;\n const progressPercent = Math.min(100, Math.ceil(((current ?? 0) / (total ?? 1)) 100));\n const isComplete = current !== undefined && total !== undefined && current >= total;\n\n return (\n <div className={classNames(styles.root, className)}>\n <FileIcon name={name} className={styles.icon} strokeWidth={2} />\n\n <div className={styles.content}>\n <Regular14 className={styles.name}>\n <MiddleTruncatedText key={name}>{name}</MiddleTruncatedText>\n </Regular14>\n\n {!errorText && !isComplete && (\n <>\n <LinearProgress\n className={styles.progressBar}\n variant={isDeterminate ? 'determinate' : undefined}\n value={progressPercent}\n />\n\n <div className={styles.progressTextContainer}>\n <Regular12 className={styles.progressText}>\n {formatProgress(total, current)}\n </Regular12>\n\n {isDeterminate && (\n <Regular12 className={styles.progressText}>{progressPercent}%</Regular12>\n )}\n </div>\n </>\n )}\n\n {errorText && (\n <Regular14 className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {errorText}\n </Regular14>\n )}\n </div>\n\n {onCancel && !errorText && !isComplete && (\n <IconButton onClick={onCancel} size={'small'} tooltipProps={{ title: 'Cancel' }}>\n <CloseIcon />\n </IconButton>\n )}\n\n {onDelete && (errorText \|\| isComplete) && (\n <IconButton onClick={onDelete} size={'small'} tooltipProps={{ title: 'Remove File' }}>\n <DeleteFourIcon />\n </IconButton>\n )}\n\n {onReload && errorText && (\n <IconButton onClick={onReload} size={'small'} tooltipProps={{ title: 'Reload' }}>\n <RedoIcon />\n </IconButton>\n )}\n </div>\n );\n};\n"],"names":["FilesLoaderV2","props","formatProgress","formatSizeProgress","_props$formatProgress","className","name","current","total","errorText","onCancel","onReload","onDelete","styles","useStyles","isDeterminate","undefined","progressPercent","Math","min","ceil","isComplete","_jsxs","classNames","root","children","_jsx","FileIcon","icon","strokeWidth","content","Regular14","MiddleTruncatedText","_Fragment","LinearProgress","progressBar","variant","value","progressTextContainer","Regular12","progressText","error","CautionFilledCustomIcon","size","IconButton","onClick","tooltipProps","title","CloseIcon","DeleteFourIcon","RedoIcon"],"mappings":"~~0wIAkDaA~~,EAAgB,SAACC,GAC5B,IAUIA,EAAAA,EATFC,eAAAA,aAAiBC,EAAkBC,EACnCC,EAQEJ,EARFI,UACAC,EAOEL,EAPFK,KACAC,EAMEN,EANFM,QACAC,EAKEP,EALFO,MACAC,EAIER,EAJFQ,UACAC,EAGET,EAHFS,SACAC,EAEEV,EAFFU,SACAC,EACEX,EADFW,SAEIC,EAASC,IACTC,OAA0BC,IAAVR,GAAuBA,GAAS,QAAiBQ,IAAZT,GAAyBA,GAAW,EACzFU,EAAkBC,KAAKC,IAAI,IAAKD,KAAKE,MAAOb,QAAAA,EAAW,IAAMC,QAAAA,EAAS,GAAM,MAC5Ea,OAAyBL,IAAZT,QAAmCS,IAAVR,GAAuBD,GAAWC,EAE9E,OACEc,EAAA,MAAA,CAAKjB,UAAWkB,EAAWV,EAAOW,KAAMnB,GAAWoB,SAAA,CACjDC,EAACC,EAAQ,CAACrB,KAAMA,EAAMD,UAAWQ,EAAOe,KAAMC,YAAa,IAE3DP,EAAA,MAAA,CAAKjB,UAAWQ,EAAOiB,QAAQL,SAAA,CAC7BC,EAACK,EAAS,CAAC1B,UAAWQ,EAAOP,KAAKmB,SAChCC,EAACM,EAAmB,CAAAP,SAAanB,GAAPA,MAG1BG,IAAcY,GACdC,EAAAW,EAAA,CAAAR,SAAA,CACEC,EAACQ,EAAc,CACb7B,UAAWQ,EAAOsB,YAClBC,QAASrB,EAAgB,mBAAgBC,EACzCqB,MAAOpB,IAGTK,EAAA,MAAA,CAAKjB,UAAWQ,EAAOyB,sBAAsBb,SAAA,CAC3CC,EAACa,EAAS,CAAClC,UAAWQ,EAAO2B,aAAaf,SACvCvB,EAAeM,EAAOD,KAGxBQ,GACCO,EAACiB,EAAS,CAAClC,UAAWQ,EAAO2B,aAAaf,SAAA,CAAER,EAAe,aAMlER,GACCa,EAACS,EAAS,CAAC1B,UAAWQ,EAAO4B,MAAMhB,SAAA,CACjCC,EAACgB,EAAuB,CAACC,KAAM,KAC9BlC,QAKNC,IAAaD,IAAcY,GAC1BK,EAACkB,EAAU,CAACC,QAASnC,EAAUiC,KAAM,QAASG,aAAc,CAAEC,MAAO,UAAWtB,SAC9EC,EAACsB,EAAS,MAIbpC,IAAaH,GAAaY,IACzBK,EAACkB,EAAU,CAACC,QAASjC,EAAU+B,KAAM,QAASG,aAAc,CAAEC,MAAO,eAAgBtB,SACnFC,EAACuB,EAAc,MAIlBtC,GAAYF,GACXiB,EAACkB,EAAU,CAACC,QAASlC,EAAUgC,KAAM,QAASG,aAAc,CAAEC,MAAO,UAAWtB,SAC9EC,EAACwB,EAAQ,QAKnB"}
1	+ {"version":3,"file":"FilesLoaderV2.js","sources":["../../../src/components/FilesLoaderV2/FilesLoaderV2.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { LinearProgress } from '@material-ui/core';\nimport { FileIcon } from '~/components/FileIcon';\nimport IconButton from '~/components/IconButton';\nimport { CautionFilledCustomIcon, CloseIcon, DeleteFourIcon, RedoIcon } from '~/icons';\nimport { MiddleTruncatedText } from '~/components/MiddleTruncatedText';\nimport { Regular12, Regular14 } from '~/components/Typography';\nimport { formatSizeProgress } from './utils';\nimport { useStyles } from './styles';\n\nexport type FilesLoaderV2Props = {\n name: string;\n /*\n Total progress value (bytes by default)\n \n If undefined or < 0 - makes progress bar indeterminate\n /\n total?: number;\n /\n Current progress value (bytes by default)\n \n If undefined or < 0 - makes progress bar indeterminate\n /\n current?: number;\n /\n Error to show\n /\n errorText?: string;\n /\n If exists - displays the \"Delete\" button\n /\n onDelete?: () => void;\n /\n If exists - displays the \"Reload\" button on error state\n /\n onReload?: () => void;\n /\n If exists - displays the \"Cancel\" button when loading\n /\n onCancel?: () => void;\n /\n Allows custom progress units\n * @param total total progress value\n * @param current current progress value\n /\n formatProgress?: (total?: number, current?: number) => ReactNode;\n className?: string;\n};\n\nexport const FilesLoaderV2 = (props: FilesLoaderV2Props) => {\n const {\n formatProgress = formatSizeProgress,\n className,\n name,\n current,\n total,\n errorText,\n onCancel,\n onReload,\n onDelete,\n } = props;\n const styles = useStyles();\n const isDeterminate = total !== undefined && total >= 0 && current !== undefined && current >= 0;\n const progressPercent = Math.min(100, Math.ceil(((current ?? 0) / (total ?? 1)) 100));\n const isComplete = current !== undefined && total !== undefined && current >= total;\n\n return (\n <div className={classNames(styles.root, className)}>\n <FileIcon name={name} className={styles.icon} strokeWidth={2} />\n\n <div className={styles.content}>\n <Regular14 className={styles.name}>\n <MiddleTruncatedText key={name}>{name}</MiddleTruncatedText>\n </Regular14>\n\n {!errorText && !isComplete && (\n <>\n <LinearProgress\n className={styles.progressBar}\n variant={isDeterminate ? 'determinate' : undefined}\n value={progressPercent}\n />\n\n <div className={styles.progressTextContainer}>\n <Regular12 className={styles.progressText}>\n {formatProgress(total, current)}\n </Regular12>\n\n {isDeterminate && (\n <Regular12 className={styles.progressText}>{progressPercent}%</Regular12>\n )}\n </div>\n </>\n )}\n\n {errorText && (\n <Regular14 className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {errorText}\n </Regular14>\n )}\n </div>\n\n {onCancel && !errorText && !isComplete && (\n <IconButton onClick={onCancel} size={'small'} tooltipProps={{ title: 'Cancel' }}>\n <CloseIcon />\n </IconButton>\n )}\n\n {onDelete && (errorText \|\| isComplete) && (\n <IconButton onClick={onDelete} size={'small'} tooltipProps={{ title: 'Remove File' }}>\n <DeleteFourIcon />\n </IconButton>\n )}\n\n {onReload && errorText && (\n <IconButton onClick={onReload} size={'small'} tooltipProps={{ title: 'Reload' }}>\n <RedoIcon />\n </IconButton>\n )}\n </div>\n );\n};\n"],"names":["FilesLoaderV2","props","formatProgress","formatSizeProgress","_props$formatProgress","className","name","current","total","errorText","onCancel","onReload","onDelete","styles","useStyles","isDeterminate","undefined","progressPercent","Math","min","ceil","isComplete","_jsxs","classNames","root","children","_jsx","FileIcon","icon","strokeWidth","content","Regular14","MiddleTruncatedText","_Fragment","LinearProgress","progressBar","variant","value","progressTextContainer","Regular12","progressText","error","CautionFilledCustomIcon","size","IconButton","onClick","tooltipProps","title","CloseIcon","DeleteFourIcon","RedoIcon"],"mappings":"i3IAkDaA,EAAgB,SAACC,GAC5B,IAUIA,EAAAA,EATFC,eAAAA,aAAiBC,EAAkBC,EACnCC,EAQEJ,EARFI,UACAC,EAOEL,EAPFK,KACAC,EAMEN,EANFM,QACAC,EAKEP,EALFO,MACAC,EAIER,EAJFQ,UACAC,EAGET,EAHFS,SACAC,EAEEV,EAFFU,SACAC,EACEX,EADFW,SAEIC,EAASC,IACTC,OAA0BC,IAAVR,GAAuBA,GAAS,QAAiBQ,IAAZT,GAAyBA,GAAW,EACzFU,EAAkBC,KAAKC,IAAI,IAAKD,KAAKE,MAAOb,QAAAA,EAAW,IAAMC,QAAAA,EAAS,GAAM,MAC5Ea,OAAyBL,IAAZT,QAAmCS,IAAVR,GAAuBD,GAAWC,EAE9E,OACEc,EAAA,MAAA,CAAKjB,UAAWkB,EAAWV,EAAOW,KAAMnB,GAAWoB,SAAA,CACjDC,EAACC,EAAQ,CAACrB,KAAMA,EAAMD,UAAWQ,EAAOe,KAAMC,YAAa,IAE3DP,EAAA,MAAA,CAAKjB,UAAWQ,EAAOiB,QAAQL,SAAA,CAC7BC,EAACK,EAAS,CAAC1B,UAAWQ,EAAOP,KAAKmB,SAChCC,EAACM,EAAmB,CAAAP,SAAanB,GAAPA,MAG1BG,IAAcY,GACdC,EAAAW,EAAA,CAAAR,SAAA,CACEC,EAACQ,EAAc,CACb7B,UAAWQ,EAAOsB,YAClBC,QAASrB,EAAgB,mBAAgBC,EACzCqB,MAAOpB,IAGTK,EAAA,MAAA,CAAKjB,UAAWQ,EAAOyB,sBAAsBb,SAAA,CAC3CC,EAACa,EAAS,CAAClC,UAAWQ,EAAO2B,aAAaf,SACvCvB,EAAeM,EAAOD,KAGxBQ,GACCO,EAACiB,EAAS,CAAClC,UAAWQ,EAAO2B,aAAaf,SAAA,CAAER,EAAe,aAMlER,GACCa,EAACS,EAAS,CAAC1B,UAAWQ,EAAO4B,MAAMhB,SAAA,CACjCC,EAACgB,EAAuB,CAACC,KAAM,KAC9BlC,QAKNC,IAAaD,IAAcY,GAC1BK,EAACkB,EAAU,CAACC,QAASnC,EAAUiC,KAAM,QAASG,aAAc,CAAEC,MAAO,UAAWtB,SAC9EC,EAACsB,EAAS,MAIbpC,IAAaH,GAAaY,IACzBK,EAACkB,EAAU,CAACC,QAASjC,EAAU+B,KAAM,QAASG,aAAc,CAAEC,MAAO,eAAgBtB,SACnFC,EAACuB,EAAc,MAIlBtC,GAAYF,GACXiB,EAACkB,EAAU,CAACC,QAASlC,EAAUgC,KAAM,QAASG,aAAc,CAAEC,MAAO,UAAWtB,SAC9EC,EAACwB,EAAQ,QAKnB"}

package/components/Formula/CloseSuggestion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeStyles as o}from"@material-ui/core";import{Tooltip as s}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{CloseSmallIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as i}from"react/jsx-runtime";var n=o((function(o){return{buttonWrapper:{display:"flex",alignItems:"center",color:o.palette.primary.text7,"&:hover":{color:o.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));function t(o){var t=o.onClose,m=n();return i("div",{className:m.buttonWrapper,onClick:t,children:i(s,{title:"Clear",placement:"bottom",children:i(c,{size:16,strokeWidth:3})})})}export{t as default};
+import{makeStyles as o}from"@material-ui/core";import{Tooltip as s}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{CloseSmallIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as i}from"react/jsx-runtime";var n=o((function(o){return{buttonWrapper:{display:"flex",alignItems:"center",color:o.palette.primary.text7,"&:hover":{color:o.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));function t(o){var t=o.onClose,m=n();return i("div",{className:m.buttonWrapper,onClick:t,children:i(s,{title:"Clear",placement:"bottom",children:i(c,{size:16,strokeWidth:3})})})}export{t as default};
 //# sourceMappingURL=CloseSuggestion.js.map

package/components/Formula/CloseSuggestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CloseSuggestion.js","sources":["../../../src/components/Formula/CloseSuggestion.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport Tooltip from '~/components/Tooltip';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n buttonWrapper: {\n display: 'flex',\n alignItems: 'center',\n color: theme.palette.primary.text7,\n '&:hover': {\n color: theme.palette.primary.text1,\n cursor: 'pointer',\n },\n marginLeft: '-24px',\n zIndex: 999,\n },\n}));\n\nexport default function CloseSuggestion({ onClose }) {\n const classes = useStyles();\n return (\n <div className={classes.buttonWrapper} onClick={onClose}>\n <Tooltip title=\"Clear\" placement=\"bottom\">\n <CloseSmallIcon size={16} strokeWidth={3} />\n </Tooltip>\n </div>\n );\n}\n"],"names":["useStyles","makeStyles","theme","buttonWrapper","display","alignItems","color","palette","primary","text7","text1","cursor","marginLeft","zIndex","CloseSuggestion","_ref","onClose","classes","_jsx","className","onClick","children","Tooltip","title","placement","CloseSmallIcon","size","strokeWidth"],"mappings":"~~w6HAKA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,cAAe,CACbC,QAAS,OACTC,WAAY,SACZC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAOJ,EAAMK,QAAQC,QAAQE,MAC7BC,OAAQ,WAEVC,WAAY,QACZC,OAAQ,KAEX,IAEc,SAASC,EAA6BC,GAAA,IAAXC,IAAAA,QAClCC,EAAUjB,IAChB,OACEkB,EAAA,MAAA,CAAKC,UAAWF,EAAQd,cAAeiB,QAASJ,EAAQK,SACtDH,EAACI,EAAO,CAACC,MAAM,QAAQC,UAAU,SAAQH,SACvCH,EAACO,EAAc,CAACC,KAAM,GAAIC,YAAa,OAI/C"}
1	+ {"version":3,"file":"CloseSuggestion.js","sources":["../../../src/components/Formula/CloseSuggestion.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport Tooltip from '~/components/Tooltip';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n buttonWrapper: {\n display: 'flex',\n alignItems: 'center',\n color: theme.palette.primary.text7,\n '&:hover': {\n color: theme.palette.primary.text1,\n cursor: 'pointer',\n },\n marginLeft: '-24px',\n zIndex: 999,\n },\n}));\n\nexport default function CloseSuggestion({ onClose }) {\n const classes = useStyles();\n return (\n <div className={classes.buttonWrapper} onClick={onClose}>\n <Tooltip title=\"Clear\" placement=\"bottom\">\n <CloseSmallIcon size={16} strokeWidth={3} />\n </Tooltip>\n </div>\n );\n}\n"],"names":["useStyles","makeStyles","theme","buttonWrapper","display","alignItems","color","palette","primary","text7","text1","cursor","marginLeft","zIndex","CloseSuggestion","_ref","onClose","classes","_jsx","className","onClick","children","Tooltip","title","placement","CloseSmallIcon","size","strokeWidth"],"mappings":"+gIAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,cAAe,CACbC,QAAS,OACTC,WAAY,SACZC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAOJ,EAAMK,QAAQC,QAAQE,MAC7BC,OAAQ,WAEVC,WAAY,QACZC,OAAQ,KAEX,IAEc,SAASC,EAA6BC,GAAA,IAAXC,IAAAA,QAClCC,EAAUjB,IAChB,OACEkB,EAAA,MAAA,CAAKC,UAAWF,EAAQd,cAAeiB,QAASJ,EAAQK,SACtDH,EAACI,EAAO,CAACC,MAAM,QAAQC,UAAU,SAAQH,SACvCH,EAACO,EAAc,CAACC,KAAM,GAAIC,YAAa,OAI/C"}

package/components/Formula/Formula.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as i,useMemo as c,useRef as n,useCallback as t,useEffect as r}from"react";import e from"classnames";import{useTheme as m,Button as l}from"@material-ui/core";import{replaceStringToLabel as a}from"./utils.js";import{useFormulaFunction as u}from"./useFormulaFunction.js";import{useFormulaStyles as p}from"./useFormulaStyles.js";import d from"./RootXIcon.js";import j from"./FormulaTextEditor.js";import I from"./CloseSuggestion.js";import f from"./SuggestionsMenu.js";import{CloseSmallIcon as h,InfoIcon as v}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import C from"../../effects/useOutsideClick.js";import{Tooltip as b}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{jsxs as F,jsx as g}from"react/jsx-runtime";var y=[{value:"*",isShift:!0,label:"8"},{value:"/",label:"/"},{value:"(",isShift:!0,label:"9"},{value:")",isShift:!0,label:"0"},{value:"+",isShift:!0,label:"+"},{value:"-",label:"-"},{value:"^",isShift:!0,label:"6"}],N=function(o,s,i){return s?i?o.palette.error.main:o.palette.primary.main:o.palette.primary.text7},S=function(S){var T,k=S.suggestions,x=void 0===k?[]:k,O=S.initFormula,A=void 0===O?"":O,P=S.onSave,W=void 0===P?function(){}:P,M=i(!0),E=s(M,2),R=E[0],U=E[1],D=i(!1),H=s(D,2),V=H[0],z=H[1],B=i(!1),G=s(B,2),L=G[0],q=G[1],K=i(A),X=s(K,2),Z=X[0],w=X[1],J=i(0),Q=s(J,2),Y=Q[0],$=Q[1],_=i(0),oo=s(_,2),so=oo[0],io=oo[1],co=a(Z,x),no=co.search("/f"),to=-1!==no,ro=c((function(){return x.map((function(o){return o.key}))}),[x]),eo=co.substring(no+"/f".length,Y),mo=n(null),lo=p({isValue:!to&&!!Z}),ao=m(),uo=u(Z,ro),po=uo.formulaFunction,jo=uo.error;C(mo,(function(){q(!1)}));var Io=function(o){var s,i=x.find((function(s){return s.key===o}));z(!0),q(!0),w((function(s){return s.replace("".concat("/f").concat(eo),o?"[".concat(o,"]"):"")})),$(no+((null==i||null===(s=i.label)||void 0===s?void 0:s.length)||0))},fo=t((function(o,s){Y!==s&&$(s),o!==Z&&(w(o),U(!1))}),[Z,Y]);return r((function(){w(A)}),[A]),F("div",{className:lo.formulaContainer,children:[F("div",{className:lo.formulaHeaderWrapper,children:[F("div",{className:lo.formulaHeaderTextWrapper,children:[g(d,{color:N(ao,L,jo)}),g("div",{className:lo.formulaHeaderText,style:{color:N(ao,L,jo)},children:"Formula Expression"})]}),F("div",{className:lo.formulaHeaderButtonWrapper,onClick:function(){to||(U(!1),w(""),$(0),z(!0))},children:[g(h,{strokeWidth:3,size:16}),g("div",{className:lo.formulaHeaderText,children:"Clear"})]})]}),F("div",{className:lo.formulaEditorWrapper,children:[g("div",{ref:mo,onClick:function(){q(!0)},children:g(j,{initFormula:Z,cursorPos:Y,color:N(ao,L,jo),suggestions:x,isValueUpdated:V,setIsValueUpdated:z,onChange:fo})}),to&&g(I,{onClose:function(){return Io("")}})]}),to&&g(f,{suggestions:x,keyStr:eo,onAddSuggestion:Io,onChangeHeight:io}),F("div",{className:lo.formulaFooterWrapper,style:{marginTop:to?-so:0},children:[g(v,{className:lo.formulaFooterIcon,strokeWidth:3,size:16}),g("div",{className:lo.formulaFooterTextWrapper,children:F("div",{className:lo.formulaFooterText,children:["Type ",g("span",{className:lo.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",g(b,{title:g("div",{className:lo.tooltipWrapper,children:y.map((function(o){return F("div",{className:lo.tooltipLine,children:[g("span",{className:lo.tooltipValue,children:o.value}),F("div",{className:lo.tooltipLabelContainer,children:[!!o.isShift&&g("span",{className:lo.tooltipSymbol,children:"⇧"}),g("span",{children:o.label})]},o.value)]},o.value)}))}),placement:"bottom",children:g("span",{className:lo.successColor,children:"math symbols"})})]})})]}),g(l,{className:lo.verifyButton,variant:"contained",color:"primary",onClick:function(){U(!0);var o=x.map((function(o){return o.key})).filter((function(o){return Z&&Z.includes(o)}));W({formula:Z,variables:o,formulaFunc:po})},disabled:R||!po,children:"Verify"}),!!Z&&g("span",{className:e(lo.resultText,(T={},o(T,lo.errorColor,!!jo),o(T,lo.resultSuccessColor,!jo),T)),children:jo?"The formula is not valid":"The formula is valid"})]})};export{S as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as i,useMemo as c,useRef as n,useCallback as t,useEffect as r}from"react";import e from"classnames";import{useTheme as m,Button as l}from"@material-ui/core";import{replaceStringToLabel as a}from"./utils.js";import{useFormulaFunction as u}from"./useFormulaFunction.js";import{useFormulaStyles as p}from"./useFormulaStyles.js";import d from"./RootXIcon.js";import j from"./FormulaTextEditor.js";import I from"./CloseSuggestion.js";import f from"./SuggestionsMenu.js";import{CloseSmallIcon as h,InfoIcon as v}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import C from"../../effects/useOutsideClick.js";import{Tooltip as b}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{jsxs as F,jsx as g}from"react/jsx-runtime";var y=[{value:"*",isShift:!0,label:"8"},{value:"/",label:"/"},{value:"(",isShift:!0,label:"9"},{value:")",isShift:!0,label:"0"},{value:"+",isShift:!0,label:"+"},{value:"-",label:"-"},{value:"^",isShift:!0,label:"6"}],N=function(o,s,i){return s?i?o.palette.error.main:o.palette.primary.main:o.palette.primary.text7},S=function(S){var T,k=S.suggestions,O=void 0===k?[]:k,x=S.initFormula,P=void 0===x?"":x,A=S.onSave,W=void 0===A?function(){}:A,M=i(!0),E=s(M,2),R=E[0],U=E[1],D=i(!1),H=s(D,2),V=H[0],z=H[1],B=i(!1),G=s(B,2),L=G[0],q=G[1],K=i(P),X=s(K,2),Z=X[0],w=X[1],J=i(0),Q=s(J,2),Y=Q[0],$=Q[1],_=i(0),oo=s(_,2),so=oo[0],io=oo[1],co=a(Z,O),no=co.search("/f"),to=-1!==no,ro=c((function(){return O.map((function(o){return o.key}))}),[O]),eo=co.substring(no+"/f".length,Y),mo=n(null),lo=p({isValue:!to&&!!Z}),ao=m(),uo=u(Z,ro),po=uo.formulaFunction,jo=uo.error;C(mo,(function(){q(!1)}));var Io=function(o){var s,i=O.find((function(s){return s.key===o}));z(!0),q(!0),w((function(s){return s.replace("".concat("/f").concat(eo),o?"[".concat(o,"]"):"")})),$(no+((null==i||null===(s=i.label)||void 0===s?void 0:s.length)||0))},fo=t((function(o,s){Y!==s&&$(s),o!==Z&&(w(o),U(!1))}),[Z,Y]);return r((function(){w(P)}),[P]),F("div",{className:lo.formulaContainer,children:[F("div",{className:lo.formulaHeaderWrapper,children:[F("div",{className:lo.formulaHeaderTextWrapper,children:[g(d,{color:N(ao,L,jo)}),g("div",{className:lo.formulaHeaderText,style:{color:N(ao,L,jo)},children:"Formula Expression"})]}),F("div",{className:lo.formulaHeaderButtonWrapper,onClick:function(){to||(U(!1),w(""),$(0),z(!0))},children:[g(h,{strokeWidth:3,size:16}),g("div",{className:lo.formulaHeaderText,children:"Clear"})]})]}),F("div",{className:lo.formulaEditorWrapper,children:[g("div",{ref:mo,onClick:function(){q(!0)},children:g(j,{initFormula:Z,cursorPos:Y,color:N(ao,L,jo),suggestions:O,isValueUpdated:V,setIsValueUpdated:z,onChange:fo})}),to&&g(I,{onClose:function(){return Io("")}})]}),to&&g(f,{suggestions:O,keyStr:eo,onAddSuggestion:Io,onChangeHeight:io}),F("div",{className:lo.formulaFooterWrapper,style:{marginTop:to?-so:0},children:[g(v,{className:lo.formulaFooterIcon,strokeWidth:3,size:16}),g("div",{className:lo.formulaFooterTextWrapper,children:F("div",{className:lo.formulaFooterText,children:["Type ",g("span",{className:lo.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",g(b,{title:g("div",{className:lo.tooltipWrapper,children:y.map((function(o){return F("div",{className:lo.tooltipLine,children:[g("span",{className:lo.tooltipValue,children:o.value}),F("div",{className:lo.tooltipLabelContainer,children:[!!o.isShift&&g("span",{className:lo.tooltipSymbol,children:"⇧"}),g("span",{children:o.label})]},o.value)]},o.value)}))}),placement:"bottom",children:g("span",{className:lo.successColor,children:"math symbols"})})]})})]}),g(l,{className:lo.verifyButton,variant:"contained",color:"primary",onClick:function(){U(!0);var o=O.map((function(o){return o.key})).filter((function(o){return Z&&Z.includes(o)}));W({formula:Z,variables:o,formulaFunc:po})},disabled:R||!po,children:"Verify"}),!!Z&&g("span",{className:e(lo.resultText,(T={},o(T,lo.errorColor,!!jo),o(T,lo.resultSuccessColor,!jo),T)),children:jo?"The formula is not valid":"The formula is valid"})]})};export{S as default};
 //# sourceMappingURL=Formula.js.map