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

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

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

Files changed (1470) hide show

package/components/InfiniteList/index.js CHANGED Viewed

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

package/components/InfiniteList/index.js.map CHANGED Viewed

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

package/components/Modal/CorvaModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import c from"classnames";import{noop as i}from"lodash";import{Modal as n}from"@material-ui/core";import t from"./CorvaModal.scss.js";import{CloseSmallIcon as e}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/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{isMobileDetected as r,isNativeDetected as m}from"../../utils/mobileDetect.js";import a from"../IconButton/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import{CLASSNAMES as p}from"../../constants/classNames.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";var j=["actions","actionsClassName","children","contentClassName","contentContainerClassName","isCloseIconHidden","isMobile","isNative","modalTitleClassName","closeIconClassName","onClose","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","data-testid"];function d(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?d(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):d(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var C={filters:"Filters",settings:"Settings"};function b(o){var d=o.actions,b=o.actionsClassName,h=o.children,f=o.contentClassName,v=o.contentContainerClassName,O=o.isCloseIconHidden,N=void 0!==O&&O,g=o.isMobile,P=void 0===g?r:g,y=o.isNative,F=void 0===y?m:y,M=o.modalTitleClassName,k=o.closeIconClassName,A=o.onClose,D=void 0===A?i:A,x=o.open,S=o.rootClassName,R=o.size,w=o.stickyFooterClassName,E=o.title,T=o.type,z=o.contentRef,G=o["data-testid"],B=void 0===G?"CorvaModal":G,U=s(o,j),W=F||P,q=E||(T?C[T]:void 0);return l(n,I(I({open:null!=x&&x,onClose:D,className:c(!W&&"c-modal",t.modalWrapper,S,p.modal)},U),{},{children:u("div",{className:c(t.modalContainer,W&&t.modalContainerMobile,R&&t[R],v),children:[q&&u("div",{className:c(t.title,W&&t.titleMobile,M),children:[l("div",{className:c(t.titleText),children:q}),(!N||T)&&l(a,{className:k,tooltipProps:{title:"Close"},onClick:D,"data-testid":"".concat(B,"_closeButton"),children:l(e,{size:24})})]}),h&&l("div",{ref:z,className:c(t.modalContent,W&&t.modalContentMobile,f),children:h}),d&&l("div",{className:c(t.modalActions,W&&t.modalActionsMobile,w,b),children:d})]})}))}export{b as CorvaModal};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import c from"classnames";import{noop as i}from"lodash";import{Modal as n}from"@material-ui/core";import t from"./CorvaModal.scss.js";import{CloseSmallIcon as e}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{isMobileDetected as r,isNativeDetected as m}from"../../utils/mobileDetect.js";import a from"../IconButton/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import{CLASSNAMES as p}from"../../constants/classNames.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";var j=["actions","actionsClassName","children","contentClassName","contentContainerClassName","isCloseIconHidden","isMobile","isNative","modalTitleClassName","closeIconClassName","onClose","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","data-testid"];function d(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?d(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):d(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var C={filters:"Filters",settings:"Settings"};function b(o){var d=o.actions,b=o.actionsClassName,h=o.children,f=o.contentClassName,O=o.contentContainerClassName,v=o.isCloseIconHidden,N=void 0!==v&&v,P=o.isMobile,g=void 0===P?r:P,F=o.isNative,y=void 0===F?m:F,M=o.modalTitleClassName,k=o.closeIconClassName,A=o.onClose,D=void 0===A?i:A,x=o.open,R=o.rootClassName,S=o.size,w=o.stickyFooterClassName,E=o.title,T=o.type,z=o.contentRef,G=o["data-testid"],B=void 0===G?"CorvaModal":G,U=s(o,j),W=y||g,q=E||(T?C[T]:void 0);return l(n,I(I({open:null!=x&&x,onClose:D,className:c(!W&&"c-modal",t.modalWrapper,R,p.modal)},U),{},{children:u("div",{className:c(t.modalContainer,W&&t.modalContainerMobile,S&&t[S],O),children:[q&&u("div",{className:c(t.title,W&&t.titleMobile,M),children:[l("div",{className:c(t.titleText),children:q}),(!N||T)&&l(a,{className:k,tooltipProps:{title:"Close"},onClick:D,"data-testid":"".concat(B,"_closeButton"),children:l(e,{size:24})})]}),h&&l("div",{ref:z,className:c(t.modalContent,W&&t.modalContentMobile,f),children:h}),d&&l("div",{className:c(t.modalActions,W&&t.modalActionsMobile,w,b),children:d})]})}))}export{b as CorvaModal};
 //# sourceMappingURL=CorvaModal.js.map

package/components/Modal/CorvaModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CorvaModal.js","sources":["../../../src/components/Modal/CorvaModal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Modal as MUIModal } from '@material-ui/core';\n\nimport styles from './CorvaModal.scss';\n\nimport { CloseSmallIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ModalProps } from '~/components/Modal/types';\nimport IconButton from '~/components/IconButton';\nimport { CLASSNAMES } from '~/constants';\n\nconst DEFAULT_TITLES = {\n filters: 'Filters',\n settings: 'Settings',\n};\n\nexport function CorvaModal({\n actions,\n actionsClassName,\n children,\n contentClassName,\n contentContainerClassName,\n isCloseIconHidden = false,\n isMobile = isMobileDetected,\n isNative = isNativeDetected,\n modalTitleClassName,\n closeIconClassName,\n onClose = noop,\n open,\n rootClassName,\n size,\n stickyFooterClassName,\n title,\n type,\n contentRef,\n 'data-testid': PAGE_NAME = 'CorvaModal',\n ...otherProps\n}: ModalProps): JSX.Element {\n const isMobileOrNative = isNative \|\| isMobile;\n const modalTitle = title \|\| (type ? DEFAULT_TITLES[type] : undefined);\n\n return (\n <MUIModal\n open={open ?? false}\n onClose={onClose}\n className={classNames(\n !isMobileOrNative && 'c-modal',\n styles.modalWrapper,\n rootClassName,\n CLASSNAMES.modal\n )}\n {...otherProps}\n >\n <div\n className={classNames(\n styles.modalContainer,\n isMobileOrNative && styles.modalContainerMobile,\n size && styles[size],\n contentContainerClassName\n )}\n >\n {modalTitle && (\n <div\n className={classNames(\n styles.title,\n isMobileOrNative && styles.titleMobile,\n modalTitleClassName\n )}\n >\n <div className={classNames(styles.titleText)}>{modalTitle}</div>\n {(!isCloseIconHidden \|\| type) && (\n <IconButton\n className={closeIconClassName}\n tooltipProps={{ title: 'Close' }}\n onClick={onClose}\n data-testid={`${PAGE_NAME}_closeButton`}\n >\n <CloseSmallIcon size={24} />\n </IconButton>\n )}\n </div>\n )}\n\n {children && (\n <div\n ref={contentRef}\n className={classNames(\n styles.modalContent,\n isMobileOrNative && styles.modalContentMobile,\n contentClassName\n )}\n >\n {children}\n </div>\n )}\n\n {actions && (\n <div\n className={classNames(\n styles.modalActions,\n isMobileOrNative && styles.modalActionsMobile,\n stickyFooterClassName,\n actionsClassName\n )}\n >\n {actions}\n </div>\n )}\n </div>\n </MUIModal>\n );\n}\n"],"names":["DEFAULT_TITLES","filters","settings","CorvaModal","_ref","actions","actionsClassName","children","contentClassName","contentContainerClassName","_ref$isCloseIconHidde","isCloseIconHidden","_ref$isMobile","isMobile","isMobileDetected","_ref$isNative","isNative","isNativeDetected","modalTitleClassName","closeIconClassName","_ref$onClose","onClose","noop","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","_ref$dataTestid","PAGE_NAME","otherProps","_objectWithoutProperties","_excluded","isMobileOrNative","modalTitle","undefined","_jsx","MUIModal","_objectSpread","className","classNames","styles","modalWrapper","CLASSNAMES","modal","_jsxs","modalContainer","modalContainerMobile","titleMobile","titleText","IconButton","tooltipProps","onClick","concat","CloseSmallIcon","ref","modalContent","modalContentMobile","modalActions","modalActionsMobile"],"mappings":"~~+4KAYA~~,IAAMA,EAAiB,CACrBC,QAAS,UACTC,SAAU,YAGL,SAASC,EAqBYC,GAAA,IApB1BC,IAAAA,QACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,0BAAyBC,EAAAN,EACzBO,kBAAAA,cAAyBD,EAAAE,EAAAR,EACzBS,SAAAA,aAAWC,EAAgBF,EAAAG,EAAAX,EAC3BY,SAAAA,aAAWC,EAAgBF,EAC3BG,IAAAA,oBACAC,IAAAA,mBAAkBC,EAAAhB,EAClBiB,QAAAA,aAAUC,EAAIF,EACdG,IAAAA,KACAC,IAAAA,cACAC,IAAAA,KACAC,IAAAA,sBACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,WAAUC,EAAA1B,EACV,eAAe2B,aAAY,aAAYD,EACpCE,EAAUC,EAAA7B,EAAA8B,GAEPC,EAAmBnB,GAAYH,EAC/BuB,EAAaT,IAAUC,EAAO5B,EAAe4B,QAAQS,GAE3D,OACEC,EAACC,EAAQC,EAAAA,EAAA,CACPjB,KAAMA,SAAAA,EACNF,QAASA,EACToB,UAAWC,GACRP,GAAoB,UACrBQ,EAAOC,aACPpB,EACAqB,EAAWC,QAETd,GAAU,GAAA,CAAAzB,SAEdwC,EAAA,MAAA,CACEN,UAAWC,EACTC,EAAOK,eACPb,GAAoBQ,EAAOM,qBAC3BxB,GAAQkB,EAAOlB,GACfhB,GACAF,SAAA,CAED6B,GACCW,EAAA,MAAA,CACEN,UAAWC,EACTC,EAAOhB,MACPQ,GAAoBQ,EAAOO,YAC3BhC,GACAX,SAEF,CAAA+B,EAAA,MAAA,CAAKG,UAAWC,EAAWC,EAAOQ,WAAW5C,SAAE6B,MAC5CzB,GAAqBiB,IACtBU,EAACc,EAAU,CACTX,UAAWtB,EACXkC,aAAc,CAAE1B,MAAO,SACvB2B,QAASjC,EACT,cAAA,GAAAkC,OAAgBxB,EAAwB,gBAAAxB,SAExC+B,EAACkB,EAAc,CAAC/B,KAAM,UAM7BlB,GACC+B,EAAA,MAAA,CACEmB,IAAK5B,EACLY,UAAWC,EACTC,EAAOe,aACPvB,GAAoBQ,EAAOgB,mBAC3BnD,GACAD,SAEDA,IAIJF,GACCiC,EAAA,MAAA,CACEG,UAAWC,EACTC,EAAOiB,aACPzB,GAAoBQ,EAAOkB,mBAC3BnC,EACApB,GACAC,SAEDF,SAMb"}
1	+ {"version":3,"file":"CorvaModal.js","sources":["../../../src/components/Modal/CorvaModal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Modal as MUIModal } from '@material-ui/core';\n\nimport styles from './CorvaModal.scss';\n\nimport { CloseSmallIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ModalProps } from '~/components/Modal/types';\nimport IconButton from '~/components/IconButton';\nimport { CLASSNAMES } from '~/constants';\n\nconst DEFAULT_TITLES = {\n filters: 'Filters',\n settings: 'Settings',\n};\n\nexport function CorvaModal({\n actions,\n actionsClassName,\n children,\n contentClassName,\n contentContainerClassName,\n isCloseIconHidden = false,\n isMobile = isMobileDetected,\n isNative = isNativeDetected,\n modalTitleClassName,\n closeIconClassName,\n onClose = noop,\n open,\n rootClassName,\n size,\n stickyFooterClassName,\n title,\n type,\n contentRef,\n 'data-testid': PAGE_NAME = 'CorvaModal',\n ...otherProps\n}: ModalProps): JSX.Element {\n const isMobileOrNative = isNative \|\| isMobile;\n const modalTitle = title \|\| (type ? DEFAULT_TITLES[type] : undefined);\n\n return (\n <MUIModal\n open={open ?? false}\n onClose={onClose}\n className={classNames(\n !isMobileOrNative && 'c-modal',\n styles.modalWrapper,\n rootClassName,\n CLASSNAMES.modal\n )}\n {...otherProps}\n >\n <div\n className={classNames(\n styles.modalContainer,\n isMobileOrNative && styles.modalContainerMobile,\n size && styles[size],\n contentContainerClassName\n )}\n >\n {modalTitle && (\n <div\n className={classNames(\n styles.title,\n isMobileOrNative && styles.titleMobile,\n modalTitleClassName\n )}\n >\n <div className={classNames(styles.titleText)}>{modalTitle}</div>\n {(!isCloseIconHidden \|\| type) && (\n <IconButton\n className={closeIconClassName}\n tooltipProps={{ title: 'Close' }}\n onClick={onClose}\n data-testid={`${PAGE_NAME}_closeButton`}\n >\n <CloseSmallIcon size={24} />\n </IconButton>\n )}\n </div>\n )}\n\n {children && (\n <div\n ref={contentRef}\n className={classNames(\n styles.modalContent,\n isMobileOrNative && styles.modalContentMobile,\n contentClassName\n )}\n >\n {children}\n </div>\n )}\n\n {actions && (\n <div\n className={classNames(\n styles.modalActions,\n isMobileOrNative && styles.modalActionsMobile,\n stickyFooterClassName,\n actionsClassName\n )}\n >\n {actions}\n </div>\n )}\n </div>\n </MUIModal>\n );\n}\n"],"names":["DEFAULT_TITLES","filters","settings","CorvaModal","_ref","actions","actionsClassName","children","contentClassName","contentContainerClassName","_ref$isCloseIconHidde","isCloseIconHidden","_ref$isMobile","isMobile","isMobileDetected","_ref$isNative","isNative","isNativeDetected","modalTitleClassName","closeIconClassName","_ref$onClose","onClose","noop","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","_ref$dataTestid","PAGE_NAME","otherProps","_objectWithoutProperties","_excluded","isMobileOrNative","modalTitle","undefined","_jsx","MUIModal","_objectSpread","className","classNames","styles","modalWrapper","CLASSNAMES","modal","_jsxs","modalContainer","modalContainerMobile","titleMobile","titleText","IconButton","tooltipProps","onClick","concat","CloseSmallIcon","ref","modalContent","modalContentMobile","modalActions","modalActionsMobile"],"mappings":"gmLAYA,IAAMA,EAAiB,CACrBC,QAAS,UACTC,SAAU,YAGL,SAASC,EAqBYC,GAAA,IApB1BC,IAAAA,QACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,0BAAyBC,EAAAN,EACzBO,kBAAAA,cAAyBD,EAAAE,EAAAR,EACzBS,SAAAA,aAAWC,EAAgBF,EAAAG,EAAAX,EAC3BY,SAAAA,aAAWC,EAAgBF,EAC3BG,IAAAA,oBACAC,IAAAA,mBAAkBC,EAAAhB,EAClBiB,QAAAA,aAAUC,EAAIF,EACdG,IAAAA,KACAC,IAAAA,cACAC,IAAAA,KACAC,IAAAA,sBACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,WAAUC,EAAA1B,EACV,eAAe2B,aAAY,aAAYD,EACpCE,EAAUC,EAAA7B,EAAA8B,GAEPC,EAAmBnB,GAAYH,EAC/BuB,EAAaT,IAAUC,EAAO5B,EAAe4B,QAAQS,GAE3D,OACEC,EAACC,EAAQC,EAAAA,EAAA,CACPjB,KAAMA,SAAAA,EACNF,QAASA,EACToB,UAAWC,GACRP,GAAoB,UACrBQ,EAAOC,aACPpB,EACAqB,EAAWC,QAETd,GAAU,GAAA,CAAAzB,SAEdwC,EAAA,MAAA,CACEN,UAAWC,EACTC,EAAOK,eACPb,GAAoBQ,EAAOM,qBAC3BxB,GAAQkB,EAAOlB,GACfhB,GACAF,SAAA,CAED6B,GACCW,EAAA,MAAA,CACEN,UAAWC,EACTC,EAAOhB,MACPQ,GAAoBQ,EAAOO,YAC3BhC,GACAX,SAEF,CAAA+B,EAAA,MAAA,CAAKG,UAAWC,EAAWC,EAAOQ,WAAW5C,SAAE6B,MAC5CzB,GAAqBiB,IACtBU,EAACc,EAAU,CACTX,UAAWtB,EACXkC,aAAc,CAAE1B,MAAO,SACvB2B,QAASjC,EACT,cAAA,GAAAkC,OAAgBxB,EAAwB,gBAAAxB,SAExC+B,EAACkB,EAAc,CAAC/B,KAAM,UAM7BlB,GACC+B,EAAA,MAAA,CACEmB,IAAK5B,EACLY,UAAWC,EACTC,EAAOe,aACPvB,GAAoBQ,EAAOgB,mBAC3BnD,GACAD,SAEDA,IAIJF,GACCiC,EAAA,MAAA,CACEG,UAAWC,EACTC,EAAOiB,aACPzB,GAAoBQ,EAAOkB,mBAC3BnC,EACApB,GACAC,SAEDF,SAMb"}

package/components/Notifications/Toast.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/objectWithoutProperties";import s from"@babel/runtime/helpers/defineProperty";import{useEffect as c,cloneElement as i}from"react";import n from"classnames";import{noop as t}from"lodash";import{Grow as r,SnackbarContent as e,Tooltip as m,Typography as a}from"@material-ui/core";import{useStyles as p}from"./Toast.styles.js";import l from"../IconButton/index.js";import{NOTIFICATION_VARIANTS as u}from"../../constants/notifications.js";import{CheckOneIcon as j,CautionIcon as I,AttentionIcon as d,InfoIcon as b,CloseSmallIcon as h}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/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 C,jsxs as f}from"react/jsx-runtime";var v,O=["onDismissClick","toast"];function g(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 P(o){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?g(Object(i),!0).forEach((function(c){s(o,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):g(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var y=(s(v={},u.success,j),s(v,u.warning,I),s(v,u.error,d),s(v,u.info,b),v),F=function(j){var I=j.onDismissClick,d=j.toast,b=o(j,O),v=d.alertLevel,g=d.autoHideDuration,F=void 0===g?3e3:g,k=d.content,D=d.hideIcon,N=d.icon,A=d.id,M=d.onClick,T=void 0===M?t:M,w=d.onClose,x=void 0===w?t:w,S=d.timestamp,E=d.title,z=d.tooltipProps,B=d.variant,R=void 0===B?"info":B;c((function(){if(F!==1/0){var o=setTimeout((function(){return I(A)}),F);return function(){return clearTimeout(o)}}}),[]);var W=p(),G=y[R];return C(r,{appear:!0,in:!0,children:C(e,P({classes:{root:n(W.main,!v&&W[R],v&&W.alertNotification,v&&W["alertLevels-".concat(v)]),action:W.actionContainer,message:W.messageContainer},"aria-describedby":"client-snackbar","data-testid":"notificationPopup_".concat(u[R]),message:C(m,P(P({},z),{},{title:null!=k?k:"",classes:{tooltip:W.tooltip},placement:"bottom",children:f("div",{id:"client-snackbar",className:W.messageWrapper,onClick:T,children:[!D&&C("div",{className:W.iconWrapper,children:N?i(N,{className:W.icon,nativeColor:"#000"}):C(G,{size:16,className:W.icon})}),f("div",{className:W.message,children:[f("div",{className:W.messageTop,children:[E&&C(a,{"data-testid":"title",variant:"subtitle2",className:n(W.title,s({},W.alertTitle,v)),children:E}),S&&C(a,{className:n(W.timestamp,!v&&W[R]),children:S})]}),C("div",{className:n(W.messageContent,!v&&W[R]),children:C(a,{"data-testid":"content",className:n(v?W.alertContent:W.content),children:k})})]})]})})),action:[C(l,{"data-testid":"closeButton","aria-label":"Close",color:"inherit",onClick:function(){x(),I(A)},size:"small",tooltipProps:{title:"Close",classes:{tooltip:W.tooltip}},className:W.closeIconButton,children:C(h,{size:20,fill:"#000"})},"close")]},b))})};export{F as Toast};
+import o from"@babel/runtime/helpers/objectWithoutProperties";import s from"@babel/runtime/helpers/defineProperty";import{useEffect as c,cloneElement as i}from"react";import n from"classnames";import{noop as t}from"lodash";import{Grow as r,SnackbarContent as e,Tooltip as m,Typography as a}from"@material-ui/core";import{useStyles as p}from"./Toast.styles.js";import l from"../IconButton/index.js";import{NOTIFICATION_VARIANTS as u}from"../../constants/notifications.js";import{CheckOneIcon as j,CautionIcon as I,AttentionIcon as d,InfoIcon as C,CloseSmallIcon as b}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 f,jsxs as h}from"react/jsx-runtime";var O,v=["onDismissClick","toast"];function P(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 g(o){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?P(Object(i),!0).forEach((function(c){s(o,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):P(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var F=(s(O={},u.success,j),s(O,u.warning,I),s(O,u.error,d),s(O,u.info,C),O),y=function(j){var I=j.onDismissClick,d=j.toast,C=o(j,v),O=d.alertLevel,P=d.autoHideDuration,y=void 0===P?3e3:P,k=d.content,D=d.hideIcon,N=d.icon,A=d.id,M=d.onClick,T=void 0===M?t:M,w=d.onClose,x=void 0===w?t:w,S=d.timestamp,E=d.title,R=d.tooltipProps,z=d.variant,B=void 0===z?"info":z;c((function(){if(y!==1/0){var o=setTimeout((function(){return I(A)}),y);return function(){return clearTimeout(o)}}}),[]);var W=p(),G=F[B];return f(r,{appear:!0,in:!0,children:f(e,g({classes:{root:n(W.main,!O&&W[B],O&&W.alertNotification,O&&W["alertLevels-".concat(O)]),action:W.actionContainer,message:W.messageContainer},"aria-describedby":"client-snackbar","data-testid":"notificationPopup_".concat(u[B]),message:f(m,g(g({},R),{},{title:null!=k?k:"",classes:{tooltip:W.tooltip},placement:"bottom",children:h("div",{id:"client-snackbar",className:W.messageWrapper,onClick:T,children:[!D&&f("div",{className:W.iconWrapper,children:N?i(N,{className:W.icon,nativeColor:"#000"}):f(G,{size:16,className:W.icon})}),h("div",{className:W.message,children:[h("div",{className:W.messageTop,children:[E&&f(a,{"data-testid":"title",variant:"subtitle2",className:n(W.title,s({},W.alertTitle,O)),children:E}),S&&f(a,{className:n(W.timestamp,!O&&W[B]),children:S})]}),f("div",{className:n(W.messageContent,!O&&W[B]),children:f(a,{"data-testid":"content",className:n(O?W.alertContent:W.content),children:k})})]})]})})),action:[f(l,{"data-testid":"closeButton","aria-label":"Close",color:"inherit",onClick:function(){x(),I(A)},size:"small",tooltipProps:{title:"Close",classes:{tooltip:W.tooltip}},className:W.closeIconButton,children:f(b,{size:20,fill:"#000"})},"close")]},C))})};export{y as Toast};
 //# sourceMappingURL=Toast.js.map

package/components/Notifications/Toast.js.map CHANGED Viewed

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

package/components/OffsetWellMap/OffsetWellMap.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OffsetWellMap.d.ts","sourceRoot":"","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"names":[],"mappings":"AAKA,OAAO,8BAA8B,CAAC;~~AA8DtC~~,0EAA0E;AAC1E,QAAA,MAAM,aAAa,EADR,KAAK,CAAC,EAAE,CAAC,OAAO,sBAAsB,EAAE,kBAAkB,CAwcpE,CAAC;eAEa,aAAa"}
1	+ {"version":3,"file":"OffsetWellMap.d.ts","sourceRoot":"","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"names":[],"mappings":"AAKA,OAAO,8BAA8B,CAAC;AA6DtC,0EAA0E;AAC1E,QAAA,MAAM,aAAa,EADR,KAAK,CAAC,EAAE,CAAC,OAAO,sBAAsB,EAAE,kBAAkB,CAwcpE,CAAC;eAEa,aAAa"}

package/components/OffsetWellMap/OffsetWellMap.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"OffsetWellMap.js","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"sourcesContent":["import { createElement, useRef, useEffect, useState, useMemo } from 'react';\nimport { get } from 'lodash';\nimport classNames from 'classnames';\nimport { Tooltip } from '@material-ui/core';\nimport { Add as ZoomInIcon, Remove as ZoomOutIcon } from '@material-ui/icons';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nimport SubjectWellIcon from './CustomIcon/SubjectWellIcon.svg';\nimport SubjectHighlightWellIcon from './CustomIcon/SubjectHighlightWellIcon.svg';\nimport { usePreviousWells } from './effects';\nimport { WellTooltip } from './WellTooltip';\nimport { getAllFormations } from './utils';\n\nimport styles from './OffsetWellMap.module.css';\n\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\n\nconst { isValidCoordinates } = mapbox;\nconst DEFAULT_COORDS = [29.749907, -95.358421];\nconst WELL_MARKER_SIZE = 5;\nconst HIGHLIGHT_MARKER_SIZE = 12;\nconst OFFSET_WELL_COLOR = '#03BCD4';\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst HIGHLIGHT_WELL_COLOR = '#63EFFF';\nconst METERS_IN_MILE = 1609.34;\nconst ZOOM_INIT_VALUE = 3;\nconst ZOOM_MAX_VALUE = 18;\nconst ZOOM_MIN_VALUE = 1;\nconst MAX_RADIUS = 3000;\n\nconst RADIUS_SOURCE_ID = 'radius-circle';\nconst RADIUS_LAYER_ID = 'radius-circle-fill';\nconst WELLS_SOURCE_ID = 'wells';\nconst WELLS_HALO_LAYER_ID = 'wells-halo';\nconst WELLS_LAYER_ID = 'wells-circle';\nconst WELLS_ACTIVE_LAYER_ID = 'wells-active-highlight';\nconst WELLS_HOVER_LAYER_ID = 'wells-hover-highlight';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\nconst NO_HOVER_FILTER = ['==', ['id'], -1];\n\n// NOTE: Props keep the Leaflet [lat, lng] convention; mapbox-gl expects [lng, lat]\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl circle layers are pixel-radius, so approximate the meter radius with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n const degreesLng = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n const degreesLat = radiusMeters / 110574;\n const ring = [];\n for (let i = 0; i <= points; i += 1) {\n const theta = (i / points) * 2 * Math.PI;\n ring.push([lng + degreesLng * Math.cos(theta), lat + degreesLat * Math.sin(theta)]);\n }\n return { type: 'Polygon', coordinates: [ring] };\n};\n\nconst getCircleBounds = ([lat, lng], radiusMeters) => {\n const degreesLng = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n const degreesLat = radiusMeters / 110574;\n return [\n [lng - degreesLng, lat - degreesLat],\n [lng + degreesLng, lat + degreesLat],\n ];\n};\n\n/** @type {React.FC<import('./OffsetWellMapProps').OffsetWellMapProps>} /\nconst OffsetWellMap = ({\n isViewOnly,\n subjectWell = null,\n wells,\n offsetWellIds,\n radius,\n handleChanageOffsetWell,\n handleChangeOffsetWell = handleChanageOffsetWell,\n activeWellId,\n isClickable = true,\n classes = {},\n}) => {\n const subjectWellCoords = useMemo(() => {\n return subjectWell && get(subjectWell, 'topHole.coordinates');\n }, [subjectWell]);\n const formationColors = useMemo(() => getAllFormations(wells), [wells]);\n\n const containerRef = useRef();\n const mapRef = useRef();\n const popupRef = useRef();\n const radiusBoundsRef = useRef(null);\n const wellsBoundsRef = useRef(null);\n const subjectIconRef = useRef();\n const wellByFeatureIdRef = useRef(new Map());\n const subjectFeatureIdRef = useRef(null);\n const hoveredFeatureIdRef = useRef(null);\n const tooltipRootRef = useRef(null);\n const [isSubjectWellHovered, setIsSubjectWellHovered] = useState(false);\n const isActiveWellIsSubjectWell = subjectWell?.id === activeWellId;\n const prevWells = usePreviousWells(wells);\n const [isMapReady, setIsMapReady] = useState(false);\n const [zoom, setZoom] = useState(ZOOM_INIT_VALUE);\n\n // NOTE: Initialize map\n useEffect(() => {\n if (!IS_MAPBOX_ENABLED) return undefined;\n\n const map = new mapboxgl.Map({\n container: containerRef.current,\n style: 'mapbox://styles/mapbox/dark-v9',\n center: toLngLat(DEFAULT_COORDS),\n zoom: ZOOM_INIT_VALUE,\n // NOTE: keep the zoom buttons' disable logic (zoom === ZOOM_MAX_VALUE) reachable\n maxZoom: ZOOM_MAX_VALUE,\n attributionControl: false,\n scrollZoom: false,\n doubleClickZoom: false,\n });\n mapRef.current = map;\n\n // NOTE: GL zoom is fractional where Leaflet was integer\n map.on('zoomend', () => setZoom(Math.round(map.getZoom())));\n\n // NOTE: Sources/layers can only be added after the style loads\n map.on('load', () => {\n map.addSource(RADIUS_SOURCE_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n map.addLayer({\n id: RADIUS_LAYER_ID,\n type: 'fill',\n source: RADIUS_SOURCE_ID,\n paint: {\n 'fill-color': RADIUS_CIRCLE_COLOR,\n 'fill-opacity': 0.2,\n },\n });\n\n map.addSource(WELLS_SOURCE_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n map.addLayer({\n id: WELLS_HALO_LAYER_ID,\n type: 'circle',\n source: WELLS_SOURCE_ID,\n filter: ['==', ['get', 'isOffsetWell'], true],\n paint: {\n 'circle-radius': HIGHLIGHT_MARKER_SIZE,\n 'circle-color': ['get', 'color'],\n 'circle-opacity': 0.08,\n },\n });\n map.addLayer({\n id: WELLS_LAYER_ID,\n type: 'circle',\n source: WELLS_SOURCE_ID,\n layout: {\n 'circle-sort-key': ['get', 'order'],\n },\n paint: {\n 'circle-radius': WELL_MARKER_SIZE,\n 'circle-color': ['get', 'color'],\n 'circle-opacity': ['get', 'opacity'],\n },\n });\n map.addLayer({\n id: WELLS_ACTIVE_LAYER_ID,\n type: 'circle',\n source: WELLS_SOURCE_ID,\n filter: ['==', ['get', 'isActive'], true],\n paint: {\n 'circle-radius': HIGHLIGHT_MARKER_SIZE,\n 'circle-color': ['get', 'color'],\n 'circle-opacity': 0.24,\n },\n });\n map.addLayer({\n id: WELLS_HOVER_LAYER_ID,\n type: 'circle',\n source: WELLS_SOURCE_ID,\n filter: NO_HOVER_FILTER,\n paint: {\n 'circle-radius': [\n 'case',\n ['get', 'isSubjectWell'],\n WELL_MARKER_SIZE,\n HIGHLIGHT_MARKER_SIZE,\n ],\n 'circle-color': [\n 'case',\n ['get', 'isSubjectWell'],\n HIGHLIGHT_WELL_COLOR,\n ['get', 'color'],\n ],\n 'circle-opacity': 0.24,\n },\n });\n\n setIsMapReady(true);\n });\n\n return () => {\n tooltipRootRef.current?.unmount();\n tooltipRootRef.current = null;\n\n map.remove();\n mapRef.current = null;\n popupRef.current = null;\n subjectIconRef.current = null;\n radiusBoundsRef.current = null;\n wellsBoundsRef.current = null;\n };\n }, []);\n\n // NOTE: Radius circle\n useEffect(() => {\n radiusBoundsRef.current =\n subjectWellCoords && radius\n ? getCircleBounds(subjectWellCoords, radius METERS_IN_MILE)\n : null;\n\n const map = mapRef.current;\n if (!map \|\| !isMapReady) {\n return;\n }\n\n map.getSource(RADIUS_SOURCE_ID).setData(\n subjectWellCoords && radius\n ? {\n type: 'Feature',\n properties: {},\n geometry: makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE),\n }\n : EMPTY_FEATURE_COLLECTION\n );\n }, [radius, subjectWellCoords, isMapReady]);\n\n const showTooltip = (well, isOffsetWell, isSubjectWell, coords) => {\n tooltipRootRef.current?.unmount();\n\n const popUpContainer = document.createElement('div');\n const popUpContent = createElement(WellTooltip(), {\n isViewOnly,\n well,\n color: get(formationColors, well.formation, '#BDBDBD'),\n isOffsetWell,\n isSubjectWell,\n isClickable,\n });\n tooltipRootRef.current = createAdaptiveRoot(popUpContainer);\n tooltipRootRef.current.render(<>{popUpContent}</>);\n if (!popupRef.current) {\n popupRef.current = new mapboxgl.Popup({\n closeButton: false,\n offset: HIGHLIGHT_MARKER_SIZE,\n });\n }\n popupRef.current\n .setLngLat(toLngLat(coords))\n .setDOMContent(popUpContainer)\n .addTo(mapRef.current);\n };\n\n // NOTE: Subject well hover swaps the subject marker color\n useEffect(() => {\n const map = mapRef.current;\n if (!map \|\| !isMapReady) {\n return;\n }\n\n map.setPaintProperty(\n WELLS_LAYER_ID,\n 'circle-color',\n isSubjectWellHovered\n ? ['case', ['get', 'isSubjectWell'], HIGHLIGHT_WELL_COLOR, ['get', 'color']]\n : ['get', 'color']\n );\n }, [isSubjectWellHovered, isMapReady]);\n\n // NOTE: Well markers\n useEffect(() => {\n if (!wells \|\| !offsetWellIds) {\n return undefined;\n }\n\n popupRef.current?.remove();\n\n const offsetWells = [];\n const unSelectedWells = [];\n wells.forEach(well => {\n if (well.id !== subjectWell?.id) {\n if (offsetWellIds.includes(well.id)) {\n offsetWells.push(well);\n } else {\n unSelectedWells.push(well);\n }\n }\n });\n const sortedWells = [...unSelectedWells, ...offsetWells, subjectWell];\n\n const features = [];\n const wellsBounds = new mapboxgl.LngLatBounds();\n wellByFeatureIdRef.current.clear();\n subjectFeatureIdRef.current = null;\n sortedWells.forEach((well, index) => {\n const coords = well?.topHole?.coordinates;\n\n if (coords && isValidCoordinates(coords)) {\n const isSubjectWell = subjectWell?.id === well.id;\n const isOffsetWell = offsetWellIds.includes(well.id) && !isSubjectWell;\n const color = isSubjectWell\n ? OFFSET_WELL_COLOR\n : get(formationColors, well.formation, '#BDBDBD');\n const opacity = isOffsetWell ? 0.7 : 0.3;\n\n features.push({\n type: 'Feature',\n id: index,\n geometry: { type: 'Point', coordinates: toLngLat(coords) },\n properties: {\n color,\n opacity: isSubjectWell ? 1 : opacity,\n isSubjectWell,\n isOffsetWell,\n isActive: well.id === activeWellId && !isActiveWellIsSubjectWell,\n order: index,\n },\n });\n wellByFeatureIdRef.current.set(index, { well, coords, isOffsetWell, isSubjectWell });\n if (isSubjectWell) {\n subjectFeatureIdRef.current = index;\n }\n wellsBounds.extend(toLngLat(coords));\n }\n });\n wellsBoundsRef.current = features.length ? wellsBounds : null;\n\n const map = mapRef.current;\n if (!map \|\| !isMapReady) {\n return undefined;\n }\n\n map.getSource(WELLS_SOURCE_ID).setData({ type: 'FeatureCollection', features });\n map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n hoveredFeatureIdRef.current = null;\n\n const handleMouseMove = e => {\n const feature = e.features?.[0];\n if (!feature \|\| hoveredFeatureIdRef.current === feature.id) {\n return;\n }\n const entry = wellByFeatureIdRef.current.get(feature.id);\n if (!entry) {\n return;\n }\n\n hoveredFeatureIdRef.current = feature.id;\n map.getCanvas().style.cursor = 'pointer';\n\n // Highlight\n map.setFilter(WELLS_HOVER_LAYER_ID, ['==', ['id'], feature.id]);\n showTooltip(entry.well, entry.isOffsetWell, entry.isSubjectWell, entry.coords);\n if (entry.isSubjectWell) {\n setIsSubjectWellHovered(true);\n }\n };\n\n const handleMouseLeave = e => {\n // NOTE: Leaflet cleared hover on leaving the ENLARGED highlight marker, so keep the\n // hover while the cursor is still over the hover halo (or another well marker)\n if (\n e?.point &&\n map.queryRenderedFeatures(e.point, { layers: [WELLS_LAYER_ID, WELLS_HOVER_LAYER_ID] })\n .length\n ) {\n return;\n }\n const wasSubjectWell =\n hoveredFeatureIdRef.current !== null &&\n hoveredFeatureIdRef.current === subjectFeatureIdRef.current;\n hoveredFeatureIdRef.current = null;\n map.getCanvas().style.cursor = '';\n map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n popupRef.current?.remove();\n if (wasSubjectWell) {\n setIsSubjectWellHovered(false);\n }\n };\n\n const handleClick = e => {\n if (isViewOnly) return;\n const entry = wellByFeatureIdRef.current.get(e.features?.[0]?.id);\n if (!entry) {\n return;\n }\n handleChangeOffsetWell(entry.well, !entry.isOffsetWell);\n };\n\n map.on('mousemove', WELLS_LAYER_ID, handleMouseMove);\n map.on('mouseleave', WELLS_LAYER_ID, handleMouseLeave);\n map.on('mouseleave', WELLS_HOVER_LAYER_ID, handleMouseLeave);\n map.on('click', WELLS_LAYER_ID, handleClick);\n\n setTimeout(() => {\n if (radius < MAX_RADIUS && mapRef.current && radiusBoundsRef.current && wells !== prevWells) {\n mapRef.current.fitBounds(radiusBoundsRef.current, { padding: 5 });\n }\n }, 500);\n\n return () => {\n map.off('mousemove', WELLS_LAYER_ID, handleMouseMove);\n map.off('mouseleave', WELLS_LAYER_ID, handleMouseLeave);\n map.off('mouseleave', WELLS_HOVER_LAYER_ID, handleMouseLeave);\n map.off('click', WELLS_LAYER_ID, handleClick);\n };\n }, [subjectWell, wells, offsetWellIds, activeWellId, isMapReady]);\n\n // NOTE: Subject Well Icon\n\n useEffect(() => {\n const map = mapRef.current;\n\n if (subjectIconRef.current) {\n subjectIconRef.current.remove();\n subjectIconRef.current = null;\n }\n\n if (!map \|\| !subjectWellCoords) return;\n\n const isHighlighted = isSubjectWellHovered \|\| isActiveWellIsSubjectWell;\n const icon = document.createElement('img');\n icon.src = isHighlighted ? SubjectHighlightWellIcon : SubjectWellIcon;\n const [iconWidth, iconHeight] = isHighlighted ? [70, 20] : [62, 12];\n const [anchorX, anchorY] = isHighlighted ? [35, 29] : [31, 25];\n icon.width = iconWidth;\n icon.height = iconHeight;\n\n icon.addEventListener('mouseover', () => {\n setIsSubjectWellHovered(true);\n\n // Highlight\n if (subjectFeatureIdRef.current !== null && map.getLayer(WELLS_HOVER_LAYER_ID)) {\n hoveredFeatureIdRef.current = subjectFeatureIdRef.current;\n map.setFilter(WELLS_HOVER_LAYER_ID, ['==', ['id'], subjectFeatureIdRef.current]);\n }\n showTooltip(subjectWell, false, true, subjectWellCoords);\n });\n\n icon.addEventListener('mouseout', () => {\n hoveredFeatureIdRef.current = null;\n if (map.getLayer(WELLS_HOVER_LAYER_ID)) {\n map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n }\n popupRef.current?.remove();\n setIsSubjectWellHovered(false);\n });\n\n subjectIconRef.current = new mapboxgl.Marker({\n element: icon,\n anchor: 'center',\n // NOTE: Leaflet anchored the icon at [anchorX, anchorY] from its top-left corner\n offset: [iconWidth / 2 - anchorX, iconHeight / 2 - anchorY],\n })\n .setLngLat(toLngLat(subjectWellCoords))\n .addTo(map);\n }, [isSubjectWellHovered, subjectWellCoords, radius, subjectWell, isActiveWellIsSubjectWell]);\n\n // NOTE: Map Update\n useEffect(() => {\n if (radius > MAX_RADIUS) {\n mapRef.current?.setZoom(1);\n return;\n }\n setTimeout(() => {\n if (subjectWell) {\n if (mapRef.current && radiusBoundsRef.current && radius) {\n mapRef.current.fitBounds(radiusBoundsRef.current, { padding: 5 });\n }\n } else if (mapRef.current && wellsBoundsRef.current) {\n mapRef.current.fitBounds(wellsBoundsRef.current);\n }\n if (subjectWellCoords && mapRef.current) {\n mapRef.current.easeTo({ center: toLngLat(subjectWellCoords), duration: 700 });\n }\n }, 500);\n }, [radius, subjectWell, subjectWellCoords]);\n\n const handleZoomIn = () => {\n mapRef.current?.setZoom(zoom + 1);\n };\n\n const handleZoomOut = () => {\n if (zoom > 1) {\n mapRef.current?.setZoom(zoom - 1);\n }\n };\n\n return (\n <div className={classNames(styles.mapView, classes.root)}>\n <div\n className={classNames(styles.mapMain, classes.map)}\n ref={containerRef}\n onDoubleClick={handleZoomIn}\n >\n <div className={styles.zoomGroup}>\n <Tooltip title={zoom < ZOOM_MAX_VALUE ? 'Zoom in' : ''} placement=\"left\">\n <div\n className={classNames(styles.zoomButton, {\n [styles.zoomDisabled]: zoom === ZOOM_MAX_VALUE,\n })}\n onClick={handleZoomIn}\n >\n <ZoomInIcon className={styles.zoomInOutIcon} />\n </div>\n </Tooltip>\n <Tooltip title={zoom > ZOOM_MIN_VALUE ? 'Zoom out' : ''} placement=\"left\">\n <div\n className={classNames(styles.zoomButton, {\n [styles.zoomDisabled]: zoom === ZOOM_MIN_VALUE,\n })}\n onClick={handleZoomOut}\n >\n <ZoomOutIcon className={styles.zoomInOutIcon} />\n </div>\n </Tooltip>\n </div>\n </div>\n </div>\n );\n};\n\nexport default OffsetWellMap;\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","NO_HOVER_FILTER","toLngLat","_ref","_ref2","_slicedToArray","lat","makeCirclePolygon","_ref3","radiusMeters","_ref4","lng","points","degreesLng","Math","cos","PI","degreesLat","ring","i","theta","push","sin","coordinates","OffsetWellMap","_ref7","isViewOnly","_ref7$subjectWell","subjectWell","wells","offsetWellIds","radius","handleChanageOffsetWell","_ref7$handleChangeOff","handleChangeOffsetWell","activeWellId","_ref7$isClickable","isClickable","_ref7$classes","classes","subjectWellCoords","useMemo","get","formationColors","getAllFormations","containerRef","useRef","mapRef","popupRef","radiusBoundsRef","wellsBoundsRef","subjectIconRef","wellByFeatureIdRef","Map","subjectFeatureIdRef","hoveredFeatureIdRef","tooltipRootRef","useState","_useState2","_useState","isSubjectWellHovered","setIsSubjectWellHovered","isActiveWellIsSubjectWell","id","prevWells","usePreviousWells","_useState4","_useState3","isMapReady","setIsMapReady","_useState6","_useState5","zoom","setZoom","useEffect","IS_MAPBOX_ENABLED","map","mapboxgl","container","current","style","center","maxZoom","attributionControl","scrollZoom","doubleClickZoom","on","round","getZoom","addSource","data","addLayer","source","paint","filter","layout","_tooltipRootRef$curre","unmount","remove","_ref6","getSource","setData","properties","geometry","showTooltip","well","isOffsetWell","isSubjectWell","coords","_tooltipRootRef$curre2","popUpContainer","document","createElement","popUpContent","WellTooltip","color","formation","createAdaptiveRoot","render","_jsx","_Fragment","children","Popup","closeButton","offset","setLngLat","setDOMContent","addTo","setPaintProperty","_popupRef$current","offsetWells","unSelectedWells","forEach","includes","sortedWells","wellsBounds","LngLatBounds","clear","index","_well$topHole","topHole","opacity","isActive","order","set","extend","length","setFilter","handleMouseMove","e","_e$features","feature","entry","getCanvas","cursor","handleMouseLeave","_popupRef$current2","point","queryRenderedFeatures","layers","wasSubjectWell","handleClick","_e$features2","_e$features2$","setTimeout","fitBounds","padding","off","isHighlighted","icon","src","_ref9","iconWidth","iconHeight","_ref11","anchorX","anchorY","width","height","addEventListener","getLayer","_popupRef$current3","Marker","element","anchor","_mapRef$current","easeTo","duration","handleZoomIn","_mapRef$current2","className","classNames","styles","mapView","root","mapMain","ref","onDoubleClick","_jsxs","zoomGroup","Tooltip","title","placement","zoomButton","_defineProperty","zoomDisabled","onClick","ZoomInIcon","zoomInOutIcon","_mapRef$current3","ZoomOutIcon"],"mappings":"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"}
1	+ {"version":3,"file":"OffsetWellMap.js","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"sourcesContent":["import { createElement, useRef, useEffect, useState, useMemo } from 'react';\nimport { get } from 'lodash';\nimport classNames from 'classnames';\nimport { Tooltip } from '@material-ui/core';\nimport { Add as ZoomInIcon, Remove as ZoomOutIcon } from '@material-ui/icons';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nimport SubjectWellIcon from './CustomIcon/SubjectWellIcon.svg';\nimport SubjectHighlightWellIcon from './CustomIcon/SubjectHighlightWellIcon.svg';\nimport { usePreviousWells } from './effects';\nimport { WellTooltip } from './WellTooltip';\nimport { getAllFormations } from './utils';\n\nimport styles from './OffsetWellMap.module.css';\n\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\n\nconst DEFAULT_COORDS = [29.749907, -95.358421];\nconst WELL_MARKER_SIZE = 5;\nconst HIGHLIGHT_MARKER_SIZE = 12;\nconst OFFSET_WELL_COLOR = '#03BCD4';\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst HIGHLIGHT_WELL_COLOR = '#63EFFF';\nconst METERS_IN_MILE = 1609.34;\nconst ZOOM_INIT_VALUE = 3;\nconst ZOOM_MAX_VALUE = 18;\nconst ZOOM_MIN_VALUE = 1;\nconst MAX_RADIUS = 3000;\n\nconst RADIUS_SOURCE_ID = 'radius-circle';\nconst RADIUS_LAYER_ID = 'radius-circle-fill';\nconst WELLS_SOURCE_ID = 'wells';\nconst WELLS_HALO_LAYER_ID = 'wells-halo';\nconst WELLS_LAYER_ID = 'wells-circle';\nconst WELLS_ACTIVE_LAYER_ID = 'wells-active-highlight';\nconst WELLS_HOVER_LAYER_ID = 'wells-hover-highlight';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\nconst NO_HOVER_FILTER = ['==', ['id'], -1];\n\n// NOTE: Props keep the Leaflet [lat, lng] convention; mapbox-gl expects [lng, lat]\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl circle layers are pixel-radius, so approximate the meter radius with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n const degreesLng = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n const degreesLat = radiusMeters / 110574;\n const ring = [];\n for (let i = 0; i <= points; i += 1) {\n const theta = (i / points) * 2 * Math.PI;\n ring.push([lng + degreesLng * Math.cos(theta), lat + degreesLat * Math.sin(theta)]);\n }\n return { type: 'Polygon', coordinates: [ring] };\n};\n\nconst getCircleBounds = ([lat, lng], radiusMeters) => {\n const degreesLng = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n const degreesLat = radiusMeters / 110574;\n return [\n [lng - degreesLng, lat - degreesLat],\n [lng + degreesLng, lat + degreesLat],\n ];\n};\n\n/** @type {React.FC<import('./OffsetWellMapProps').OffsetWellMapProps>} /\nconst OffsetWellMap = ({\n isViewOnly,\n subjectWell = null,\n wells,\n offsetWellIds,\n radius,\n handleChanageOffsetWell,\n handleChangeOffsetWell = handleChanageOffsetWell,\n activeWellId,\n isClickable = true,\n classes = {},\n}) => {\n const subjectWellCoords = useMemo(() => {\n return subjectWell && get(subjectWell, 'topHole.coordinates');\n }, [subjectWell]);\n const formationColors = useMemo(() => getAllFormations(wells), [wells]);\n\n const containerRef = useRef();\n const mapRef = useRef();\n const popupRef = useRef();\n const radiusBoundsRef = useRef(null);\n const wellsBoundsRef = useRef(null);\n const subjectIconRef = useRef();\n const wellByFeatureIdRef = useRef(new Map());\n const subjectFeatureIdRef = useRef(null);\n const hoveredFeatureIdRef = useRef(null);\n const tooltipRootRef = useRef(null);\n const [isSubjectWellHovered, setIsSubjectWellHovered] = useState(false);\n const isActiveWellIsSubjectWell = subjectWell?.id === activeWellId;\n const prevWells = usePreviousWells(wells);\n const [isMapReady, setIsMapReady] = useState(false);\n const [zoom, setZoom] = useState(ZOOM_INIT_VALUE);\n\n // NOTE: Initialize map\n useEffect(() => {\n if (!IS_MAPBOX_ENABLED) return undefined;\n\n const map = new mapboxgl.Map({\n container: containerRef.current,\n style: 'mapbox://styles/mapbox/dark-v9',\n center: toLngLat(DEFAULT_COORDS),\n zoom: ZOOM_INIT_VALUE,\n // NOTE: keep the zoom buttons' disable logic (zoom === ZOOM_MAX_VALUE) reachable\n maxZoom: ZOOM_MAX_VALUE,\n attributionControl: false,\n scrollZoom: false,\n doubleClickZoom: false,\n });\n mapRef.current = map;\n\n // NOTE: GL zoom is fractional where Leaflet was integer\n map.on('zoomend', () => setZoom(Math.round(map.getZoom())));\n\n // NOTE: Sources/layers can only be added after the style loads\n map.on('load', () => {\n map.addSource(RADIUS_SOURCE_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n map.addLayer({\n id: RADIUS_LAYER_ID,\n type: 'fill',\n source: RADIUS_SOURCE_ID,\n paint: {\n 'fill-color': RADIUS_CIRCLE_COLOR,\n 'fill-opacity': 0.2,\n },\n });\n\n map.addSource(WELLS_SOURCE_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n map.addLayer({\n id: WELLS_HALO_LAYER_ID,\n type: 'circle',\n source: WELLS_SOURCE_ID,\n filter: ['==', ['get', 'isOffsetWell'], true],\n paint: {\n 'circle-radius': HIGHLIGHT_MARKER_SIZE,\n 'circle-color': ['get', 'color'],\n 'circle-opacity': 0.08,\n },\n });\n map.addLayer({\n id: WELLS_LAYER_ID,\n type: 'circle',\n source: WELLS_SOURCE_ID,\n layout: {\n 'circle-sort-key': ['get', 'order'],\n },\n paint: {\n 'circle-radius': WELL_MARKER_SIZE,\n 'circle-color': ['get', 'color'],\n 'circle-opacity': ['get', 'opacity'],\n },\n });\n map.addLayer({\n id: WELLS_ACTIVE_LAYER_ID,\n type: 'circle',\n source: WELLS_SOURCE_ID,\n filter: ['==', ['get', 'isActive'], true],\n paint: {\n 'circle-radius': HIGHLIGHT_MARKER_SIZE,\n 'circle-color': ['get', 'color'],\n 'circle-opacity': 0.24,\n },\n });\n map.addLayer({\n id: WELLS_HOVER_LAYER_ID,\n type: 'circle',\n source: WELLS_SOURCE_ID,\n filter: NO_HOVER_FILTER,\n paint: {\n 'circle-radius': [\n 'case',\n ['get', 'isSubjectWell'],\n WELL_MARKER_SIZE,\n HIGHLIGHT_MARKER_SIZE,\n ],\n 'circle-color': [\n 'case',\n ['get', 'isSubjectWell'],\n HIGHLIGHT_WELL_COLOR,\n ['get', 'color'],\n ],\n 'circle-opacity': 0.24,\n },\n });\n\n setIsMapReady(true);\n });\n\n return () => {\n tooltipRootRef.current?.unmount();\n tooltipRootRef.current = null;\n\n map.remove();\n mapRef.current = null;\n popupRef.current = null;\n subjectIconRef.current = null;\n radiusBoundsRef.current = null;\n wellsBoundsRef.current = null;\n };\n }, []);\n\n // NOTE: Radius circle\n useEffect(() => {\n radiusBoundsRef.current =\n subjectWellCoords && radius\n ? getCircleBounds(subjectWellCoords, radius METERS_IN_MILE)\n : null;\n\n const map = mapRef.current;\n if (!map \|\| !isMapReady) {\n return;\n }\n\n map.getSource(RADIUS_SOURCE_ID).setData(\n subjectWellCoords && radius\n ? {\n type: 'Feature',\n properties: {},\n geometry: makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE),\n }\n : EMPTY_FEATURE_COLLECTION\n );\n }, [radius, subjectWellCoords, isMapReady]);\n\n const showTooltip = (well, isOffsetWell, isSubjectWell, coords) => {\n tooltipRootRef.current?.unmount();\n\n const popUpContainer = document.createElement('div');\n const popUpContent = createElement(WellTooltip(), {\n isViewOnly,\n well,\n color: get(formationColors, well.formation, '#BDBDBD'),\n isOffsetWell,\n isSubjectWell,\n isClickable,\n });\n tooltipRootRef.current = createAdaptiveRoot(popUpContainer);\n tooltipRootRef.current.render(<>{popUpContent}</>);\n if (!popupRef.current) {\n popupRef.current = new mapboxgl.Popup({\n closeButton: false,\n offset: HIGHLIGHT_MARKER_SIZE,\n });\n }\n popupRef.current\n .setLngLat(toLngLat(coords))\n .setDOMContent(popUpContainer)\n .addTo(mapRef.current);\n };\n\n // NOTE: Subject well hover swaps the subject marker color\n useEffect(() => {\n const map = mapRef.current;\n if (!map \|\| !isMapReady) {\n return;\n }\n\n map.setPaintProperty(\n WELLS_LAYER_ID,\n 'circle-color',\n isSubjectWellHovered\n ? ['case', ['get', 'isSubjectWell'], HIGHLIGHT_WELL_COLOR, ['get', 'color']]\n : ['get', 'color']\n );\n }, [isSubjectWellHovered, isMapReady]);\n\n // NOTE: Well markers\n useEffect(() => {\n if (!wells \|\| !offsetWellIds) {\n return undefined;\n }\n\n popupRef.current?.remove();\n\n const offsetWells = [];\n const unSelectedWells = [];\n wells.forEach(well => {\n if (well.id !== subjectWell?.id) {\n if (offsetWellIds.includes(well.id)) {\n offsetWells.push(well);\n } else {\n unSelectedWells.push(well);\n }\n }\n });\n const sortedWells = [...unSelectedWells, ...offsetWells, subjectWell];\n\n const features = [];\n const wellsBounds = new mapboxgl.LngLatBounds();\n wellByFeatureIdRef.current.clear();\n subjectFeatureIdRef.current = null;\n sortedWells.forEach((well, index) => {\n const coords = well?.topHole?.coordinates;\n\n if (coords && mapbox.isValidCoordinates(coords)) {\n const isSubjectWell = subjectWell?.id === well.id;\n const isOffsetWell = offsetWellIds.includes(well.id) && !isSubjectWell;\n const color = isSubjectWell\n ? OFFSET_WELL_COLOR\n : get(formationColors, well.formation, '#BDBDBD');\n const opacity = isOffsetWell ? 0.7 : 0.3;\n\n features.push({\n type: 'Feature',\n id: index,\n geometry: { type: 'Point', coordinates: toLngLat(coords) },\n properties: {\n color,\n opacity: isSubjectWell ? 1 : opacity,\n isSubjectWell,\n isOffsetWell,\n isActive: well.id === activeWellId && !isActiveWellIsSubjectWell,\n order: index,\n },\n });\n wellByFeatureIdRef.current.set(index, { well, coords, isOffsetWell, isSubjectWell });\n if (isSubjectWell) {\n subjectFeatureIdRef.current = index;\n }\n wellsBounds.extend(toLngLat(coords));\n }\n });\n wellsBoundsRef.current = features.length ? wellsBounds : null;\n\n const map = mapRef.current;\n if (!map \|\| !isMapReady) {\n return undefined;\n }\n\n map.getSource(WELLS_SOURCE_ID).setData({ type: 'FeatureCollection', features });\n map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n hoveredFeatureIdRef.current = null;\n\n const handleMouseMove = e => {\n const feature = e.features?.[0];\n if (!feature \|\| hoveredFeatureIdRef.current === feature.id) {\n return;\n }\n const entry = wellByFeatureIdRef.current.get(feature.id);\n if (!entry) {\n return;\n }\n\n hoveredFeatureIdRef.current = feature.id;\n map.getCanvas().style.cursor = 'pointer';\n\n // Highlight\n map.setFilter(WELLS_HOVER_LAYER_ID, ['==', ['id'], feature.id]);\n showTooltip(entry.well, entry.isOffsetWell, entry.isSubjectWell, entry.coords);\n if (entry.isSubjectWell) {\n setIsSubjectWellHovered(true);\n }\n };\n\n const handleMouseLeave = e => {\n // NOTE: Leaflet cleared hover on leaving the ENLARGED highlight marker, so keep the\n // hover while the cursor is still over the hover halo (or another well marker)\n if (\n e?.point &&\n map.queryRenderedFeatures(e.point, { layers: [WELLS_LAYER_ID, WELLS_HOVER_LAYER_ID] })\n .length\n ) {\n return;\n }\n const wasSubjectWell =\n hoveredFeatureIdRef.current !== null &&\n hoveredFeatureIdRef.current === subjectFeatureIdRef.current;\n hoveredFeatureIdRef.current = null;\n map.getCanvas().style.cursor = '';\n map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n popupRef.current?.remove();\n if (wasSubjectWell) {\n setIsSubjectWellHovered(false);\n }\n };\n\n const handleClick = e => {\n if (isViewOnly) return;\n const entry = wellByFeatureIdRef.current.get(e.features?.[0]?.id);\n if (!entry) {\n return;\n }\n handleChangeOffsetWell(entry.well, !entry.isOffsetWell);\n };\n\n map.on('mousemove', WELLS_LAYER_ID, handleMouseMove);\n map.on('mouseleave', WELLS_LAYER_ID, handleMouseLeave);\n map.on('mouseleave', WELLS_HOVER_LAYER_ID, handleMouseLeave);\n map.on('click', WELLS_LAYER_ID, handleClick);\n\n setTimeout(() => {\n if (radius < MAX_RADIUS && mapRef.current && radiusBoundsRef.current && wells !== prevWells) {\n mapRef.current.fitBounds(radiusBoundsRef.current, { padding: 5 });\n }\n }, 500);\n\n return () => {\n map.off('mousemove', WELLS_LAYER_ID, handleMouseMove);\n map.off('mouseleave', WELLS_LAYER_ID, handleMouseLeave);\n map.off('mouseleave', WELLS_HOVER_LAYER_ID, handleMouseLeave);\n map.off('click', WELLS_LAYER_ID, handleClick);\n };\n }, [subjectWell, wells, offsetWellIds, activeWellId, isMapReady]);\n\n // NOTE: Subject Well Icon\n\n useEffect(() => {\n const map = mapRef.current;\n\n if (subjectIconRef.current) {\n subjectIconRef.current.remove();\n subjectIconRef.current = null;\n }\n\n if (!map \|\| !subjectWellCoords) return;\n\n const isHighlighted = isSubjectWellHovered \|\| isActiveWellIsSubjectWell;\n const icon = document.createElement('img');\n icon.src = isHighlighted ? SubjectHighlightWellIcon : SubjectWellIcon;\n const [iconWidth, iconHeight] = isHighlighted ? [70, 20] : [62, 12];\n const [anchorX, anchorY] = isHighlighted ? [35, 29] : [31, 25];\n icon.width = iconWidth;\n icon.height = iconHeight;\n\n icon.addEventListener('mouseover', () => {\n setIsSubjectWellHovered(true);\n\n // Highlight\n if (subjectFeatureIdRef.current !== null && map.getLayer(WELLS_HOVER_LAYER_ID)) {\n hoveredFeatureIdRef.current = subjectFeatureIdRef.current;\n map.setFilter(WELLS_HOVER_LAYER_ID, ['==', ['id'], subjectFeatureIdRef.current]);\n }\n showTooltip(subjectWell, false, true, subjectWellCoords);\n });\n\n icon.addEventListener('mouseout', () => {\n hoveredFeatureIdRef.current = null;\n if (map.getLayer(WELLS_HOVER_LAYER_ID)) {\n map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n }\n popupRef.current?.remove();\n setIsSubjectWellHovered(false);\n });\n\n subjectIconRef.current = new mapboxgl.Marker({\n element: icon,\n anchor: 'center',\n // NOTE: Leaflet anchored the icon at [anchorX, anchorY] from its top-left corner\n offset: [iconWidth / 2 - anchorX, iconHeight / 2 - anchorY],\n })\n .setLngLat(toLngLat(subjectWellCoords))\n .addTo(map);\n }, [isSubjectWellHovered, subjectWellCoords, radius, subjectWell, isActiveWellIsSubjectWell]);\n\n // NOTE: Map Update\n useEffect(() => {\n if (radius > MAX_RADIUS) {\n mapRef.current?.setZoom(1);\n return;\n }\n setTimeout(() => {\n if (subjectWell) {\n if (mapRef.current && radiusBoundsRef.current && radius) {\n mapRef.current.fitBounds(radiusBoundsRef.current, { padding: 5 });\n }\n } else if (mapRef.current && wellsBoundsRef.current) {\n mapRef.current.fitBounds(wellsBoundsRef.current);\n }\n if (subjectWellCoords && mapRef.current) {\n mapRef.current.easeTo({ center: toLngLat(subjectWellCoords), duration: 700 });\n }\n }, 500);\n }, [radius, subjectWell, subjectWellCoords]);\n\n const handleZoomIn = () => {\n mapRef.current?.setZoom(zoom + 1);\n };\n\n const handleZoomOut = () => {\n if (zoom > 1) {\n mapRef.current?.setZoom(zoom - 1);\n }\n };\n\n return (\n <div className={classNames(styles.mapView, classes.root)}>\n <div\n className={classNames(styles.mapMain, classes.map)}\n ref={containerRef}\n onDoubleClick={handleZoomIn}\n >\n <div className={styles.zoomGroup}>\n <Tooltip title={zoom < ZOOM_MAX_VALUE ? 'Zoom in' : ''} placement=\"left\">\n <div\n className={classNames(styles.zoomButton, {\n [styles.zoomDisabled]: zoom === ZOOM_MAX_VALUE,\n })}\n onClick={handleZoomIn}\n >\n <ZoomInIcon className={styles.zoomInOutIcon} />\n </div>\n </Tooltip>\n <Tooltip title={zoom > ZOOM_MIN_VALUE ? 'Zoom out' : ''} placement=\"left\">\n <div\n className={classNames(styles.zoomButton, {\n [styles.zoomDisabled]: zoom === ZOOM_MIN_VALUE,\n })}\n onClick={handleZoomOut}\n >\n <ZoomOutIcon className={styles.zoomInOutIcon} />\n </div>\n </Tooltip>\n </div>\n </div>\n </div>\n );\n};\n\nexport default OffsetWellMap;\n"],"names":["DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","NO_HOVER_FILTER","toLngLat","_ref","_ref2","_slicedToArray","lat","makeCirclePolygon","_ref3","radiusMeters","_ref4","lng","points","degreesLng","Math","cos","PI","degreesLat","ring","i","theta","push","sin","coordinates","OffsetWellMap","_ref7","isViewOnly","_ref7$subjectWell","subjectWell","wells","offsetWellIds","radius","handleChanageOffsetWell","_ref7$handleChangeOff","handleChangeOffsetWell","activeWellId","_ref7$isClickable","isClickable","_ref7$classes","classes","subjectWellCoords","useMemo","get","formationColors","getAllFormations","containerRef","useRef","mapRef","popupRef","radiusBoundsRef","wellsBoundsRef","subjectIconRef","wellByFeatureIdRef","Map","subjectFeatureIdRef","hoveredFeatureIdRef","tooltipRootRef","useState","_useState2","_useState","isSubjectWellHovered","setIsSubjectWellHovered","isActiveWellIsSubjectWell","id","prevWells","usePreviousWells","_useState4","_useState3","isMapReady","setIsMapReady","_useState6","_useState5","zoom","setZoom","useEffect","IS_MAPBOX_ENABLED","map","mapboxgl","container","current","style","center","maxZoom","attributionControl","scrollZoom","doubleClickZoom","on","round","getZoom","addSource","data","addLayer","source","paint","filter","layout","_tooltipRootRef$curre","unmount","remove","_ref6","getSource","setData","properties","geometry","showTooltip","well","isOffsetWell","isSubjectWell","coords","_tooltipRootRef$curre2","popUpContainer","document","createElement","popUpContent","WellTooltip","color","formation","createAdaptiveRoot","render","_jsx","_Fragment","children","Popup","closeButton","offset","setLngLat","setDOMContent","addTo","setPaintProperty","_popupRef$current","offsetWells","unSelectedWells","forEach","includes","sortedWells","wellsBounds","LngLatBounds","clear","index","_well$topHole","topHole","mapbox","isValidCoordinates","opacity","isActive","order","set","extend","length","setFilter","handleMouseMove","e","_e$features","feature","entry","getCanvas","cursor","handleMouseLeave","_popupRef$current2","point","queryRenderedFeatures","layers","wasSubjectWell","handleClick","_e$features2","_e$features2$","setTimeout","fitBounds","padding","off","isHighlighted","icon","src","_ref9","iconWidth","iconHeight","_ref11","anchorX","anchorY","width","height","addEventListener","getLayer","_popupRef$current3","Marker","element","anchor","_mapRef$current","easeTo","duration","handleZoomIn","_mapRef$current2","className","classNames","styles","mapView","root","mapMain","ref","onDoubleClick","_jsxs","zoomGroup","Tooltip","title","placement","zoomButton","_defineProperty","zoomDisabled","onClick","ZoomInIcon","zoomInOutIcon","_mapRef$current3","ZoomOutIcon"],"mappings":"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"}

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{memo as n,useState as i,useEffect as o,useMemo as s,useCallback as r}from"react";import l from"prop-types";import{get as c,orderBy as a,uniq as m}from"lodash";import{makeStyles as d,Dialog as u,DialogTitle as p,Typography as f,Tooltip as b,IconButton as g,DialogContent as j,DialogActions as h,Button as y}from"@material-ui/core";import S from"@material-ui/icons/Close";import{useTheme as v}from"@material-ui/core/styles";import C from"@material-ui/core/useMediaQuery";import W from"classnames";import O from"./components/Filter/index.js";import x from"./components/Map/index.js";import A from"./components/Table/index.js";import{useCompanies as I,useWells as N,useCompanyMetricKey as D,useWellsWithCoords as k,useRadiusWells as w,useOffsetWells as P,useMetricsData as T}from"./effects/index.js";import{getFilteredWells as B,getFilteredWellsByNonEngineered as E}from"./utils/index.js";import{DEFAULT_SETTINGS as z}from"./constants.js";import R from"../LoadingIndicator/LoadingIndicator.js";import L from"../../permissions/usePermissions.js";import{PERMISSIONS as q}from"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import"../../permissions/PermissionsContext.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import{useGlobalOffsetWellsSync as M}from"../../effects/useGlobalOffsetWellsSync.js";import{jsxs as _,jsx as U,Fragment as V}from"react/jsx-runtime";import F from"./effects/biDirectionalFiltering.js";function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function H(t){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?G(Object(i),!0).forEach((function(n){e(t,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):G(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var K=d((function(e){return{dialogTitles:{display:"flex",justifyContent:"space-between",alignItems:"center"},title:{fontSize:20},subTitle:{fontSize:14,color:"#03BCD4","&:hover":{cursor:"pointer",textDecoration:"underline"}},subTitleSpace:{fontSize:14,color:"#03BCD4"},titleArea:{display:"flex",alignItems:"center"},closeIconButton:{fontSize:20,padding:4,"&:hover $closeIcon":{color:"#fff"}},closeIcon:{color:"#BDBDBD"},dialogActions:{justifyContent:"space-between",paddingTop:8,paddingBottom:8},bottomShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",bottom:"52px",zIndex:2},dialogActionsSmallScreen:{paddingRight:"100px"},dialogContent:{display:"flex",flexDirection:"column"},tabs:{background:"#414141"},selectedWells:{display:"flex",alignItems:"center"},selected:{fontSize:16},selectedLabel:{fontSize:12,marginLeft:14,color:"rgba(255, 255, 255, 0.54)"},selectedNumber:{fontSize:12,margin:4,color:"rgba(255, 255, 255, 0.8)"}}})),Q=function(n){var l=n.isOpen,d=n.defaultSubjectWellId,G=void 0===d?null:d,Q=n.companyId,$=void 0===Q?null:Q,J=n.offsetSetting,X=n.currentUser,Y=n.addWellsUsabilityInfo,Z=void 0===Y?null:Y,ee=n.unusableWellAlarm,te=void 0===ee?"Unable to add":ee,ne=n.isAdvancedSearch,ie=void 0!==ne&&ne,oe=n.bestCount,se=void 0===oe?0:oe,re=n.maxOffsetSize,le=void 0===re?1e3:re,ce=n.onClose,ae=n.onSave,me=K(),de=v(),ue=C(de.breakpoints.down("sm")),pe=L([q.companySelectorView]),fe=t(pe,1)[0].active,be=i($||c(J,"companyId")||+c(X,"company_id")),ge=t(be,2),je=ge[0],he=ge[1],ye=i(c(J,"subjectWellId")||G),Se=t(ye,2),ve=Se[0],Ce=Se[1];M(J,ae,le);var We=i(c(J,"filters")||z.filters),Oe=t(We,2),xe=Oe[0],Ae=Oe[1],Ie=i(c(J,"radius")||z.radius),Ne=t(Ie,2),De=Ne[0],ke=Ne[1],we=i(c(J,"excludeSideTrack")||!1),Pe=t(we,2),Te=Pe[0],Be=Pe[1],Ee=i(c(J,"includeNonEngineeredWells")||!1),ze=t(Ee,2),Re=ze[0],Le=ze[1],qe=i([]),Me=t(qe,2),_e=Me[0],Ue=Me[1],Ve=i(z.sortInfo),Fe=t(Ve,2),Ge=Fe[0],He=Fe[1],Ke=i(!1),Qe=t(Ke,2),$e=Qe[0],Je=Qe[1],Xe=i([]),Ye=t(Xe,2),Ze=Ye[0],et=Ye[1];o((function(){l&&(et(c(J,"selectedWellIds")||[]),he($||c(J,"companyId")||+c(X,"company_id")),Ce(c(J,"subjectWellId")||G))}),[l,J]);var tt=s((function(){return!!ve}),[ve]),nt=I(fe,ie&&G,je),it=N(je,Z),ot=D(je);o((function(){Ue((function(e){return ot?[ot]:e}))}),[ot]);var st=F(xe,it),rt=s((function(){return B(xe,Te,it)}),[xe,Te,it]),lt=s((function(){return E(rt,Re)}),[rt,Re]),ct=s((function(){return lt&&ve?lt.find((function(e){return e.id===ve})):null}),[lt,ve]),at=k(rt,ct),mt=s((function(){return E(at,!1)}),[at]),dt=Re?at:mt,ut=at&&at.length!==mt.length;w(De,at,et);var pt=P(De,it,Ze),ft=T(je,dt),bt=t(ft,2),gt=bt[0],jt=bt[1],ht=s((function(){return jt?a(jt,Ge.key,1===Ge.direction?"asc":"desc"):jt}),[Ge,jt]),yt=r((function(e){he(e),Ce(null),et([]),Ae(z.filters)}),[]),St=r((function(e){var t=lt.find((function(t){return t.id===e}));t&&t.is_usable&&et(m(Ze.concat(e)))}),[Ze,lt]),vt=r((function(e){et(m(Ze.filter((function(t){return t!==e}))))}),[Ze]),Ct=r((function(){et(lt.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[lt]),Wt=r((function(){et([])}),[]),Ot=r((function(e){et([]),Ce(e)}),[it]),xt=r((function(){et([]),Ce(null)}),[]),At=r((function(e){ke(e)}),[]),It=r((function(e){Be(e)}),[]),Nt=r((function(e){e||et((function(e){return e.filter((function(e){return mt.map((function(e){return e.id})).includes(e)}))})),Le(e)}),[mt]),Dt=r((function(t,n){Ae((function(i){return H(H({},i),{},e({},t,n))})),et([])}),[]),kt=r((function(){Ae(H({},z.filters)),et([])}),[]),wt=r((function(){Je((function(e){return!e}))}),[]),Pt=r((function(e){Ue(e)}),[]),Tt=r((function(e){He((function(t){return t.key===e?H(H({},t),{},{direction:-1*t.direction}):{key:e,direction:1}}))}),[]),Bt=function(){ce()},Et=!(it&&lt&&dt&&jt&&pt&&ht);return _(u,{onBackdropClick:ce,onEscapeKeyDown:ce,maxWidth:"lg",fullWidth:!0,fullScreen:ue,open:l,children:[U(p,{children:_("div",{className:me.dialogTitles,children:[ie?_("div",{className:me.titleArea,children:[U(f,{className:me.subTitle,onClick:Bt,children:"Select Offset Wells"}),U(f,{className:me.subTitleSpace,children:" / "}),U(f,{className:me.title,children:"Advanced Search"})]}):U(f,{className:me.title,children:"Select Offset Wells"}),U(b,{title:"Close",children:U(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:me.closeIconButton,onClick:ce,children:U(S,{className:me.closeIcon})})})]})}),U(j,{className:me.dialogContent,children:Et?U(R,{fullscreen:!1}):_(V,{children:[U(O,{companyId:je,companies:nt,canViewCompanies:fe,radius:De,excludeSideTrack:Te,includeNonEngineeredWells:Re,wells:lt,subjectWell:ct,filters:xe,filtersOptions:st,mapHidden:$e,isRadiusEditable:tt,isExistNonEngineeredWells:ut,onChangeCompany:yt,onSetSubjectWell:Ot,onChangeRadius:At,onChangeSidetrack:It,onChangeNonEngineeredWells:Nt,onChangeFilters:Dt,onClearFilters:kt,onToggleMap:wt}),U(x,{subjectWell:ct,wells:lt,offsetWells:pt,radius:De,mapHidden:$e,onSetSubjectWell:Ot,onRemoveSubjectWell:xt,onAddOffsetWell:St,onDeleteOffsetWell:vt}),U(A,{subjectWell:ct,wells:ht,offsetWells:pt,metricsKeys:_e,sortInfo:Ge,isMetricsLoading:gt,unusableWellAlarm:te,onChangeMetricsKeys:Pt,onSorting:Tt,onAddOffsetWell:St,onDeleteOffsetWell:vt,onAddAllOffsetWells:Ct,onDeleteAllOffsetWells:Wt})]})}),U("div",{className:me.bottomShadow}),_(h,{className:W(me.dialogActions,e({},me.dialogActionsSmallScreen,ue)),children:[ie?_("div",{className:me.selectedWells,children:[U(f,{className:me.selected,children:"Selected:"}),U(f,{className:me.selectedLabel,children:"Best:"}),U(f,{className:me.selectedNumber,children:se}),U(f,{className:me.selectedLabel,children:"Advanced Search:"}),U(f,{className:me.selectedNumber,children:(null==pt?void 0:pt.length)||0})]}):U("div",{}),_("div",{children:[U(y,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:Bt,color:"primary",style:{marginRight:16},children:"CANCEL"}),_(y,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=H(H({},J),{},{companyId:je,subjectWellId:ve,radius:De,excludeSideTrack:Te,includeNonEngineeredWells:Re,filters:xe,selectedWellIds:m(pt.map((function(e){return e.id})))});ae(e,pt)},children:["ADD (",(null==pt?void 0:pt.length)||0,")"]})]})]})]})};Q.propTypes={isOpen:l.bool.isRequired,defaultSubjectWellId:l.number,companyId:l.number,offsetSetting:l.shape({}).isRequired,currentUser:l.shape({}).isRequired,addWellsUsabilityInfo:l.func,unusableWellAlarm:l.string,isAdvancedSearch:l.bool,bestCount:l.number,maxOffsetSize:l.number,onSave:l.func.isRequired,onClose:l.func.isRequired};var $=n(Q);export{$ as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{memo as n,useState as o,useEffect as i,useMemo as s,useCallback as r}from"react";import l from"prop-types";import{get as c,orderBy as a,uniq as m}from"lodash";import{makeStyles as d,Dialog as u,DialogTitle as p,Typography as f,Tooltip as b,IconButton as g,DialogContent as j,DialogActions as h,Button as y}from"@material-ui/core";import v from"@material-ui/icons/Close";import{useTheme as S}from"@material-ui/core/styles";import C from"@material-ui/core/useMediaQuery";import W from"classnames";import O from"./components/Filter/index.js";import x from"./components/Map/index.js";import A from"./components/Table/index.js";import{useCompanies as I,useWells as N,useCompanyMetricKey as D,useWellsWithCoords as P,useRadiusWells as k,useOffsetWells as w,useMetricsData as T}from"./effects/index.js";import{getFilteredWells as B,getFilteredWellsByNonEngineered as E}from"./utils/index.js";import{DEFAULT_SETTINGS as z}from"./constants.js";import R from"../LoadingIndicator/LoadingIndicator.js";import L from"../../permissions/usePermissions.js";import{PERMISSIONS as q}from"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import"../../permissions/PermissionsContext.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppPanel/AppPanelsContext.js";import{useGlobalOffsetWellsSync as M}from"../../effects/useGlobalOffsetWellsSync.js";import{jsxs as _,jsx as U,Fragment as V}from"react/jsx-runtime";import F from"./effects/biDirectionalFiltering.js";function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function H(t){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?G(Object(o),!0).forEach((function(n){e(t,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):G(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var K=d((function(e){return{dialogTitles:{display:"flex",justifyContent:"space-between",alignItems:"center"},title:{fontSize:20},subTitle:{fontSize:14,color:"#03BCD4","&:hover":{cursor:"pointer",textDecoration:"underline"}},subTitleSpace:{fontSize:14,color:"#03BCD4"},titleArea:{display:"flex",alignItems:"center"},closeIconButton:{fontSize:20,padding:4,"&:hover $closeIcon":{color:"#fff"}},closeIcon:{color:"#BDBDBD"},dialogActions:{justifyContent:"space-between",paddingTop:8,paddingBottom:8},bottomShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",bottom:"52px",zIndex:2},dialogActionsSmallScreen:{paddingRight:"100px"},dialogContent:{display:"flex",flexDirection:"column"},tabs:{background:"#414141"},selectedWells:{display:"flex",alignItems:"center"},selected:{fontSize:16},selectedLabel:{fontSize:12,marginLeft:14,color:"rgba(255, 255, 255, 0.54)"},selectedNumber:{fontSize:12,margin:4,color:"rgba(255, 255, 255, 0.8)"}}})),Q=function(n){var l=n.isOpen,d=n.defaultSubjectWellId,G=void 0===d?null:d,Q=n.companyId,$=void 0===Q?null:Q,J=n.offsetSetting,X=n.currentUser,Y=n.addWellsUsabilityInfo,Z=void 0===Y?null:Y,ee=n.unusableWellAlarm,te=void 0===ee?"Unable to add":ee,ne=n.isAdvancedSearch,oe=void 0!==ne&&ne,ie=n.bestCount,se=void 0===ie?0:ie,re=n.maxOffsetSize,le=void 0===re?1e3:re,ce=n.onClose,ae=n.onSave,me=K(),de=S(),ue=C(de.breakpoints.down("sm")),pe=L([q.companySelectorView]),fe=t(pe,1)[0].active,be=o($||c(J,"companyId")||+c(X,"company_id")),ge=t(be,2),je=ge[0],he=ge[1],ye=o(c(J,"subjectWellId")||G),ve=t(ye,2),Se=ve[0],Ce=ve[1];M(J,ae,le);var We=o(c(J,"filters")||z.filters),Oe=t(We,2),xe=Oe[0],Ae=Oe[1],Ie=o(c(J,"radius")||z.radius),Ne=t(Ie,2),De=Ne[0],Pe=Ne[1],ke=o(c(J,"excludeSideTrack")||!1),we=t(ke,2),Te=we[0],Be=we[1],Ee=o(c(J,"includeNonEngineeredWells")||!1),ze=t(Ee,2),Re=ze[0],Le=ze[1],qe=o([]),Me=t(qe,2),_e=Me[0],Ue=Me[1],Ve=o(z.sortInfo),Fe=t(Ve,2),Ge=Fe[0],He=Fe[1],Ke=o(!1),Qe=t(Ke,2),$e=Qe[0],Je=Qe[1],Xe=o([]),Ye=t(Xe,2),Ze=Ye[0],et=Ye[1];i((function(){l&&(et(c(J,"selectedWellIds")||[]),he($||c(J,"companyId")||+c(X,"company_id")),Ce(c(J,"subjectWellId")||G))}),[l,J]);var tt=s((function(){return!!Se}),[Se]),nt=I(fe,oe&&G,je),ot=N(je,Z),it=D(je);i((function(){Ue((function(e){return it?[it]:e}))}),[it]);var st=F(xe,ot),rt=s((function(){return B(xe,Te,ot)}),[xe,Te,ot]),lt=s((function(){return E(rt,Re)}),[rt,Re]),ct=s((function(){return lt&&Se?lt.find((function(e){return e.id===Se})):null}),[lt,Se]),at=P(rt,ct),mt=s((function(){return E(at,!1)}),[at]),dt=Re?at:mt,ut=at&&at.length!==mt.length;k(De,at,et);var pt=w(De,ot,Ze),ft=T(je,dt),bt=t(ft,2),gt=bt[0],jt=bt[1],ht=s((function(){return jt?a(jt,Ge.key,1===Ge.direction?"asc":"desc"):jt}),[Ge,jt]),yt=r((function(e){he(e),Ce(null),et([]),Ae(z.filters)}),[]),vt=r((function(e){var t=lt.find((function(t){return t.id===e}));t&&t.is_usable&&et(m(Ze.concat(e)))}),[Ze,lt]),St=r((function(e){et(m(Ze.filter((function(t){return t!==e}))))}),[Ze]),Ct=r((function(){et(lt.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[lt]),Wt=r((function(){et([])}),[]),Ot=r((function(e){et([]),Ce(e)}),[ot]),xt=r((function(){et([]),Ce(null)}),[]),At=r((function(e){Pe(e)}),[]),It=r((function(e){Be(e)}),[]),Nt=r((function(e){e||et((function(e){return e.filter((function(e){return mt.map((function(e){return e.id})).includes(e)}))})),Le(e)}),[mt]),Dt=r((function(t,n){Ae((function(o){return H(H({},o),{},e({},t,n))})),et([])}),[]),Pt=r((function(){Ae(H({},z.filters)),et([])}),[]),kt=r((function(){Je((function(e){return!e}))}),[]),wt=r((function(e){Ue(e)}),[]),Tt=r((function(e){He((function(t){return t.key===e?H(H({},t),{},{direction:-1*t.direction}):{key:e,direction:1}}))}),[]),Bt=function(){ce()},Et=!(ot&&lt&&dt&&jt&&pt&&ht);return _(u,{onBackdropClick:ce,onEscapeKeyDown:ce,maxWidth:"lg",fullWidth:!0,fullScreen:ue,open:l,children:[U(p,{children:_("div",{className:me.dialogTitles,children:[oe?_("div",{className:me.titleArea,children:[U(f,{className:me.subTitle,onClick:Bt,children:"Select Offset Wells"}),U(f,{className:me.subTitleSpace,children:" / "}),U(f,{className:me.title,children:"Advanced Search"})]}):U(f,{className:me.title,children:"Select Offset Wells"}),U(b,{title:"Close",children:U(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:me.closeIconButton,onClick:ce,children:U(v,{className:me.closeIcon})})})]})}),U(j,{className:me.dialogContent,children:Et?U(R,{fullscreen:!1}):_(V,{children:[U(O,{companyId:je,companies:nt,canViewCompanies:fe,radius:De,excludeSideTrack:Te,includeNonEngineeredWells:Re,wells:lt,subjectWell:ct,filters:xe,filtersOptions:st,mapHidden:$e,isRadiusEditable:tt,isExistNonEngineeredWells:ut,onChangeCompany:yt,onSetSubjectWell:Ot,onChangeRadius:At,onChangeSidetrack:It,onChangeNonEngineeredWells:Nt,onChangeFilters:Dt,onClearFilters:Pt,onToggleMap:kt}),U(x,{subjectWell:ct,wells:lt,offsetWells:pt,radius:De,mapHidden:$e,onSetSubjectWell:Ot,onRemoveSubjectWell:xt,onAddOffsetWell:vt,onDeleteOffsetWell:St}),U(A,{subjectWell:ct,wells:ht,offsetWells:pt,metricsKeys:_e,sortInfo:Ge,isMetricsLoading:gt,unusableWellAlarm:te,onChangeMetricsKeys:wt,onSorting:Tt,onAddOffsetWell:vt,onDeleteOffsetWell:St,onAddAllOffsetWells:Ct,onDeleteAllOffsetWells:Wt})]})}),U("div",{className:me.bottomShadow}),_(h,{className:W(me.dialogActions,e({},me.dialogActionsSmallScreen,ue)),children:[oe?_("div",{className:me.selectedWells,children:[U(f,{className:me.selected,children:"Selected:"}),U(f,{className:me.selectedLabel,children:"Best:"}),U(f,{className:me.selectedNumber,children:se}),U(f,{className:me.selectedLabel,children:"Advanced Search:"}),U(f,{className:me.selectedNumber,children:(null==pt?void 0:pt.length)||0})]}):U("div",{}),_("div",{children:[U(y,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:Bt,color:"primary",style:{marginRight:16},children:"CANCEL"}),_(y,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=H(H({},J),{},{companyId:je,subjectWellId:Se,radius:De,excludeSideTrack:Te,includeNonEngineeredWells:Re,filters:xe,selectedWellIds:m(pt.map((function(e){return e.id})))});ae(e,pt)},children:["ADD (",(null==pt?void 0:pt.length)||0,")"]})]})]})]})};Q.propTypes={isOpen:l.bool.isRequired,defaultSubjectWellId:l.number,companyId:l.number,offsetSetting:l.shape({}).isRequired,currentUser:l.shape({}).isRequired,addWellsUsabilityInfo:l.func,unusableWellAlarm:l.string,isAdvancedSearch:l.bool,bestCount:l.number,maxOffsetSize:l.number,onSave:l.func.isRequired,onClose:l.func.isRequired};var $=n(Q);export{$ as default};
 //# sourceMappingURL=OffsetWellPickerDialog.js.map