npm - @corva/ui - Versions diffs - 3.79.0-1 → 3.79.0-11 - Mend

@corva/ui 3.79.0-1 → 3.79.0-11

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

package/components/Template/TemplatePopover/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;~~AAkDnC~~,iBAAS,eAAe,CAAC,EACvB,WAAW,EAEX,IAAI,EACJ,QAAe,EACf,YAAqD,EACrD,eAA2D,EAC3D,OAAO,EAEP,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,OAAe,EACf,OAAO,EAAE,eAAkD,EAE3D,WAAmB,EACnB,UAAU,EACV,QAAgB,EAChB,oBAA4B,GAC7B;;;;;;;;;;;;;;;;;;;;;;;;CAAA,+BAwTA;kBAnVQ,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA8XT,eAAe"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAgDnC,iBAAS,eAAe,CAAC,EACvB,WAAW,EAEX,IAAI,EACJ,QAAe,EACf,YAAqD,EACrD,eAA2D,EAC3D,OAAO,EAEP,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,OAAe,EACf,OAAO,EAAE,eAAkD,EAE3D,WAAmB,EACnB,UAAU,EACV,QAAgB,EAChB,oBAA4B,GAC7B;;;;;;;;;;;;;;;;;;;;;;;;CAAA,+BAwTA;kBAnVQ,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA8XT,eAAe"}

package/components/Template/TemplatePopover/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useState as n,useEffect as i,useMemo as a,Fragment as r}from"react";import o from"prop-types";import{Popover as l,Typography as c,CircularProgress as s,Tooltip as p,List as m,ListItem as d,TextField as u,IconButton as f}from"@material-ui/core";import{Check as h,LayersClear as g,AddCircle as v,Layers as N,Close as y,Delete as T,Edit as S,FileCopy as b,Share as O}from"@material-ui/icons";import C from"classnames";import{get as I,omit as E}from"lodash";import R from"../TemplateSharingDialog/index.js";import{useTemplatePopoverStyles as D}from"./Styles.js";import{jsxs as P,jsx as q,Fragment as j}from"react/jsx-runtime";var k,L;function z(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 w(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?z(Object(i),!0).forEach((function(n){t(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):z(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var U="USER",A="DEFAULT",B="SHARED",W=(t(k={},U,"No templates yet..."),t(k,A,"No templates yet..."),t(k,B,"No shared templates yet..."),k),x=(t(L={},U,"My Template"),t(L,A,"Default Templates"),t(L,B,"Shared With Me"),L);function F(o){var k,L=o.currentUser,z=o.open,F=o.anchorEl,K=void 0===F?null:F,J=o.anchorOrigin,Q=void 0===J?H:J,V=o.transformOrigin,X=void 0===V?M:V,Y=o.onClose,Z=o.templates,$=o.activeTemplateId,_=o.getDefaultTemplates,ee=o.getUserTemplates,te=o.getSharedTemplates,ne=o.onAddNewTemplate,ie=o.onTemplateDelete,ae=o.onTemplateCopy,re=o.onTemplateEdit,oe=o.onTemplateShare,le=o.onActiveTemplateChange,ce=o.loading,se=void 0!==ce&&ce,pe=o.classes,me=void 0===pe?G:pe,de=o.hasNameSlot,ue=void 0!==de&&de,fe=o.renderSlot,he=o.readOnly,ge=void 0!==he&&he,ve=o.hideDefaultTemplates,Ne=void 0!==ve&&ve,ye=D(),Te=n(Z),Se=e(Te,2),be=Se[0],Oe=Se[1],Ce=n(null),Ie=e(Ce,2),Ee=Ie[0],Re=Ie[1],De=n({}),Pe=e(De,2),qe=Pe[0],je=Pe[1];i((function(){Oe(Z)}),[Z]);var ke=a((function(){var e=[{type:U,templatesList:ee(be)}];return Ne||e.push({type:A,templatesList:_(be)}),ge||e.push({type:B,templatesList:te(be)}),e}),[be,ge,Ne]),Le=function(e){return function(){le(e)}},ze=function(e,t){return function(n){n.stopPropagation(),ge||t(e)}},we=function(e){return function(t){t.stopPropagation(),Oe(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!0,prevName:t.name}):t})))}},Ue=function(e){return function(t){t.stopPropagation(),Oe(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=be.find((function(t){return t.id===e}));re(E(n,["prevName","isEditing"]))}},Ae=function(e){return function(t){t.stopPropagation(),Oe(be.map((function(t){return t.id===e?w(w({},t),{},{name:t.prevName,isEditing:!1}):t})))}},Be=function(e){return function(t){if("Enter"===t.key){Oe(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=be.find((function(t){return t.id===e}));re(E(n,["prevName","isEditing"]))}}},We=function(e){return function(t){t.stopPropagation();var n=be.find((function(t){return t.id===e}));Re(n)}},xe=function(){Re(null)};return P(l,{id:"app-settings-template-popper",classes:{paper:C(ye.paper,me.paper)},open:z,anchorEl:K,onClose:Y,anchorOrigin:Q,transformOrigin:X,children:[P("div",{className:ye.paperWrapper,children:[P("div",{className:ye.titleWrapper,children:[q(c,{className:ye.title,children:"Templates"}),se&&q(s,{size:16})]}),q("div",{className:C(ye.selectedGroup,(k={},t(k,ye.selectedGroupSelected,-100===$),t(k,ye.selectedGroupUnSelected,-100!==$),k)),onClick:Le(-100),children:P("div",{className:ye.noTemplateItem,children:[q(-100===$?h:g,{fontSize:"small",className:ye.selectedIcon}),q("div",{className:ye.selectedLabel,children:"No Template Selected"})]})}),ke.map((function(e){var n=e.type,i=e.templatesList;return P(r,{children:[P("div",{className:ye.templateHeader,children:[q(c,{className:ye.subtitle,children:x[n]}),n===U&&!ge&&q(p,{title:"Create Template",placement:"right",children:q(v,{fontSize:"small",color:"primary",className:ye.addNewTemplateIcon,onClick:ne})})]}),0===i.length?q(c,{className:ye.noTemplateLabel,children:W[n]}):q(m,{className:ye.templateList,children:i.map((function(e){var i,a,r;return q(p,{title:e.disabled?e.tooltipTitle:"",children:P(d,{className:C(ye.templateListItem,(i={},t(i,ye.templateListItemSelected,e.id===$),t(i,ye.templateListItemUnSelected,e.id!==$),i)),onClick:e.disabled?null:Le(e.id),disabled:null!==(a=e.disabled)&&void 0!==a&&a,children:[e.id===$?q(h,w({fontSize:"small"},e.isEditing&&{color:"primary"})):q(N,w({fontSize:"small"},e.isEditing&&{color:"primary"})),e.isEditing?q(u,{autoFocus:!0,className:ye.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(r=e.id,function(e){e.stopPropagation(),be.filter((function(e){return e.id!==r})).map((function(e){return e.name})).includes(e.target.value)?je(w(w({},qe),{},t({},r,"Duplicated name"))):je(w(w({},qe),{},t({},r,null))),Oe(be.map((function(t){return t.id===r?w(w({},t),{},{name:e.target.value}):t})))}),onKeyDown:Be(e.id),error:!!qe[e.id],helperText:qe[e.id]}):q(c,{className:ye.templateListItemName,children:e.name}),e.isEditing?null:ue&&fe(I(e,["settings","data"],[])),e.isEditing?P("div",{className:C(ye.actionWrapper,ye.actionWrapperEditing),children:[q(p,{title:"Save",children:q(f,{className:ye.actionIconButton,onClick:Ue(e.id),children:q(h,{fontSize:"small",color:"primary"})})}),q(p,{title:"Cancel",children:q(f,{className:ye.actionIconButton,onClick:Ae(e.id),children:q(y,{className:ye.actionIcon,fontSize:"small"})})})]}):q("div",{className:C(ye.actionWrapper,t({},ye.actionWrapperHidden,e.disabled||ge)),children:n===U?P(j,{children:[q(p,{title:"Delete",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ie),children:q(T,{className:ye.actionIcon,fontSize:"small"})})}),q(p,{title:"Rename",children:q(f,{className:ye.actionIconButton,onClick:we(e.id),children:q(S,{className:ye.actionIcon,fontSize:"small"})})}),q(p,{title:"Copy",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ae),children:q(b,{className:ye.actionIcon,fontSize:"small"})})}),q(p,{title:"Share",children:q(f,{className:ye.actionIconButton,onClick:We(e.id),children:q(O,{className:ye.actionIcon,fontSize:"small"})})})]}):q(p,{title:"Copy To My Templates",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ae),children:q(b,{className:ye.actionIcon,fontSize:"small"})})})})]})},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(n))}))]}),q(R,{title:'Share "'.concat(I(Ee,"name"),'"'),open:!!Ee,onSave:function(e){Ee&&oe(Ee.id,e),xe()},onCancel:xe,currentUser:L})]})}F.propTypes={open:o.bool.isRequired,anchorEl:o.node,anchorOrigin:o.shape({}),transformOrigin:o.shape({}),onClose:o.func.isRequired,templates:o.arrayOf(o.shape({id:o.number,name:o.string,settings:o.shape({}),shared:o.bool})).isRequired,activeTemplateId:o.number.isRequired,getDefaultTemplates:o.func.isRequired,getUserTemplates:o.func.isRequired,getSharedTemplates:o.func.isRequired,onAddNewTemplate:o.func.isRequired,onTemplateDelete:o.func.isRequired,onTemplateCopy:o.func.isRequired,onTemplateEdit:o.func.isRequired,onTemplateShare:o.func.isRequired,onActiveTemplateChange:o.func.isRequired,loading:o.bool,classes:o.shape({paper:o.string}),hasNameSlot:o.bool,renderSlot:o.func.isRequired,currentUser:o.shape({}).isRequired,readOnly:o.bool,hideDefaultTemplates:o.bool};var G={},H={},M={};export{F as default};
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useState as i,useEffect as n,useMemo as a,Fragment as r}from"react";import o from"prop-types";import{Popover as l,Typography as c,CircularProgress as s,Tooltip as m,List as p,ListItem as d,TextField as u,IconButton as f}from"@material-ui/core";import h from"@material-ui/icons/Layers";import g from"@material-ui/icons/LayersClear";import v from"@material-ui/icons/AddCircle";import N from"@material-ui/icons/Check";import y from"@material-ui/icons/Delete";import T from"@material-ui/icons/Edit";import S from"@material-ui/icons/Share";import b from"@material-ui/icons/Close";import C from"@material-ui/icons/FileCopy";import O from"classnames";import{get as E,omit as I}from"lodash";import D from"../TemplateSharingDialog/index.js";import{useTemplatePopoverStyles as R}from"./Styles.js";import{jsxs as P,jsx as q,Fragment as L}from"react/jsx-runtime";var j,k;function z(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function w(e){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?z(Object(n),!0).forEach((function(i){t(e,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U="USER",A="DEFAULT",B="SHARED",W=(t(j={},U,"No templates yet..."),t(j,A,"No templates yet..."),t(j,B,"No shared templates yet..."),j),x=(t(k={},U,"My Template"),t(k,A,"Default Templates"),t(k,B,"Shared With Me"),k);function F(o){var j,k=o.currentUser,z=o.open,F=o.anchorEl,K=void 0===F?null:F,J=o.anchorOrigin,Q=void 0===J?H:J,V=o.transformOrigin,X=void 0===V?M:V,Y=o.onClose,Z=o.templates,$=o.activeTemplateId,_=o.getDefaultTemplates,ee=o.getUserTemplates,te=o.getSharedTemplates,ie=o.onAddNewTemplate,ne=o.onTemplateDelete,ae=o.onTemplateCopy,re=o.onTemplateEdit,oe=o.onTemplateShare,le=o.onActiveTemplateChange,ce=o.loading,se=void 0!==ce&&ce,me=o.classes,pe=void 0===me?G:me,de=o.hasNameSlot,ue=void 0!==de&&de,fe=o.renderSlot,he=o.readOnly,ge=void 0!==he&&he,ve=o.hideDefaultTemplates,Ne=void 0!==ve&&ve,ye=R(),Te=i(Z),Se=e(Te,2),be=Se[0],Ce=Se[1],Oe=i(null),Ee=e(Oe,2),Ie=Ee[0],De=Ee[1],Re=i({}),Pe=e(Re,2),qe=Pe[0],Le=Pe[1];n((function(){Ce(Z)}),[Z]);var je=a((function(){var e=[{type:U,templatesList:ee(be)}];return Ne||e.push({type:A,templatesList:_(be)}),ge||e.push({type:B,templatesList:te(be)}),e}),[be,ge,Ne]),ke=function(e){return function(){le(e)}},ze=function(e,t){return function(i){i.stopPropagation(),ge||t(e)}},we=function(e){return function(t){t.stopPropagation(),Ce(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!0,prevName:t.name}):t})))}},Ue=function(e){return function(t){t.stopPropagation(),Ce(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var i=be.find((function(t){return t.id===e}));re(I(i,["prevName","isEditing"]))}},Ae=function(e){return function(t){t.stopPropagation(),Ce(be.map((function(t){return t.id===e?w(w({},t),{},{name:t.prevName,isEditing:!1}):t})))}},Be=function(e){return function(t){if("Enter"===t.key){Ce(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var i=be.find((function(t){return t.id===e}));re(I(i,["prevName","isEditing"]))}}},We=function(e){return function(t){t.stopPropagation();var i=be.find((function(t){return t.id===e}));De(i)}},xe=function(){De(null)};return P(l,{id:"app-settings-template-popper",classes:{paper:O(ye.paper,pe.paper)},open:z,anchorEl:K,onClose:Y,anchorOrigin:Q,transformOrigin:X,children:[P("div",{className:ye.paperWrapper,children:[P("div",{className:ye.titleWrapper,children:[q(c,{className:ye.title,children:"Templates"}),se&&q(s,{size:16})]}),q("div",{className:O(ye.selectedGroup,(j={},t(j,ye.selectedGroupSelected,-100===$),t(j,ye.selectedGroupUnSelected,-100!==$),j)),onClick:ke(-100),children:P("div",{className:ye.noTemplateItem,children:[q(-100===$?N:g,{fontSize:"small",className:ye.selectedIcon}),q("div",{className:ye.selectedLabel,children:"No Template Selected"})]})}),je.map((function(e){var i=e.type,n=e.templatesList;return P(r,{children:[P("div",{className:ye.templateHeader,children:[q(c,{className:ye.subtitle,children:x[i]}),i===U&&!ge&&q(m,{title:"Create Template",placement:"right",children:q(v,{fontSize:"small",color:"primary",className:ye.addNewTemplateIcon,onClick:ie})})]}),0===n.length?q(c,{className:ye.noTemplateLabel,children:W[i]}):q(p,{className:ye.templateList,children:n.map((function(e){var n,a,r;return q(m,{title:e.disabled?e.tooltipTitle:"",children:P(d,{className:O(ye.templateListItem,(n={},t(n,ye.templateListItemSelected,e.id===$),t(n,ye.templateListItemUnSelected,e.id!==$),n)),onClick:e.disabled?null:ke(e.id),disabled:null!==(a=e.disabled)&&void 0!==a&&a,children:[e.id===$?q(N,w({fontSize:"small"},e.isEditing&&{color:"primary"})):q(h,w({fontSize:"small"},e.isEditing&&{color:"primary"})),e.isEditing?q(u,{autoFocus:!0,className:ye.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(r=e.id,function(e){e.stopPropagation(),be.filter((function(e){return e.id!==r})).map((function(e){return e.name})).includes(e.target.value)?Le(w(w({},qe),{},t({},r,"Duplicated name"))):Le(w(w({},qe),{},t({},r,null))),Ce(be.map((function(t){return t.id===r?w(w({},t),{},{name:e.target.value}):t})))}),onKeyDown:Be(e.id),error:!!qe[e.id],helperText:qe[e.id]}):q(c,{className:ye.templateListItemName,children:e.name}),e.isEditing?null:ue&&fe(E(e,["settings","data"],[])),e.isEditing?P("div",{className:O(ye.actionWrapper,ye.actionWrapperEditing),children:[q(m,{title:"Save",children:q(f,{className:ye.actionIconButton,onClick:Ue(e.id),children:q(N,{fontSize:"small",color:"primary"})})}),q(m,{title:"Cancel",children:q(f,{className:ye.actionIconButton,onClick:Ae(e.id),children:q(b,{className:ye.actionIcon,fontSize:"small"})})})]}):q("div",{className:O(ye.actionWrapper,t({},ye.actionWrapperHidden,e.disabled||ge)),children:i===U?P(L,{children:[q(m,{title:"Delete",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ne),children:q(y,{className:ye.actionIcon,fontSize:"small"})})}),q(m,{title:"Rename",children:q(f,{className:ye.actionIconButton,onClick:we(e.id),children:q(T,{className:ye.actionIcon,fontSize:"small"})})}),q(m,{title:"Copy",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ae),children:q(C,{className:ye.actionIcon,fontSize:"small"})})}),q(m,{title:"Share",children:q(f,{className:ye.actionIconButton,onClick:We(e.id),children:q(S,{className:ye.actionIcon,fontSize:"small"})})})]}):q(m,{title:"Copy To My Templates",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ae),children:q(C,{className:ye.actionIcon,fontSize:"small"})})})})]})},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(i))}))]}),q(D,{title:'Share "'.concat(E(Ie,"name"),'"'),open:!!Ie,onSave:function(e){Ie&&oe(Ie.id,e),xe()},onCancel:xe,currentUser:k})]})}F.propTypes={open:o.bool.isRequired,anchorEl:o.node,anchorOrigin:o.shape({}),transformOrigin:o.shape({}),onClose:o.func.isRequired,templates:o.arrayOf(o.shape({id:o.number,name:o.string,settings:o.shape({}),shared:o.bool})).isRequired,activeTemplateId:o.number.isRequired,getDefaultTemplates:o.func.isRequired,getUserTemplates:o.func.isRequired,getSharedTemplates:o.func.isRequired,onAddNewTemplate:o.func.isRequired,onTemplateDelete:o.func.isRequired,onTemplateCopy:o.func.isRequired,onTemplateEdit:o.func.isRequired,onTemplateShare:o.func.isRequired,onActiveTemplateChange:o.func.isRequired,loading:o.bool,classes:o.shape({paper:o.string}),hasNameSlot:o.bool,renderSlot:o.func.isRequired,currentUser:o.shape({}).isRequired,readOnly:o.bool,hideDefaultTemplates:o.bool};var G={},H={},M={};export{F as default};
 //# sourceMappingURL=index.js.map

package/components/Template/TemplatePopover/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"sourcesContent":["import { useMemo, useState, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Typography,\n IconButton,\n List,\n ListItem,\n TextField,\n Popover,\n CircularProgress,\n Tooltip,\n} from '@material-ui/core';\nimport {\n Layers as LayersIcon,\n LayersClear as LayersClearIcon,\n AddCircle as AddCircleIcon,\n Check as CheckIcon,\n Delete as DeleteIcon,\n Edit as EditIcon,\n Share as ShareIcon,\n Close as CloseIcon,\n FileCopy as CopyIcon,\n} from '@material-ui/icons';\nimport classnames from 'classnames';\nimport { get, omit } from 'lodash';\n\nimport TemplateSharingDialog from '../TemplateSharingDialog';\n\nimport { useTemplatePopoverStyles } from './Styles';\n\nconst NO_TEMPLATE_SELECTED_ID = -100;\nconst DUPLICATED_NAME_ERROR_MESSAGE = 'Duplicated name';\n\nconst TEMPLATE_TYPES = {\n USER: 'USER',\n DEFAULT: 'DEFAULT',\n SHARED: 'SHARED',\n};\n\nconst NO_TEMPLATE_MSG = {\n [TEMPLATE_TYPES.USER]: 'No templates yet...',\n [TEMPLATE_TYPES.DEFAULT]: 'No templates yet...',\n [TEMPLATE_TYPES.SHARED]: 'No shared templates yet...',\n};\n\nconst TEMPLATE_LABELS = {\n [TEMPLATE_TYPES.USER]: 'My Template',\n [TEMPLATE_TYPES.DEFAULT]: 'Default Templates',\n [TEMPLATE_TYPES.SHARED]: 'Shared With Me',\n};\n\nfunction TemplatePopover({\n currentUser,\n // popover\n open,\n anchorEl = null,\n anchorOrigin = DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN,\n transformOrigin = DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN,\n onClose,\n // templates\n templates,\n activeTemplateId,\n getDefaultTemplates,\n getUserTemplates,\n getSharedTemplates,\n onAddNewTemplate,\n onTemplateDelete,\n onTemplateCopy,\n onTemplateEdit,\n onTemplateShare,\n onActiveTemplateChange,\n loading = false,\n classes: customMuiStyles = DEFAULT_TEMPLATE_POPOVER_CLASSES,\n // custome slot\n hasNameSlot = false,\n renderSlot,\n readOnly = false,\n hideDefaultTemplates = false,\n}) {\n const classes = useTemplatePopoverStyles();\n const [allTemplates, setAllTemplates] = useState(templates);\n const [templateToShare, setTemplateToShare] = useState(null);\n const [error, setError] = useState({});\n useEffect(() => {\n setAllTemplates(templates);\n }, [templates]);\n\n // NOTE: Group template by type\n const groupedTemplates = useMemo(() => {\n const groups = [\n {\n type: TEMPLATE_TYPES.USER,\n templatesList: getUserTemplates(allTemplates),\n },\n ];\n if (!hideDefaultTemplates)\n groups.push({\n type: TEMPLATE_TYPES.DEFAULT,\n templatesList: getDefaultTemplates(allTemplates),\n });\n if (!readOnly)\n groups.push({\n type: TEMPLATE_TYPES.SHARED,\n templatesList: getSharedTemplates(allTemplates),\n });\n return groups;\n }, [allTemplates, readOnly, hideDefaultTemplates]);\n\n const handleClickTemplate = nextActiveTemplateId => () => {\n onActiveTemplateChange(nextActiveTemplateId);\n };\n\n const handleChange = (templateId, callback) => e => {\n e.stopPropagation();\n if (!readOnly) callback(templateId);\n };\n\n // NOTE: Handlers for template name change\n const handleTemplateNameEdit = templateId => e => {\n e.stopPropagation();\n setAllTemplates(\n allTemplates.map(item =>\n item.id === templateId ? { ...item, isEditing: true, prevName: item.name } : item\n )\n );\n };\n const handleTemplateNameChange = templateId => e => {\n e.stopPropagation();\n\n const allTemplateNames = allTemplates\n .filter(template => template.id !== templateId)\n .map(template => template.name);\n if (allTemplateNames.includes(e.target.value)) {\n setError({\n ...error,\n [templateId]: DUPLICATED_NAME_ERROR_MESSAGE,\n });\n } else {\n setError({\n ...error,\n [templateId]: null,\n });\n }\n\n setAllTemplates(\n allTemplates.map(item => (item.id === templateId ? { ...item, name: e.target.value } : item))\n );\n };\n const handleTemplateNameEditApply = templateId => e => {\n e.stopPropagation();\n setAllTemplates(\n allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n );\n const currentTemplate = allTemplates.find(template => template.id === templateId);\n onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n };\n const handleTemplateNameEditCancel = templateId => e => {\n e.stopPropagation();\n setAllTemplates(\n allTemplates.map(item =>\n item.id === templateId ? { ...item, name: item.prevName, isEditing: false } : item\n )\n );\n };\n const handleKeyDown = templateId => e => {\n if (e.key === 'Enter') {\n setAllTemplates(\n allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n );\n const currentTemplate = allTemplates.find(template => template.id === templateId);\n onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n }\n };\n\n // NOTE: Handlers for template sharing\n const handleTemplateSharingDialogOpen = templateId => e => {\n e.stopPropagation();\n const currentTemplate = allTemplates.find(item => item.id === templateId);\n setTemplateToShare(currentTemplate);\n };\n const handleTemplateSharingDialogClose = () => {\n setTemplateToShare(null);\n };\n const handleTemplateSharingSave = usersToShare => {\n if (templateToShare) {\n onTemplateShare(templateToShare.id, usersToShare);\n }\n handleTemplateSharingDialogClose();\n };\n\n return (\n <Popover\n id=\"app-settings-template-popper\"\n classes={{\n paper: classnames(classes.paper, customMuiStyles.paper),\n }}\n open={open}\n anchorEl={anchorEl}\n onClose={onClose}\n anchorOrigin={anchorOrigin}\n transformOrigin={transformOrigin}\n >\n <div className={classes.paperWrapper}>\n <div className={classes.titleWrapper}>\n <Typography className={classes.title}>Templates</Typography>\n {loading && <CircularProgress size={16} />}\n </div>\n\n <div\n className={classnames(classes.selectedGroup, {\n [classes.selectedGroupSelected]: activeTemplateId === NO_TEMPLATE_SELECTED_ID,\n [classes.selectedGroupUnSelected]: activeTemplateId !== NO_TEMPLATE_SELECTED_ID,\n })}\n onClick={handleClickTemplate(NO_TEMPLATE_SELECTED_ID)}\n >\n <div className={classes.noTemplateItem}>\n {activeTemplateId === NO_TEMPLATE_SELECTED_ID ? (\n <CheckIcon fontSize=\"small\" className={classes.selectedIcon} />\n ) : (\n <LayersClearIcon fontSize=\"small\" className={classes.selectedIcon} />\n )}\n <div className={classes.selectedLabel}>No Template Selected</div>\n </div>\n </div>\n\n {groupedTemplates.map(({ type, templatesList }) => (\n <Fragment key={`template-list-${type}`}>\n <div className={classes.templateHeader}>\n <Typography className={classes.subtitle}>{TEMPLATE_LABELS[type]}</Typography>\n {type === TEMPLATE_TYPES.USER && !readOnly && (\n <Tooltip title=\"Create Template\" placement=\"right\">\n <AddCircleIcon\n fontSize=\"small\"\n color=\"primary\"\n className={classes.addNewTemplateIcon}\n onClick={onAddNewTemplate}\n />\n </Tooltip>\n )}\n </div>\n\n {templatesList.length === 0 ? (\n <Typography className={classes.noTemplateLabel}>{NO_TEMPLATE_MSG[type]}</Typography>\n ) : (\n <List className={classes.templateList}>\n {templatesList.map(template => (\n <Tooltip\n key={`template-list-item-${template.id}`}\n title={template.disabled ? template.tooltipTitle : ''}\n >\n <ListItem\n className={classnames(classes.templateListItem, {\n [classes.templateListItemSelected]: template.id === activeTemplateId,\n [classes.templateListItemUnSelected]: template.id !== activeTemplateId,\n })}\n onClick={template.disabled ? null : handleClickTemplate(template.id)}\n disabled={template.disabled ?? false}\n >\n {template.id === activeTemplateId ? (\n <CheckIcon\n fontSize=\"small\"\n {...(template.isEditing && { color: 'primary' })}\n />\n ) : (\n <LayersIcon\n fontSize=\"small\"\n {...(template.isEditing && { color: 'primary' })}\n />\n )}\n\n {template.isEditing ? (\n <TextField\n autoFocus\n className={classes.templateListItemInput}\n value={template.name}\n onClick={e => e.stopPropagation()}\n onChange={handleTemplateNameChange(template.id)}\n onKeyDown={handleKeyDown(template.id)}\n error={!!error[template.id]}\n helperText={error[template.id]}\n />\n ) : (\n <Typography className={classes.templateListItemName}>\n {template.name}\n </Typography>\n )}\n\n {!template.isEditing\n ? hasNameSlot && renderSlot(get(template, ['settings', 'data'], []))\n : null}\n\n {template.isEditing ? (\n <div\n className={classnames(\n classes.actionWrapper,\n classes.actionWrapperEditing\n )}\n >\n <Tooltip title=\"Save\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleTemplateNameEditApply(template.id)}\n >\n <CheckIcon fontSize=\"small\" color=\"primary\" />\n </IconButton>\n </Tooltip>\n\n <Tooltip title=\"Cancel\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleTemplateNameEditCancel(template.id)}\n >\n <CloseIcon className={classes.actionIcon} fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n </div>\n ) : (\n <div\n className={classnames(classes.actionWrapper, {\n [classes.actionWrapperHidden]: template.disabled \|\| readOnly,\n })}\n >\n {type === TEMPLATE_TYPES.USER ? (\n <>\n <Tooltip title=\"Delete\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleChange(template.id, onTemplateDelete)}\n >\n <DeleteIcon className={classes.actionIcon} fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n\n <Tooltip title=\"Rename\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleTemplateNameEdit(template.id)}\n >\n <EditIcon className={classes.actionIcon} fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n\n <Tooltip title=\"Copy\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleChange(template.id, onTemplateCopy)}\n >\n <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n\n <Tooltip title=\"Share\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleTemplateSharingDialogOpen(template.id)}\n >\n <ShareIcon className={classes.actionIcon} fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n </>\n ) : (\n <Tooltip title=\"Copy To My Templates\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleChange(template.id, onTemplateCopy)}\n >\n <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n )}\n </div>\n )}\n </ListItem>\n </Tooltip>\n ))}\n </List>\n )}\n </Fragment>\n ))}\n </div>\n\n <TemplateSharingDialog\n title={`Share \"${get(templateToShare, 'name')}\"`}\n open={!!templateToShare}\n onSave={handleTemplateSharingSave}\n onCancel={handleTemplateSharingDialogClose}\n currentUser={currentUser}\n />\n </Popover>\n );\n}\n\nTemplatePopover.propTypes = {\n open: PropTypes.bool.isRequired,\n anchorEl: PropTypes.node,\n anchorOrigin: PropTypes.shape({}),\n transformOrigin: PropTypes.shape({}),\n onClose: PropTypes.func.isRequired,\n templates: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number,\n name: PropTypes.string,\n settings: PropTypes.shape({}),\n shared: PropTypes.bool,\n })\n ).isRequired,\n activeTemplateId: PropTypes.number.isRequired,\n getDefaultTemplates: PropTypes.func.isRequired, // Needs to be pure function\n getUserTemplates: PropTypes.func.isRequired, // Needs to be pure function\n getSharedTemplates: PropTypes.func.isRequired, // Needs to be pure function\n onAddNewTemplate: PropTypes.func.isRequired, // () => {}\n onTemplateDelete: PropTypes.func.isRequired, // templateId => {}\n onTemplateCopy: PropTypes.func.isRequired, // templateId => {}\n onTemplateEdit: PropTypes.func.isRequired, // newTemplate => {}\n onTemplateShare: PropTypes.func.isRequired, // (templateId, users) => {}\n onActiveTemplateChange: PropTypes.func.isRequired, // templateId => {}\n loading: PropTypes.bool, // Template loading status\n\n // Customize styles\n classes: PropTypes.shape({\n paper: PropTypes.string,\n }),\n hasNameSlot: PropTypes.bool,\n renderSlot: PropTypes.func.isRequired,\n currentUser: PropTypes.shape({}).isRequired,\n readOnly: PropTypes.bool,\n hideDefaultTemplates: PropTypes.bool,\n};\n\nconst DEFAULT_TEMPLATE_POPOVER_CLASSES = {};\nconst DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN = {};\nconst DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN = {};\n\nexport default TemplatePopover;\n"],"names":["TEMPLATE_TYPES","NO_TEMPLATE_MSG","_NO_TEMPLATE_MSG","TEMPLATE_LABELS","_TEMPLATE_LABELS","TemplatePopover","_ref","_classnames","currentUser","open","_ref$anchorEl","anchorEl","_ref$anchorOrigin","anchorOrigin","DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN","_ref$transformOrigin","transformOrigin","DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN","onClose","templates","activeTemplateId","getDefaultTemplates","getUserTemplates","getSharedTemplates","onAddNewTemplate","onTemplateDelete","onTemplateCopy","onTemplateEdit","onTemplateShare","onActiveTemplateChange","_ref$loading","loading","_ref$classes","classes","customMuiStyles","DEFAULT_TEMPLATE_POPOVER_CLASSES","_ref$hasNameSlot","hasNameSlot","renderSlot","_ref$readOnly","readOnly","_ref$hideDefaultTempl","hideDefaultTemplates","useTemplatePopoverStyles","useState","_useState2","_slicedToArray","_useState","allTemplates","setAllTemplates","_useState4","_useState3","templateToShare","setTemplateToShare","_useState5","_useState6","error","setError","useEffect","groupedTemplates","useMemo","groups","type","templatesList","push","handleClickTemplate","nextActiveTemplateId","handleChange","templateId","callback","e","stopPropagation","handleTemplateNameEdit","map","item","id","isEditing","prevName","name","handleTemplateNameEditApply","currentTemplate","find","template","omit","handleTemplateNameEditCancel","handleKeyDown","key","handleTemplateSharingDialogOpen","handleTemplateSharingDialogClose","_jsxs","Popover","paper","classnames","children","className","paperWrapper","titleWrapper","_jsx","Typography","title","CircularProgress","size","selectedGroup","_defineProperty","selectedGroupSelected","selectedGroupUnSelected","onClick","noTemplateItem","CheckIcon","LayersClearIcon","fontSize","selectedIcon","selectedLabel","_ref2","Fragment","templateHeader","subtitle","Tooltip","placement","AddCircleIcon","color","addNewTemplateIcon","length","noTemplateLabel","List","templateList","_classnames2","_template$disabled","disabled","tooltipTitle","ListItem","templateListItem","templateListItemSelected","templateListItemUnSelected","_objectSpread","LayersIcon","TextField","autoFocus","templateListItemInput","value","onChange","filter","includes","target","onKeyDown","helperText","templateListItemName","get","actionWrapper","actionWrapperEditing","IconButton","actionIconButton","CloseIcon","actionIcon","actionWrapperHidden","_Fragment","DeleteIcon","EditIcon","CopyIcon","ShareIcon","concat","TemplateSharingDialog","onSave","usersToShare","onCancel","propTypes","PropTypes","bool","isRequired","node","shape","func","arrayOf","number","string","settings","shared"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"sourcesContent":["import { useMemo, useState, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Typography,\n IconButton,\n List,\n ListItem,\n TextField,\n Popover,\n CircularProgress,\n Tooltip,\n} from '@material-ui/core';\nimport LayersIcon from '@material-ui/icons/Layers';\nimport LayersClearIcon from '@material-ui/icons/LayersClear';\nimport AddCircleIcon from '@material-ui/icons/AddCircle';\nimport CheckIcon from '@material-ui/icons/Check';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport ShareIcon from '@material-ui/icons/Share';\nimport CloseIcon from '@material-ui/icons/Close';\nimport CopyIcon from '@material-ui/icons/FileCopy';\nimport classnames from 'classnames';\nimport { get, omit } from 'lodash';\n\nimport TemplateSharingDialog from '../TemplateSharingDialog';\n\nimport { useTemplatePopoverStyles } from './Styles';\n\nconst NO_TEMPLATE_SELECTED_ID = -100;\nconst DUPLICATED_NAME_ERROR_MESSAGE = 'Duplicated name';\n\nconst TEMPLATE_TYPES = {\n USER: 'USER',\n DEFAULT: 'DEFAULT',\n SHARED: 'SHARED',\n};\n\nconst NO_TEMPLATE_MSG = {\n [TEMPLATE_TYPES.USER]: 'No templates yet...',\n [TEMPLATE_TYPES.DEFAULT]: 'No templates yet...',\n [TEMPLATE_TYPES.SHARED]: 'No shared templates yet...',\n};\n\nconst TEMPLATE_LABELS = {\n [TEMPLATE_TYPES.USER]: 'My Template',\n [TEMPLATE_TYPES.DEFAULT]: 'Default Templates',\n [TEMPLATE_TYPES.SHARED]: 'Shared With Me',\n};\n\nfunction TemplatePopover({\n currentUser,\n // popover\n open,\n anchorEl = null,\n anchorOrigin = DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN,\n transformOrigin = DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN,\n onClose,\n // templates\n templates,\n activeTemplateId,\n getDefaultTemplates,\n getUserTemplates,\n getSharedTemplates,\n onAddNewTemplate,\n onTemplateDelete,\n onTemplateCopy,\n onTemplateEdit,\n onTemplateShare,\n onActiveTemplateChange,\n loading = false,\n classes: customMuiStyles = DEFAULT_TEMPLATE_POPOVER_CLASSES,\n // custome slot\n hasNameSlot = false,\n renderSlot,\n readOnly = false,\n hideDefaultTemplates = false,\n}) {\n const classes = useTemplatePopoverStyles();\n const [allTemplates, setAllTemplates] = useState(templates);\n const [templateToShare, setTemplateToShare] = useState(null);\n const [error, setError] = useState({});\n useEffect(() => {\n setAllTemplates(templates);\n }, [templates]);\n\n // NOTE: Group template by type\n const groupedTemplates = useMemo(() => {\n const groups = [\n {\n type: TEMPLATE_TYPES.USER,\n templatesList: getUserTemplates(allTemplates),\n },\n ];\n if (!hideDefaultTemplates)\n groups.push({\n type: TEMPLATE_TYPES.DEFAULT,\n templatesList: getDefaultTemplates(allTemplates),\n });\n if (!readOnly)\n groups.push({\n type: TEMPLATE_TYPES.SHARED,\n templatesList: getSharedTemplates(allTemplates),\n });\n return groups;\n }, [allTemplates, readOnly, hideDefaultTemplates]);\n\n const handleClickTemplate = nextActiveTemplateId => () => {\n onActiveTemplateChange(nextActiveTemplateId);\n };\n\n const handleChange = (templateId, callback) => e => {\n e.stopPropagation();\n if (!readOnly) callback(templateId);\n };\n\n // NOTE: Handlers for template name change\n const handleTemplateNameEdit = templateId => e => {\n e.stopPropagation();\n setAllTemplates(\n allTemplates.map(item =>\n item.id === templateId ? { ...item, isEditing: true, prevName: item.name } : item\n )\n );\n };\n const handleTemplateNameChange = templateId => e => {\n e.stopPropagation();\n\n const allTemplateNames = allTemplates\n .filter(template => template.id !== templateId)\n .map(template => template.name);\n if (allTemplateNames.includes(e.target.value)) {\n setError({\n ...error,\n [templateId]: DUPLICATED_NAME_ERROR_MESSAGE,\n });\n } else {\n setError({\n ...error,\n [templateId]: null,\n });\n }\n\n setAllTemplates(\n allTemplates.map(item => (item.id === templateId ? { ...item, name: e.target.value } : item))\n );\n };\n const handleTemplateNameEditApply = templateId => e => {\n e.stopPropagation();\n setAllTemplates(\n allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n );\n const currentTemplate = allTemplates.find(template => template.id === templateId);\n onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n };\n const handleTemplateNameEditCancel = templateId => e => {\n e.stopPropagation();\n setAllTemplates(\n allTemplates.map(item =>\n item.id === templateId ? { ...item, name: item.prevName, isEditing: false } : item\n )\n );\n };\n const handleKeyDown = templateId => e => {\n if (e.key === 'Enter') {\n setAllTemplates(\n allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n );\n const currentTemplate = allTemplates.find(template => template.id === templateId);\n onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n }\n };\n\n // NOTE: Handlers for template sharing\n const handleTemplateSharingDialogOpen = templateId => e => {\n e.stopPropagation();\n const currentTemplate = allTemplates.find(item => item.id === templateId);\n setTemplateToShare(currentTemplate);\n };\n const handleTemplateSharingDialogClose = () => {\n setTemplateToShare(null);\n };\n const handleTemplateSharingSave = usersToShare => {\n if (templateToShare) {\n onTemplateShare(templateToShare.id, usersToShare);\n }\n handleTemplateSharingDialogClose();\n };\n\n return (\n <Popover\n id=\"app-settings-template-popper\"\n classes={{\n paper: classnames(classes.paper, customMuiStyles.paper),\n }}\n open={open}\n anchorEl={anchorEl}\n onClose={onClose}\n anchorOrigin={anchorOrigin}\n transformOrigin={transformOrigin}\n >\n <div className={classes.paperWrapper}>\n <div className={classes.titleWrapper}>\n <Typography className={classes.title}>Templates</Typography>\n {loading && <CircularProgress size={16} />}\n </div>\n\n <div\n className={classnames(classes.selectedGroup, {\n [classes.selectedGroupSelected]: activeTemplateId === NO_TEMPLATE_SELECTED_ID,\n [classes.selectedGroupUnSelected]: activeTemplateId !== NO_TEMPLATE_SELECTED_ID,\n })}\n onClick={handleClickTemplate(NO_TEMPLATE_SELECTED_ID)}\n >\n <div className={classes.noTemplateItem}>\n {activeTemplateId === NO_TEMPLATE_SELECTED_ID ? (\n <CheckIcon fontSize=\"small\" className={classes.selectedIcon} />\n ) : (\n <LayersClearIcon fontSize=\"small\" className={classes.selectedIcon} />\n )}\n <div className={classes.selectedLabel}>No Template Selected</div>\n </div>\n </div>\n\n {groupedTemplates.map(({ type, templatesList }) => (\n <Fragment key={`template-list-${type}`}>\n <div className={classes.templateHeader}>\n <Typography className={classes.subtitle}>{TEMPLATE_LABELS[type]}</Typography>\n {type === TEMPLATE_TYPES.USER && !readOnly && (\n <Tooltip title=\"Create Template\" placement=\"right\">\n <AddCircleIcon\n fontSize=\"small\"\n color=\"primary\"\n className={classes.addNewTemplateIcon}\n onClick={onAddNewTemplate}\n />\n </Tooltip>\n )}\n </div>\n\n {templatesList.length === 0 ? (\n <Typography className={classes.noTemplateLabel}>{NO_TEMPLATE_MSG[type]}</Typography>\n ) : (\n <List className={classes.templateList}>\n {templatesList.map(template => (\n <Tooltip\n key={`template-list-item-${template.id}`}\n title={template.disabled ? template.tooltipTitle : ''}\n >\n <ListItem\n className={classnames(classes.templateListItem, {\n [classes.templateListItemSelected]: template.id === activeTemplateId,\n [classes.templateListItemUnSelected]: template.id !== activeTemplateId,\n })}\n onClick={template.disabled ? null : handleClickTemplate(template.id)}\n disabled={template.disabled ?? false}\n >\n {template.id === activeTemplateId ? (\n <CheckIcon\n fontSize=\"small\"\n {...(template.isEditing && { color: 'primary' })}\n />\n ) : (\n <LayersIcon\n fontSize=\"small\"\n {...(template.isEditing && { color: 'primary' })}\n />\n )}\n\n {template.isEditing ? (\n <TextField\n autoFocus\n className={classes.templateListItemInput}\n value={template.name}\n onClick={e => e.stopPropagation()}\n onChange={handleTemplateNameChange(template.id)}\n onKeyDown={handleKeyDown(template.id)}\n error={!!error[template.id]}\n helperText={error[template.id]}\n />\n ) : (\n <Typography className={classes.templateListItemName}>\n {template.name}\n </Typography>\n )}\n\n {!template.isEditing\n ? hasNameSlot && renderSlot(get(template, ['settings', 'data'], []))\n : null}\n\n {template.isEditing ? (\n <div\n className={classnames(\n classes.actionWrapper,\n classes.actionWrapperEditing\n )}\n >\n <Tooltip title=\"Save\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleTemplateNameEditApply(template.id)}\n >\n <CheckIcon fontSize=\"small\" color=\"primary\" />\n </IconButton>\n </Tooltip>\n\n <Tooltip title=\"Cancel\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleTemplateNameEditCancel(template.id)}\n >\n <CloseIcon className={classes.actionIcon} fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n </div>\n ) : (\n <div\n className={classnames(classes.actionWrapper, {\n [classes.actionWrapperHidden]: template.disabled \|\| readOnly,\n })}\n >\n {type === TEMPLATE_TYPES.USER ? (\n <>\n <Tooltip title=\"Delete\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleChange(template.id, onTemplateDelete)}\n >\n <DeleteIcon className={classes.actionIcon} fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n\n <Tooltip title=\"Rename\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleTemplateNameEdit(template.id)}\n >\n <EditIcon className={classes.actionIcon} fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n\n <Tooltip title=\"Copy\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleChange(template.id, onTemplateCopy)}\n >\n <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n\n <Tooltip title=\"Share\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleTemplateSharingDialogOpen(template.id)}\n >\n <ShareIcon className={classes.actionIcon} fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n </>\n ) : (\n <Tooltip title=\"Copy To My Templates\">\n <IconButton\n className={classes.actionIconButton}\n onClick={handleChange(template.id, onTemplateCopy)}\n >\n <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n )}\n </div>\n )}\n </ListItem>\n </Tooltip>\n ))}\n </List>\n )}\n </Fragment>\n ))}\n </div>\n\n <TemplateSharingDialog\n title={`Share \"${get(templateToShare, 'name')}\"`}\n open={!!templateToShare}\n onSave={handleTemplateSharingSave}\n onCancel={handleTemplateSharingDialogClose}\n currentUser={currentUser}\n />\n </Popover>\n );\n}\n\nTemplatePopover.propTypes = {\n open: PropTypes.bool.isRequired,\n anchorEl: PropTypes.node,\n anchorOrigin: PropTypes.shape({}),\n transformOrigin: PropTypes.shape({}),\n onClose: PropTypes.func.isRequired,\n templates: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number,\n name: PropTypes.string,\n settings: PropTypes.shape({}),\n shared: PropTypes.bool,\n })\n ).isRequired,\n activeTemplateId: PropTypes.number.isRequired,\n getDefaultTemplates: PropTypes.func.isRequired, // Needs to be pure function\n getUserTemplates: PropTypes.func.isRequired, // Needs to be pure function\n getSharedTemplates: PropTypes.func.isRequired, // Needs to be pure function\n onAddNewTemplate: PropTypes.func.isRequired, // () => {}\n onTemplateDelete: PropTypes.func.isRequired, // templateId => {}\n onTemplateCopy: PropTypes.func.isRequired, // templateId => {}\n onTemplateEdit: PropTypes.func.isRequired, // newTemplate => {}\n onTemplateShare: PropTypes.func.isRequired, // (templateId, users) => {}\n onActiveTemplateChange: PropTypes.func.isRequired, // templateId => {}\n loading: PropTypes.bool, // Template loading status\n\n // Customize styles\n classes: PropTypes.shape({\n paper: PropTypes.string,\n }),\n hasNameSlot: PropTypes.bool,\n renderSlot: PropTypes.func.isRequired,\n currentUser: PropTypes.shape({}).isRequired,\n readOnly: PropTypes.bool,\n hideDefaultTemplates: PropTypes.bool,\n};\n\nconst DEFAULT_TEMPLATE_POPOVER_CLASSES = {};\nconst DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN = {};\nconst DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN = {};\n\nexport default TemplatePopover;\n"],"names":["TEMPLATE_TYPES","NO_TEMPLATE_MSG","_NO_TEMPLATE_MSG","TEMPLATE_LABELS","_TEMPLATE_LABELS","TemplatePopover","_ref","_classnames","currentUser","open","_ref$anchorEl","anchorEl","_ref$anchorOrigin","anchorOrigin","DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN","_ref$transformOrigin","transformOrigin","DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN","onClose","templates","activeTemplateId","getDefaultTemplates","getUserTemplates","getSharedTemplates","onAddNewTemplate","onTemplateDelete","onTemplateCopy","onTemplateEdit","onTemplateShare","onActiveTemplateChange","_ref$loading","loading","_ref$classes","classes","customMuiStyles","DEFAULT_TEMPLATE_POPOVER_CLASSES","_ref$hasNameSlot","hasNameSlot","renderSlot","_ref$readOnly","readOnly","_ref$hideDefaultTempl","hideDefaultTemplates","useTemplatePopoverStyles","useState","_useState2","_slicedToArray","_useState","allTemplates","setAllTemplates","_useState4","_useState3","templateToShare","setTemplateToShare","_useState5","_useState6","error","setError","useEffect","groupedTemplates","useMemo","groups","type","templatesList","push","handleClickTemplate","nextActiveTemplateId","handleChange","templateId","callback","e","stopPropagation","handleTemplateNameEdit","map","item","id","isEditing","prevName","name","handleTemplateNameEditApply","currentTemplate","find","template","omit","handleTemplateNameEditCancel","handleKeyDown","key","handleTemplateSharingDialogOpen","handleTemplateSharingDialogClose","_jsxs","Popover","paper","classnames","children","className","paperWrapper","titleWrapper","_jsx","Typography","title","CircularProgress","size","selectedGroup","_defineProperty","selectedGroupSelected","selectedGroupUnSelected","onClick","noTemplateItem","CheckIcon","LayersClearIcon","fontSize","selectedIcon","selectedLabel","_ref2","Fragment","templateHeader","subtitle","Tooltip","placement","AddCircleIcon","color","addNewTemplateIcon","length","noTemplateLabel","List","templateList","_classnames2","_template$disabled","disabled","tooltipTitle","ListItem","templateListItem","templateListItemSelected","templateListItemUnSelected","_objectSpread","LayersIcon","TextField","autoFocus","templateListItemInput","value","onChange","filter","includes","target","onKeyDown","helperText","templateListItemName","get","actionWrapper","actionWrapperEditing","IconButton","actionIconButton","CloseIcon","actionIcon","actionWrapperHidden","_Fragment","DeleteIcon","EditIcon","CopyIcon","ShareIcon","concat","TemplateSharingDialog","onSave","usersToShare","onCancel","propTypes","PropTypes","bool","isRequired","node","shape","func","arrayOf","number","string","settings","shared"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VirtualizedTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAA8C,MAAM,OAAO,CAAC;~~AAa1F~~,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgHhD,KAAK,8BAA8B,GAAG,IAAI,CACxC,qBAAqB,EACrB,cAAc,GAAG,iBAAiB,CACnC,GAAG;IACF,OAAO,EAAE,WAAW,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC,CAAC;IACvD,IAAI,EAAE,WAAW,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,YAAY,EAAE,WAAW,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,SAAS,EAAE,WAAW,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAgTxE,CAAC;eAEa,yBAAyB"}
1	+ {"version":3,"file":"VirtualizedTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAA8C,MAAM,OAAO,CAAC;AAW1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgHhD,KAAK,8BAA8B,GAAG,IAAI,CACxC,qBAAqB,EACrB,cAAc,GAAG,iBAAiB,CACnC,GAAG;IACF,OAAO,EAAE,WAAW,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC,CAAC;IACvD,IAAI,EAAE,WAAW,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,YAAY,EAAE,WAAW,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,SAAS,EAAE,WAAW,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAgTxE,CAAC;eAEa,yBAAyB"}

package/components/VirtualizedTable/VirtualizedTable.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import{useMemo as r,useEffect as n,useCallback as i}from"react";import o from"classnames";import{List as a}from"react-window";import{makeStyles as l,Typography as c,IconButton as u,Tooltip as s}from"@material-ui/core";import{Settings as d,Sort as f,ArrowUpward as m,ArrowDownward as h}from"@material-ui/icons";import{getUnitDisplay as p}from"../../utils/convert.js";import{jsx as b,jsxs as y}from"react/jsx-runtime";function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?g(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v="ASC",x=v,_=l((function(e){var t={borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",display:"flex",flexFlow:"row nowrap",alignItems:"center"},r={minWidth:1,marginRight:10,"&:first-child":{marginLeft:10}};return{root:{display:"flex",overflow:"auto",flexFlow:"column nowrap"},row:t,cell:r,header:t,headerCell:w(w({},r),{},{display:"flex",alignItems:"center"}),sortable:{cursor:"pointer"},oddRow:{backgroundColor:e.isLightTheme?"rgba(189, 189, 189, 0.1)":"#303030"},headerLabel:{lineHeight:"14px",fontSize:"12px",fontStyle:"normal",letterSpacing:"-0.25px",display:"flex",alignItems:"center",flexWrap:"wrap"},cellData:{lineHeight:"14px",fontSize:"12px",fontWeight:"normal",fontStyle:"normal",letterSpacing:"0.15px"},unitLabel:{fontSize:"10px",opacity:.5},settingIcon:{padding:"3px",fontSize:"20px"},sortIcon:{fontSize:"16px"}}}));function S(e,t){var r=e.find((function(e){return e.key===t}))||{},n=r.unitType,i=r.customUnit;return i?"(".concat(i,")"):n?"(".concat(p(n),")"):""}function C(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function k(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}var O=function(l){var p=l.columns,g=l.data,O=l.useColumnSetting,z=l.useFixedColumnWidth,N=l.onOpenSettingDlg,R=l.width,j=l.height,D=l.headerHeight,T=l.rowHeight,I=l.showTopSettingIcon,P=l.customMuiStyles,L=l.isTopSettingIconShownAlways,V=l.CustomCellRenderer,H=l.CustomHeaderCellRenderer,A=l.customRowStyle,E=l.sort,F=l.sortBy,W=l.sortDirection,B=l.onScroll,K=void 0===B?function(){}:B,G=_(),M=r((function(){return w(w({},G),P)}),[G,P]),U=r((function(){return{label:"",key:"setting",width:O?25:0}}),[O]),Z=r((function(){return p.filter((function(e){return e.show}))}),[p]),q=r((function(){return O?[].concat(e(Z),[U]):Z}),[Z,O,U]),J=r((function(){if(R<=0)return{};var e=t({},U.key,U.width),r=[];return Z.filter((function(e){return Number.isFinite(e.width)})).forEach((function(t){e[t.key]=t.width-1,r.push(t.width-1)})),Z.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(t){var n=r.reduce((function(e,t){return e+t}),0),i=Math.floor((R-n-U.width)/(Z.length-r.length)),o=t.minWidth||65,a=i<o?o:i;e[t.key]=a-1,r.push(a-1)})),e}),[R,Z,U]),Q=r((function(){return Object.values(J).reduce((function(e,t){return e+t}),0)}),[J]),X=L||Q-12.5>=R;n((function(){I(X)}),[X]);var Y=i((function(e){var r=e.index;return o(t({},M.oddRow,r%2==1))}),[M]),$=function(e){var t=e.label,r=e.dataKey,n=F||W||E;return H?b(H,{columnKey:r,columns:p,sortBy:F,sortDirection:W}):r===U.key?X?null:b(u,{size:"small","aria-label":"customize columns",className:M.settingIcon,onClick:N,children:b(d,{fontSize:"inherit"})}):y(c,{variant:"body2",className:o(M.headerLabel,C(p,r)),children:[t," ",b("span",{className:o(M.unitLabel,k(p,r)),children:S(p,r)}),n&&r!==F&&b(s,{title:"Sort A-Z",children:b(f,{fontSize:"small",className:G.sortIcon})}),n&&r===F&&b(W===v?m:h,{fontSize:"small",className:G.sortIcon})]})},ee=i((function(e){var t=e.ariaAttributes,r=e.style,n=e.data,i=e.tableColumns,a=e.index;return b("div",w(w({style:w(w({},r),null==A?void 0:A({index:a})),className:o(Y({index:a}),G.row,"ReactVirtualized__Table__row")},t),{},{children:i.map((function(e){var t=e.key,r=n[a],i=V?b(V,{columnKey:t,value:r[t],rowData:r,columns:p}):b(c,{variant:"body2",className:M.cellData,children:r[t]});return b("div",{className:o(G.cell,"ReactVirtualized__Table__rowColumn"),style:{flex:"0 1 ".concat(J[t],"px"),overflow:"hidden"},children:i},t)}))}))}),[V,Y,J,A,G,M.cellData,p]),te=r((function(){return{width:z?Q:R,height:j}}),[z,Q,R,j]),re=r((function(){return{data:g,tableColumns:q}}),[g,q]),ne=i((function(e){return function(t){null==E||E({defaultSortDirection:x,event:t,sortBy:e,sortDirection:e!==F||W&&W!==x?x:"DESC"})}}),[E,F,W]),ie=F||W||E;return y("div",{style:te,className:o(M.root,M.table,"ReactVirtualized__Table"),children:[b("div",{className:o(M.header,"ReactVirtualized__Table__headerRow"),style:{flex:"0 0 ".concat(D,"px")},children:q.map((function(e){return b("div",{className:o(M.headerCell,"setting"!==e.key&&E&&M.sortable,"ReactVirtualized__Table__headerColumn",ie&&"ReactVirtualized__Table__sortableHeaderColumn"),style:{flex:"0 1 ".concat(J[e.key],"px"),height:D},onClick:"setting"!==e.key?ne(e.key):void 0,children:$({label:e.label,dataKey:e.key})},e.key)}))}),b(a,{rowProps:re,rowCount:g.length,rowHeight:T,rowComponent:ee,onScroll:K,className:"ReactVirtualized__Grid ReactVirtualized__Table__Grid"})]})};export{O as VirtualizedTableComponent,O as default};
+import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import{useMemo as r,useEffect as n,useCallback as i}from"react";import o from"classnames";import{List as a}from"react-window";import{makeStyles as l,Typography as c,IconButton as u,Tooltip as s}from"@material-ui/core";import d from"@material-ui/icons/ArrowDownward";import f from"@material-ui/icons/ArrowUpward";import m from"@material-ui/icons/Settings";import p from"@material-ui/icons/Sort";import{getUnitDisplay as h}from"../../utils/convert.js";import{jsx as b,jsxs as y}from"react/jsx-runtime";function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?w(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v="ASC",x=v,S=l((function(e){var t={borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",display:"flex",flexFlow:"row nowrap",alignItems:"center"},r={minWidth:1,marginRight:10,"&:first-child":{marginLeft:10}};return{root:{display:"flex",overflow:"auto",flexFlow:"column nowrap"},row:t,cell:r,header:t,headerCell:g(g({},r),{},{display:"flex",alignItems:"center"}),sortable:{cursor:"pointer"},oddRow:{backgroundColor:e.isLightTheme?"rgba(189, 189, 189, 0.1)":"#303030"},headerLabel:{lineHeight:"14px",fontSize:"12px",fontStyle:"normal",letterSpacing:"-0.25px",display:"flex",alignItems:"center",flexWrap:"wrap"},cellData:{lineHeight:"14px",fontSize:"12px",fontWeight:"normal",fontStyle:"normal",letterSpacing:"0.15px"},unitLabel:{fontSize:"10px",opacity:.5},settingIcon:{padding:"3px",fontSize:"20px"},sortIcon:{fontSize:"16px"}}}));function _(e,t){var r=e.find((function(e){return e.key===t}))||{},n=r.unitType,i=r.customUnit;return i?"(".concat(i,")"):n?"(".concat(h(n),")"):""}function C(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function k(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}var O=function(l){var h=l.columns,w=l.data,O=l.useColumnSetting,z=l.useFixedColumnWidth,N=l.onOpenSettingDlg,D=l.width,R=l.height,j=l.headerHeight,T=l.rowHeight,I=l.showTopSettingIcon,P=l.customMuiStyles,L=l.isTopSettingIconShownAlways,V=l.CustomCellRenderer,A=l.CustomHeaderCellRenderer,H=l.customRowStyle,E=l.sort,F=l.sortBy,W=l.sortDirection,B=l.onScroll,K=void 0===B?function(){}:B,U=S(),G=r((function(){return g(g({},U),P)}),[U,P]),M=r((function(){return{label:"",key:"setting",width:O?25:0}}),[O]),Z=r((function(){return h.filter((function(e){return e.show}))}),[h]),q=r((function(){return O?[].concat(e(Z),[M]):Z}),[Z,O,M]),J=r((function(){if(D<=0)return{};var e=t({},M.key,M.width),r=[];return Z.filter((function(e){return Number.isFinite(e.width)})).forEach((function(t){e[t.key]=t.width-1,r.push(t.width-1)})),Z.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(t){var n=r.reduce((function(e,t){return e+t}),0),i=Math.floor((D-n-M.width)/(Z.length-r.length)),o=t.minWidth||65,a=i<o?o:i;e[t.key]=a-1,r.push(a-1)})),e}),[D,Z,M]),Q=r((function(){return Object.values(J).reduce((function(e,t){return e+t}),0)}),[J]),X=L||Q-12.5>=D;n((function(){I(X)}),[X]);var Y=i((function(e){var r=e.index;return o(t({},G.oddRow,r%2==1))}),[G]),$=function(e){var t=e.label,r=e.dataKey,n=F||W||E;return A?b(A,{columnKey:r,columns:h,sortBy:F,sortDirection:W}):r===M.key?X?null:b(u,{size:"small","aria-label":"customize columns",className:G.settingIcon,onClick:N,children:b(m,{fontSize:"inherit"})}):y(c,{variant:"body2",className:o(G.headerLabel,C(h,r)),children:[t," ",b("span",{className:o(G.unitLabel,k(h,r)),children:_(h,r)}),n&&r!==F&&b(s,{title:"Sort A-Z",children:b(p,{fontSize:"small",className:U.sortIcon})}),n&&r===F&&b(W===v?f:d,{fontSize:"small",className:U.sortIcon})]})},ee=i((function(e){var t=e.ariaAttributes,r=e.style,n=e.data,i=e.tableColumns,a=e.index;return b("div",g(g({style:g(g({},r),null==H?void 0:H({index:a})),className:o(Y({index:a}),U.row,"ReactVirtualized__Table__row")},t),{},{children:i.map((function(e){var t=e.key,r=n[a],i=V?b(V,{columnKey:t,value:r[t],rowData:r,columns:h}):b(c,{variant:"body2",className:G.cellData,children:r[t]});return b("div",{className:o(U.cell,"ReactVirtualized__Table__rowColumn"),style:{flex:"0 1 ".concat(J[t],"px"),overflow:"hidden"},children:i},t)}))}))}),[V,Y,J,H,U,G.cellData,h]),te=r((function(){return{width:z?Q:D,height:R}}),[z,Q,D,R]),re=r((function(){return{data:w,tableColumns:q}}),[w,q]),ne=i((function(e){return function(t){null==E||E({defaultSortDirection:x,event:t,sortBy:e,sortDirection:e!==F||W&&W!==x?x:"DESC"})}}),[E,F,W]),ie=F||W||E;return y("div",{style:te,className:o(G.root,G.table,"ReactVirtualized__Table"),children:[b("div",{className:o(G.header,"ReactVirtualized__Table__headerRow"),style:{flex:"0 0 ".concat(j,"px")},children:q.map((function(e){return b("div",{className:o(G.headerCell,"setting"!==e.key&&E&&G.sortable,"ReactVirtualized__Table__headerColumn",ie&&"ReactVirtualized__Table__sortableHeaderColumn"),style:{flex:"0 1 ".concat(J[e.key],"px"),height:j},onClick:"setting"!==e.key?ne(e.key):void 0,children:$({label:e.label,dataKey:e.key})},e.key)}))}),b(a,{rowProps:re,rowCount:w.length,rowHeight:T,rowComponent:ee,onScroll:K,className:"ReactVirtualized__Grid ReactVirtualized__Table__Grid"})]})};export{O as VirtualizedTableComponent,O as default};
 //# sourceMappingURL=VirtualizedTable.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VirtualizedTable.js","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"sourcesContent":["import { FC, MouseEventHandler, ReactNode, useCallback, useEffect, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { List, RowComponentProps } from 'react-window';\nimport { IconButton, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport {\n ArrowDownward as ArrowDownwardIcon,\n ArrowUpward as ArrowUpwardIcon,\n Settings as SettingsIcon,\n Sort as SortIcon,\n} from '@material-ui/icons';\n\nimport { getUnitDisplay } from '../../utils/convert';\n\nimport { VirtualizedTableProps } from './index';\n\nconst SortDirection = {\n ASC: 'ASC',\n DESC: 'DESC',\n};\n\nconst DEFAULT_COLUMN_MIN_WIDTH = 65;\n\nconst defaultSortDirection = SortDirection.ASC;\n\nconst useStyles = makeStyles(theme => {\n const rowStyles = {\n borderBottom: (theme as any).isLightTheme\n ? '1px solid rgba(224, 224, 224, 1)'\n : '1px solid rgba(81, 81, 81, 1)',\n display: 'flex',\n flexFlow: 'row nowrap',\n alignItems: 'center',\n };\n\n const cellStyles = {\n minWidth: 1,\n marginRight: 10,\n\n '&:first-child': {\n marginLeft: 10,\n },\n };\n\n return {\n root: {\n display: 'flex',\n overflow: 'auto',\n flexFlow: 'column nowrap',\n },\n row: rowStyles,\n cell: cellStyles,\n header: rowStyles,\n headerCell: {\n ...cellStyles,\n display: 'flex',\n alignItems: 'center',\n },\n sortable: {\n cursor: 'pointer',\n },\n oddRow: {\n backgroundColor: (theme as any).isLightTheme ? 'rgba(189, 189, 189, 0.1)' : '#303030',\n },\n headerLabel: {\n lineHeight: '14px',\n fontSize: '12px',\n fontStyle: 'normal',\n letterSpacing: '-0.25px',\n display: 'flex',\n alignItems: 'center',\n flexWrap: 'wrap',\n },\n cellData: {\n lineHeight: '14px',\n fontSize: '12px',\n fontWeight: 'normal',\n fontStyle: 'normal',\n letterSpacing: '0.15px',\n },\n unitLabel: {\n fontSize: '10px',\n opacity: 0.5,\n },\n settingIcon: {\n padding: '3px',\n fontSize: '20px',\n },\n sortIcon: {\n fontSize: '16px',\n },\n } as any;\n});\n\nfunction getUnitText(columns: NonNullable<VirtualizedTableProps['columns']>, dataKey: string) {\n const { unitType, customUnit } = columns.find(column => column.key === dataKey) \|\| {};\n if (customUnit) {\n return `(${customUnit})`;\n }\n\n if (unitType) {\n return `(${getUnitDisplay(unitType)})`;\n }\n\n return '';\n}\n\nfunction getHeaderLabelClassName(\n columns: NonNullable<VirtualizedTableProps['columns']>,\n dataKey: string\n) {\n const { headerLabelClassName } = columns.find(column => column.key === dataKey) \|\| {};\n return headerLabelClassName \|\| '';\n}\n\nfunction getHeaderLabelUnitClassName(\n columns: NonNullable<VirtualizedTableProps['columns']>,\n dataKey: string\n) {\n const { headerLabelUnitClassName } = columns.find(column => column.key === dataKey) \|\| {};\n return headerLabelUnitClassName \|\| '';\n}\n\nconst SETTING_COLUMN_WIDTH = 25;\nconst SETTING_COLUMN_KEY = 'setting';\n\ntype VirtualizedTableComponentProps = Omit<\n VirtualizedTableProps,\n 'savedColumns' \| 'onChangeColumns'\n> & {\n columns: NonNullable<VirtualizedTableProps['columns']>;\n data: NonNullable<VirtualizedTableProps['data']>;\n headerHeight: NonNullable<VirtualizedTableProps['headerHeight']>;\n rowHeight: NonNullable<VirtualizedTableProps['rowHeight']>;\n width: number;\n height: number;\n onOpenSettingDlg: MouseEventHandler;\n showTopSettingIcon: (show: boolean) => void;\n};\n\nexport const VirtualizedTableComponent: FC<VirtualizedTableComponentProps> = ({\n columns,\n data,\n useColumnSetting,\n useFixedColumnWidth,\n onOpenSettingDlg,\n width,\n height,\n headerHeight,\n rowHeight,\n showTopSettingIcon,\n customMuiStyles,\n isTopSettingIconShownAlways,\n CustomCellRenderer,\n CustomHeaderCellRenderer,\n customRowStyle,\n sort,\n sortBy,\n sortDirection,\n onScroll = () => undefined,\n}) => {\n const classes = useStyles() as Record<string, string>;\n const appliedClasses = useMemo<Record<string, string>>(\n () => ({ ...classes, ...customMuiStyles }),\n [classes, customMuiStyles]\n );\n const settingColumn = useMemo(() => {\n return {\n label: '',\n key: SETTING_COLUMN_KEY,\n width: useColumnSetting ? SETTING_COLUMN_WIDTH : 0,\n };\n }, [useColumnSetting]);\n\n const visibleColumns = useMemo(() => {\n return columns.filter(column => column.show);\n }, [columns]);\n\n // NOTE: Add setting column\n const tableColumns = useMemo(() => {\n return useColumnSetting ? [...visibleColumns, settingColumn] : visibleColumns;\n }, [visibleColumns, useColumnSetting, settingColumn]);\n\n const columnWidthDict = useMemo(() => {\n if (width <= 0) {\n return {};\n }\n\n // NOTE: Reserve space for setting column\n const result = {\n [settingColumn.key]: settingColumn.width,\n };\n\n // NOTE: Keep the columns that had been adjusted due to expected width is smaller than min width\n const adjustedColumns: number[] = [];\n\n // NOTE: Give fixed width to the columns with \"width\" field\n visibleColumns\n .filter(column => Number.isFinite(column.width))\n .forEach(column => {\n result[column.key] = column.width - 1;\n adjustedColumns.push(column.width - 1);\n });\n\n visibleColumns\n .filter(column => !Number.isFinite(column.width))\n .forEach(column => {\n // NOTE: Width sum of adjusted columns\n const sumOfAdjustColumnWidth = adjustedColumns.reduce(\n (subResult, columnWidth) => subResult + columnWidth,\n 0\n );\n // NOTE: Expected space for the column\n const calculatedWidth = Math.floor(\n (width - sumOfAdjustColumnWidth - settingColumn.width) /\n (visibleColumns.length - adjustedColumns.length)\n );\n\n const requiredWidth = column.minWidth \|\| DEFAULT_COLUMN_MIN_WIDTH;\n const adjustedWidth = calculatedWidth < requiredWidth ? requiredWidth : calculatedWidth;\n result[column.key] = adjustedWidth - 1;\n adjustedColumns.push(adjustedWidth - 1);\n });\n\n return result;\n }, [width, visibleColumns, settingColumn]);\n\n // NOTE: Calculate table width from adjusted columns width\n const tableWidth = useMemo(() => {\n return Object.values(columnWidthDict).reduce((result, item) => result + item, 0);\n }, [columnWidthDict]);\n\n const isTopSettingIconShown =\n isTopSettingIconShownAlways \|\| tableWidth - SETTING_COLUMN_WIDTH / 2 >= width;\n\n useEffect(() => {\n showTopSettingIcon(isTopSettingIconShown);\n }, [isTopSettingIconShown]);\n\n const rowClassName = useCallback(\n ({ index }: { index: number }) => {\n return classNames({\n [appliedClasses.oddRow]: index % 2 === 1,\n });\n },\n [appliedClasses]\n );\n\n // NOTE: table header\n const headerRenderer = (headerData: { label?: ReactNode; dataKey: string }) => {\n const { label, dataKey } = headerData;\n\n const isSortable = sortBy \|\| sortDirection \|\| sort;\n\n if (CustomHeaderCellRenderer) {\n return (\n <CustomHeaderCellRenderer\n columnKey={dataKey}\n columns={columns}\n sortBy={sortBy}\n sortDirection={sortDirection}\n />\n );\n }\n\n if (dataKey === settingColumn.key) {\n return !isTopSettingIconShown ? (\n <IconButton\n size=\"small\"\n aria-label=\"customize columns\"\n className={appliedClasses.settingIcon}\n onClick={onOpenSettingDlg}\n >\n <SettingsIcon fontSize=\"inherit\" />\n </IconButton>\n ) : null;\n }\n return (\n <Typography\n variant=\"body2\"\n className={classNames(\n appliedClasses.headerLabel,\n getHeaderLabelClassName(columns, dataKey)\n )}\n >\n {label} \n <span\n className={classNames(\n appliedClasses.unitLabel,\n getHeaderLabelUnitClassName(columns, dataKey)\n )}\n >\n {getUnitText(columns, dataKey)}\n </span>\n {isSortable && dataKey !== sortBy && (\n <Tooltip title=\"Sort A-Z\">\n <SortIcon fontSize=\"small\" className={classes.sortIcon} />\n </Tooltip>\n )}\n {isSortable &&\n dataKey === sortBy &&\n (sortDirection === SortDirection.ASC ? (\n <ArrowUpwardIcon fontSize=\"small\" className={classes.sortIcon} />\n ) : (\n <ArrowDownwardIcon fontSize=\"small\" className={classes.sortIcon} />\n ))}\n </Typography>\n );\n };\n\n const rowRenderer = useCallback(\n ({\n ariaAttributes,\n style,\n data,\n tableColumns,\n index,\n }: RowComponentProps<{\n data: any[];\n tableColumns: { label: string; key: string; width: number }[];\n }>) => {\n return (\n <div\n style={{ ...style, ...customRowStyle?.({ index }) }}\n className={classNames(\n rowClassName({ index }),\n classes.row,\n 'ReactVirtualized__Table__row'\n )}\n {...ariaAttributes}\n >\n {tableColumns.map(column => {\n const dataKey = column.key;\n const rowData = data[index];\n\n const content = CustomCellRenderer ? (\n <CustomCellRenderer\n columnKey={dataKey}\n value={rowData[dataKey]}\n rowData={rowData}\n columns={columns}\n />\n ) : (\n <Typography variant=\"body2\" className={appliedClasses.cellData}>\n {rowData[dataKey]}\n </Typography>\n );\n\n return (\n <div\n className={classNames(classes.cell, 'ReactVirtualized__Table__rowColumn')}\n key={dataKey}\n style={{ flex: `0 1 ${columnWidthDict[dataKey]}px`, overflow: 'hidden' }}\n >\n {content}\n </div>\n );\n })}\n </div>\n );\n },\n [\n CustomCellRenderer,\n rowClassName,\n columnWidthDict,\n customRowStyle,\n classes,\n appliedClasses.cellData,\n columns,\n ]\n );\n\n const style = useMemo(\n () => ({\n width: useFixedColumnWidth ? tableWidth : width,\n height,\n }),\n [useFixedColumnWidth, tableWidth, width, height]\n );\n\n const cellProps = useMemo(\n () => ({\n data,\n tableColumns,\n }),\n [data, tableColumns]\n );\n\n const onSort = useCallback(\n (newSortBy: string): MouseEventHandler =>\n event => {\n sort?.({\n defaultSortDirection,\n event,\n sortBy: newSortBy,\n sortDirection:\n newSortBy === sortBy && (!sortDirection \|\| sortDirection === defaultSortDirection)\n ? 'DESC'\n : defaultSortDirection,\n });\n },\n [sort, sortBy, sortDirection]\n );\n\n const isSortable = sortBy \|\| sortDirection \|\| sort;\n\n return (\n <div\n style={style}\n className={classNames(appliedClasses.root, appliedClasses.table, 'ReactVirtualized__Table')}\n >\n <div\n className={classNames(appliedClasses.header, 'ReactVirtualized__Table__headerRow')}\n style={{ flex: `0 0 ${headerHeight}px` }}\n >\n {tableColumns.map(column => (\n <div\n key={column.key}\n className={classNames(\n appliedClasses.headerCell,\n column.key !== SETTING_COLUMN_KEY && sort && appliedClasses.sortable,\n 'ReactVirtualized__Table__headerColumn',\n isSortable && 'ReactVirtualized__Table__sortableHeaderColumn'\n )}\n style={{ flex: `0 1 ${columnWidthDict[column.key]}px`, height: headerHeight }}\n onClick={column.key !== SETTING_COLUMN_KEY ? onSort(column.key) : undefined}\n >\n {headerRenderer({\n label: column.label,\n dataKey: column.key,\n })}\n </div>\n ))}\n </div>\n <List\n rowProps={cellProps}\n rowCount={data.length}\n rowHeight={rowHeight}\n rowComponent={rowRenderer}\n onScroll={onScroll}\n className=\"ReactVirtualized__Grid ReactVirtualized__Table__Grid\"\n />\n </div>\n );\n};\n\nexport default VirtualizedTableComponent;\n"],"names":["SortDirection","defaultSortDirection","useStyles","makeStyles","theme","rowStyles","borderBottom","isLightTheme","display","flexFlow","alignItems","cellStyles","minWidth","marginRight","marginLeft","root","overflow","row","cell","header","headerCell","sortable","cursor","oddRow","backgroundColor","headerLabel","lineHeight","fontSize","fontStyle","letterSpacing","flexWrap","cellData","fontWeight","unitLabel","opacity","settingIcon","padding","sortIcon","getUnitText","columns","dataKey","_ref","find","column","key","unitType","customUnit","concat","getUnitDisplay","getHeaderLabelClassName","headerLabelClassName","getHeaderLabelUnitClassName","headerLabelUnitClassName","VirtualizedTableComponent","_ref4","data","useColumnSetting","useFixedColumnWidth","onOpenSettingDlg","width","height","headerHeight","rowHeight","showTopSettingIcon","customMuiStyles","isTopSettingIconShownAlways","CustomCellRenderer","CustomHeaderCellRenderer","customRowStyle","sort","sortBy","sortDirection","_ref4$onScroll","onScroll","classes","appliedClasses","useMemo","settingColumn","label","visibleColumns","filter","show","tableColumns","columnWidthDict","result","adjustedColumns","Number","isFinite","forEach","push","sumOfAdjustColumnWidth","reduce","subResult","columnWidth","calculatedWidth","Math","floor","length","requiredWidth","adjustedWidth","tableWidth","Object","values","item","isTopSettingIconShown","SETTING_COLUMN_WIDTH","useEffect","rowClassName","useCallback","_ref5","index","classNames","headerRenderer","headerData","isSortable","_jsx","columnKey","IconButton","size","className","onClick","children","SettingsIcon","_jsxs","Typography","variant","Tooltip","title","SortIcon","ArrowUpwardIcon","ArrowDownwardIcon","rowRenderer","_ref6","ariaAttributes","style","_objectSpread","map","rowData","content","value","flex","cellProps","onSort","newSortBy","event","table","undefined","List","rowProps","rowCount","rowComponent"],"mappings":"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"}
1	+ {"version":3,"file":"VirtualizedTable.js","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"sourcesContent":["import { FC, MouseEventHandler, ReactNode, useCallback, useEffect, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { List, RowComponentProps } from 'react-window';\nimport { IconButton, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';\nimport ArrowUpwardIcon from '@material-ui/icons/ArrowUpward';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport SortIcon from '@material-ui/icons/Sort';\n\nimport { getUnitDisplay } from '../../utils/convert';\n\nimport { VirtualizedTableProps } from './index';\n\nconst SortDirection = {\n ASC: 'ASC',\n DESC: 'DESC',\n};\n\nconst DEFAULT_COLUMN_MIN_WIDTH = 65;\n\nconst defaultSortDirection = SortDirection.ASC;\n\nconst useStyles = makeStyles(theme => {\n const rowStyles = {\n borderBottom: (theme as any).isLightTheme\n ? '1px solid rgba(224, 224, 224, 1)'\n : '1px solid rgba(81, 81, 81, 1)',\n display: 'flex',\n flexFlow: 'row nowrap',\n alignItems: 'center',\n };\n\n const cellStyles = {\n minWidth: 1,\n marginRight: 10,\n\n '&:first-child': {\n marginLeft: 10,\n },\n };\n\n return {\n root: {\n display: 'flex',\n overflow: 'auto',\n flexFlow: 'column nowrap',\n },\n row: rowStyles,\n cell: cellStyles,\n header: rowStyles,\n headerCell: {\n ...cellStyles,\n display: 'flex',\n alignItems: 'center',\n },\n sortable: {\n cursor: 'pointer',\n },\n oddRow: {\n backgroundColor: (theme as any).isLightTheme ? 'rgba(189, 189, 189, 0.1)' : '#303030',\n },\n headerLabel: {\n lineHeight: '14px',\n fontSize: '12px',\n fontStyle: 'normal',\n letterSpacing: '-0.25px',\n display: 'flex',\n alignItems: 'center',\n flexWrap: 'wrap',\n },\n cellData: {\n lineHeight: '14px',\n fontSize: '12px',\n fontWeight: 'normal',\n fontStyle: 'normal',\n letterSpacing: '0.15px',\n },\n unitLabel: {\n fontSize: '10px',\n opacity: 0.5,\n },\n settingIcon: {\n padding: '3px',\n fontSize: '20px',\n },\n sortIcon: {\n fontSize: '16px',\n },\n } as any;\n});\n\nfunction getUnitText(columns: NonNullable<VirtualizedTableProps['columns']>, dataKey: string) {\n const { unitType, customUnit } = columns.find(column => column.key === dataKey) \|\| {};\n if (customUnit) {\n return `(${customUnit})`;\n }\n\n if (unitType) {\n return `(${getUnitDisplay(unitType)})`;\n }\n\n return '';\n}\n\nfunction getHeaderLabelClassName(\n columns: NonNullable<VirtualizedTableProps['columns']>,\n dataKey: string\n) {\n const { headerLabelClassName } = columns.find(column => column.key === dataKey) \|\| {};\n return headerLabelClassName \|\| '';\n}\n\nfunction getHeaderLabelUnitClassName(\n columns: NonNullable<VirtualizedTableProps['columns']>,\n dataKey: string\n) {\n const { headerLabelUnitClassName } = columns.find(column => column.key === dataKey) \|\| {};\n return headerLabelUnitClassName \|\| '';\n}\n\nconst SETTING_COLUMN_WIDTH = 25;\nconst SETTING_COLUMN_KEY = 'setting';\n\ntype VirtualizedTableComponentProps = Omit<\n VirtualizedTableProps,\n 'savedColumns' \| 'onChangeColumns'\n> & {\n columns: NonNullable<VirtualizedTableProps['columns']>;\n data: NonNullable<VirtualizedTableProps['data']>;\n headerHeight: NonNullable<VirtualizedTableProps['headerHeight']>;\n rowHeight: NonNullable<VirtualizedTableProps['rowHeight']>;\n width: number;\n height: number;\n onOpenSettingDlg: MouseEventHandler;\n showTopSettingIcon: (show: boolean) => void;\n};\n\nexport const VirtualizedTableComponent: FC<VirtualizedTableComponentProps> = ({\n columns,\n data,\n useColumnSetting,\n useFixedColumnWidth,\n onOpenSettingDlg,\n width,\n height,\n headerHeight,\n rowHeight,\n showTopSettingIcon,\n customMuiStyles,\n isTopSettingIconShownAlways,\n CustomCellRenderer,\n CustomHeaderCellRenderer,\n customRowStyle,\n sort,\n sortBy,\n sortDirection,\n onScroll = () => undefined,\n}) => {\n const classes = useStyles() as Record<string, string>;\n const appliedClasses = useMemo<Record<string, string>>(\n () => ({ ...classes, ...customMuiStyles }),\n [classes, customMuiStyles]\n );\n const settingColumn = useMemo(() => {\n return {\n label: '',\n key: SETTING_COLUMN_KEY,\n width: useColumnSetting ? SETTING_COLUMN_WIDTH : 0,\n };\n }, [useColumnSetting]);\n\n const visibleColumns = useMemo(() => {\n return columns.filter(column => column.show);\n }, [columns]);\n\n // NOTE: Add setting column\n const tableColumns = useMemo(() => {\n return useColumnSetting ? [...visibleColumns, settingColumn] : visibleColumns;\n }, [visibleColumns, useColumnSetting, settingColumn]);\n\n const columnWidthDict = useMemo(() => {\n if (width <= 0) {\n return {};\n }\n\n // NOTE: Reserve space for setting column\n const result = {\n [settingColumn.key]: settingColumn.width,\n };\n\n // NOTE: Keep the columns that had been adjusted due to expected width is smaller than min width\n const adjustedColumns: number[] = [];\n\n // NOTE: Give fixed width to the columns with \"width\" field\n visibleColumns\n .filter(column => Number.isFinite(column.width))\n .forEach(column => {\n result[column.key] = column.width - 1;\n adjustedColumns.push(column.width - 1);\n });\n\n visibleColumns\n .filter(column => !Number.isFinite(column.width))\n .forEach(column => {\n // NOTE: Width sum of adjusted columns\n const sumOfAdjustColumnWidth = adjustedColumns.reduce(\n (subResult, columnWidth) => subResult + columnWidth,\n 0\n );\n // NOTE: Expected space for the column\n const calculatedWidth = Math.floor(\n (width - sumOfAdjustColumnWidth - settingColumn.width) /\n (visibleColumns.length - adjustedColumns.length)\n );\n\n const requiredWidth = column.minWidth \|\| DEFAULT_COLUMN_MIN_WIDTH;\n const adjustedWidth = calculatedWidth < requiredWidth ? requiredWidth : calculatedWidth;\n result[column.key] = adjustedWidth - 1;\n adjustedColumns.push(adjustedWidth - 1);\n });\n\n return result;\n }, [width, visibleColumns, settingColumn]);\n\n // NOTE: Calculate table width from adjusted columns width\n const tableWidth = useMemo(() => {\n return Object.values(columnWidthDict).reduce((result, item) => result + item, 0);\n }, [columnWidthDict]);\n\n const isTopSettingIconShown =\n isTopSettingIconShownAlways \|\| tableWidth - SETTING_COLUMN_WIDTH / 2 >= width;\n\n useEffect(() => {\n showTopSettingIcon(isTopSettingIconShown);\n }, [isTopSettingIconShown]);\n\n const rowClassName = useCallback(\n ({ index }: { index: number }) => {\n return classNames({\n [appliedClasses.oddRow]: index % 2 === 1,\n });\n },\n [appliedClasses]\n );\n\n // NOTE: table header\n const headerRenderer = (headerData: { label?: ReactNode; dataKey: string }) => {\n const { label, dataKey } = headerData;\n\n const isSortable = sortBy \|\| sortDirection \|\| sort;\n\n if (CustomHeaderCellRenderer) {\n return (\n <CustomHeaderCellRenderer\n columnKey={dataKey}\n columns={columns}\n sortBy={sortBy}\n sortDirection={sortDirection}\n />\n );\n }\n\n if (dataKey === settingColumn.key) {\n return !isTopSettingIconShown ? (\n <IconButton\n size=\"small\"\n aria-label=\"customize columns\"\n className={appliedClasses.settingIcon}\n onClick={onOpenSettingDlg}\n >\n <SettingsIcon fontSize=\"inherit\" />\n </IconButton>\n ) : null;\n }\n return (\n <Typography\n variant=\"body2\"\n className={classNames(\n appliedClasses.headerLabel,\n getHeaderLabelClassName(columns, dataKey)\n )}\n >\n {label} \n <span\n className={classNames(\n appliedClasses.unitLabel,\n getHeaderLabelUnitClassName(columns, dataKey)\n )}\n >\n {getUnitText(columns, dataKey)}\n </span>\n {isSortable && dataKey !== sortBy && (\n <Tooltip title=\"Sort A-Z\">\n <SortIcon fontSize=\"small\" className={classes.sortIcon} />\n </Tooltip>\n )}\n {isSortable &&\n dataKey === sortBy &&\n (sortDirection === SortDirection.ASC ? (\n <ArrowUpwardIcon fontSize=\"small\" className={classes.sortIcon} />\n ) : (\n <ArrowDownwardIcon fontSize=\"small\" className={classes.sortIcon} />\n ))}\n </Typography>\n );\n };\n\n const rowRenderer = useCallback(\n ({\n ariaAttributes,\n style,\n data,\n tableColumns,\n index,\n }: RowComponentProps<{\n data: any[];\n tableColumns: { label: string; key: string; width: number }[];\n }>) => {\n return (\n <div\n style={{ ...style, ...customRowStyle?.({ index }) }}\n className={classNames(\n rowClassName({ index }),\n classes.row,\n 'ReactVirtualized__Table__row'\n )}\n {...ariaAttributes}\n >\n {tableColumns.map(column => {\n const dataKey = column.key;\n const rowData = data[index];\n\n const content = CustomCellRenderer ? (\n <CustomCellRenderer\n columnKey={dataKey}\n value={rowData[dataKey]}\n rowData={rowData}\n columns={columns}\n />\n ) : (\n <Typography variant=\"body2\" className={appliedClasses.cellData}>\n {rowData[dataKey]}\n </Typography>\n );\n\n return (\n <div\n className={classNames(classes.cell, 'ReactVirtualized__Table__rowColumn')}\n key={dataKey}\n style={{ flex: `0 1 ${columnWidthDict[dataKey]}px`, overflow: 'hidden' }}\n >\n {content}\n </div>\n );\n })}\n </div>\n );\n },\n [\n CustomCellRenderer,\n rowClassName,\n columnWidthDict,\n customRowStyle,\n classes,\n appliedClasses.cellData,\n columns,\n ]\n );\n\n const style = useMemo(\n () => ({\n width: useFixedColumnWidth ? tableWidth : width,\n height,\n }),\n [useFixedColumnWidth, tableWidth, width, height]\n );\n\n const cellProps = useMemo(\n () => ({\n data,\n tableColumns,\n }),\n [data, tableColumns]\n );\n\n const onSort = useCallback(\n (newSortBy: string): MouseEventHandler =>\n event => {\n sort?.({\n defaultSortDirection,\n event,\n sortBy: newSortBy,\n sortDirection:\n newSortBy === sortBy && (!sortDirection \|\| sortDirection === defaultSortDirection)\n ? 'DESC'\n : defaultSortDirection,\n });\n },\n [sort, sortBy, sortDirection]\n );\n\n const isSortable = sortBy \|\| sortDirection \|\| sort;\n\n return (\n <div\n style={style}\n className={classNames(appliedClasses.root, appliedClasses.table, 'ReactVirtualized__Table')}\n >\n <div\n className={classNames(appliedClasses.header, 'ReactVirtualized__Table__headerRow')}\n style={{ flex: `0 0 ${headerHeight}px` }}\n >\n {tableColumns.map(column => (\n <div\n key={column.key}\n className={classNames(\n appliedClasses.headerCell,\n column.key !== SETTING_COLUMN_KEY && sort && appliedClasses.sortable,\n 'ReactVirtualized__Table__headerColumn',\n isSortable && 'ReactVirtualized__Table__sortableHeaderColumn'\n )}\n style={{ flex: `0 1 ${columnWidthDict[column.key]}px`, height: headerHeight }}\n onClick={column.key !== SETTING_COLUMN_KEY ? onSort(column.key) : undefined}\n >\n {headerRenderer({\n label: column.label,\n dataKey: column.key,\n })}\n </div>\n ))}\n </div>\n <List\n rowProps={cellProps}\n rowCount={data.length}\n rowHeight={rowHeight}\n rowComponent={rowRenderer}\n onScroll={onScroll}\n className=\"ReactVirtualized__Grid ReactVirtualized__Table__Grid\"\n />\n </div>\n );\n};\n\nexport default VirtualizedTableComponent;\n"],"names":["SortDirection","defaultSortDirection","useStyles","makeStyles","theme","rowStyles","borderBottom","isLightTheme","display","flexFlow","alignItems","cellStyles","minWidth","marginRight","marginLeft","root","overflow","row","cell","header","headerCell","sortable","cursor","oddRow","backgroundColor","headerLabel","lineHeight","fontSize","fontStyle","letterSpacing","flexWrap","cellData","fontWeight","unitLabel","opacity","settingIcon","padding","sortIcon","getUnitText","columns","dataKey","_ref","find","column","key","unitType","customUnit","concat","getUnitDisplay","getHeaderLabelClassName","headerLabelClassName","getHeaderLabelUnitClassName","headerLabelUnitClassName","VirtualizedTableComponent","_ref4","data","useColumnSetting","useFixedColumnWidth","onOpenSettingDlg","width","height","headerHeight","rowHeight","showTopSettingIcon","customMuiStyles","isTopSettingIconShownAlways","CustomCellRenderer","CustomHeaderCellRenderer","customRowStyle","sort","sortBy","sortDirection","_ref4$onScroll","onScroll","classes","appliedClasses","useMemo","settingColumn","label","visibleColumns","filter","show","tableColumns","columnWidthDict","result","adjustedColumns","Number","isFinite","forEach","push","sumOfAdjustColumnWidth","reduce","subResult","columnWidth","calculatedWidth","Math","floor","length","requiredWidth","adjustedWidth","tableWidth","Object","values","item","isTopSettingIconShown","SETTING_COLUMN_WIDTH","useEffect","rowClassName","useCallback","_ref5","index","classNames","headerRenderer","headerData","isSortable","_jsx","columnKey","IconButton","size","className","onClick","children","SettingsIcon","_jsxs","Typography","variant","Tooltip","title","SortIcon","ArrowUpwardIcon","ArrowDownwardIcon","rowRenderer","_ref6","ariaAttributes","style","_objectSpread","map","rowData","content","value","flex","cellProps","onSort","newSortBy","event","table","undefined","List","rowProps","rowCount","rowComponent"],"mappings":"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"}

package/componentsV2/CompletionsOffsetWellPicker/AssetFilters/AssetFilters.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetFilters.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/AssetFilters/AssetFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AAIjC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAO9C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC3D,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,~~CAmF1B~~,CAAC;eAEY,YAAY"}
1	+ {"version":3,"file":"AssetFilters.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/AssetFilters/AssetFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AAIjC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAO9C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC3D,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAwF1B,CAAC;eAEY,YAAY"}

package/componentsV2/CompletionsOffsetWellPicker/AssetFilters/AssetFilters.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{memo as e}from"react";import{TextInput as t}from"../../TextInput/TextInput.js";import{Autocomplete as l}from"../../Autocomplete/Autocomplete.js";import{useOptions as a}from"./useOptions.js";import{useAssetFiltersHandlers as n}from"./useAssetFiltersHandlers.js";import o from"./AssetFilters.scss.js";import{jsxs as s,jsx as r}from"react/jsx-runtime";var i=e((function(e){var i=e.pads,d=e.selectedPadId,m=e.filters,p=e.setFilters,c=a(i,d),u=c.fracFleetOptions,h=c.formationOptions,v=c.padOptions,f=n(p),b=f.handlePadStatusChange,F=f.handleTvdMinChange,C=f.handleTvdMaxChange,g=f.handleFracFleetsSelect,A=f.handleFormationsSelect;return s("div",{className:o.filters,children:[r("div",{children:r(l,{clearable:!1,className:o.autocomplete,label:"Pad",value:m.padStatus,onChange:b,options:v})}),r("div",{children:r(l,{clearable:!1,className:o.autocomplete,label:"Frac Fleet",value:m.selectedFracFleets,onChange:g,useAllOption:!0,dropdownClassName:o.dropdown,multiple:!0,options:u.map((function(e){return{id:e.value,title:e.label}}))})}),r("div",{children:r(l,{clearable:!1,className:o.autocomplete,useAllOption:!0,label:"Formation",value:m.selectedFormations,onChange:A,multiple:!0,dropdownClassName:o.dropdown,options:h.map((function(e){return{id:e.value,title:e.label}}))})}),r("div",{children:r(t,{className:o.input,label:"TVD (Min)",placeholder:"0",type:"number",htmlAttributes:{min:0},value:m.tvdMin,onChange:F})}),r("div",{children:r(t,{className:o.input,label:"TVD (Max)",placeholder:"10000",type:"number",htmlAttributes:{min:0},value:m.tvdMax,onChange:C})})]})}));export{i as default};
+import{memo as e}from"react";import{TextInput as t}from"../../TextInput/TextInput.js";import{Autocomplete as a}from"../../Autocomplete/Autocomplete.js";import{useOptions as l}from"./useOptions.js";import{useAssetFiltersHandlers as o}from"./useAssetFiltersHandlers.js";import n from"./AssetFilters.scss.js";import{jsxs as s,jsx as r}from"react/jsx-runtime";var i=e((function(e){var i=e.pads,d=e.selectedPadId,p=e.filters,m=e.setFilters,u=l(i,d),c=u.fracFleetOptions,h=u.formationOptions,v=u.padOptions,f=o(m),F=f.handlePadStatusChange,b=f.handleTvdMinChange,C=f.handleTvdMaxChange,I=f.handleFracFleetsSelect,g=f.handleFormationsSelect;return s("div",{className:n.filters,"data-testid":"assetFilters",children:[r("div",{children:r(a,{clearable:!1,className:n.autocomplete,label:"Pad",value:p.padStatus,onChange:F,options:v,testId:"padStatusDropdown"})}),r("div",{children:r(a,{clearable:!1,className:n.autocomplete,label:"Frac Fleet",testId:"fracFleetDropdown",value:p.selectedFracFleets,onChange:I,useAllOption:!0,dropdownClassName:n.dropdown,multiple:!0,options:c.map((function(e){return{id:e.value,title:e.label}}))})}),r("div",{children:r(a,{clearable:!1,className:n.autocomplete,useAllOption:!0,label:"Formation",testId:"formationDropdown",value:p.selectedFormations,onChange:g,multiple:!0,dropdownClassName:n.dropdown,options:h.map((function(e){return{id:e.value,title:e.label}}))})}),r("div",{children:r(t,{className:n.input,label:"TVD (Min)",testId:"tvdMinInput",placeholder:"0",type:"number",htmlAttributes:{min:0},value:p.tvdMin,onChange:b})}),r("div",{children:r(t,{className:n.input,label:"TVD (Max)",testId:"tvdMaxInput",placeholder:"10000",type:"number",htmlAttributes:{min:0},value:p.tvdMax,onChange:C})})]})}));export{i as default};
 //# sourceMappingURL=AssetFilters.js.map

package/componentsV2/CompletionsOffsetWellPicker/AssetFilters/AssetFilters.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetFilters.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/AssetFilters/AssetFilters.tsx"],"sourcesContent":["import { FC, memo } from 'react';\n\nimport { TextInput } from '../../../componentsV2/TextInput';\nimport { Autocomplete } from '../../../componentsV2/Autocomplete';\nimport { Filters, MappedPad } from '../types';\n\nimport { useOptions } from './useOptions';\nimport { useAssetFiltersHandlers } from './useAssetFiltersHandlers';\n\nimport styles from './AssetFilters.scss';\n\ntype Props = {\n pads: MappedPad[];\n selectedPadId?: number;\n filters: Filters;\n setFilters: React.Dispatch<React.SetStateAction<Filters>>;\n};\n\nconst AssetFilters: FC<Props> = memo(({ pads, selectedPadId, filters, setFilters }) => {\n const { fracFleetOptions, formationOptions, padOptions } = useOptions(pads, selectedPadId);\n\n const {\n handlePadStatusChange,\n handleTvdMinChange,\n handleTvdMaxChange,\n handleFracFleetsSelect,\n handleFormationsSelect,\n } = useAssetFiltersHandlers(setFilters);\n\n return (\n <div className={styles.filters}>\n <div>\n <Autocomplete\n clearable={false}\n className={styles.autocomplete}\n label=\"Pad\"\n value={filters.padStatus}\n onChange={handlePadStatusChange}\n options={padOptions}\n />\n </div>\n <div>\n <Autocomplete\n clearable={false}\n className={styles.autocomplete}\n label=\"Frac Fleet\"\n value={filters.selectedFracFleets}\n onChange={handleFracFleetsSelect}\n useAllOption\n dropdownClassName={styles.dropdown}\n multiple\n options={fracFleetOptions.map(option => ({\n id: option.value,\n title: option.label,\n }))}\n />\n </div>\n <div>\n <Autocomplete\n clearable={false}\n className={styles.autocomplete}\n useAllOption\n label=\"Formation\"\n value={filters.selectedFormations}\n onChange={handleFormationsSelect}\n multiple\n dropdownClassName={styles.dropdown}\n options={formationOptions.map(option => ({\n id: option.value,\n title: option.label,\n }))}\n />\n </div>\n <div>\n <TextInput\n className={styles.input}\n label=\"TVD (Min)\"\n placeholder=\"0\"\n type=\"number\"\n htmlAttributes={{\n min: 0,\n }}\n value={filters.tvdMin}\n onChange={handleTvdMinChange}\n />\n </div>\n <div>\n <TextInput\n className={styles.input}\n label=\"TVD (Max)\"\n placeholder=\"10000\"\n type=\"number\"\n htmlAttributes={{\n min: 0,\n }}\n value={filters.tvdMax}\n onChange={handleTvdMaxChange}\n />\n </div>\n </div>\n );\n});\n\nexport default AssetFilters;\n"],"names":["AssetFilters","memo","_ref","pads","selectedPadId","filters","setFilters","_useOptions","useOptions","fracFleetOptions","formationOptions","padOptions","useAssetFiltersHandlers","handlePadStatusChange","handleTvdMinChange","handleTvdMaxChange","handleFracFleetsSelect","handleFormationsSelect","_jsxs","className","styles","children","_jsx","Autocomplete","clearable","autocomplete","label","value","padStatus","onChange","options","selectedFracFleets","useAllOption","dropdownClassName","dropdown","multiple","map","option","id","title","selectedFormations","TextInput","input","placeholder","type","htmlAttributes","min","tvdMin","tvdMax"],"mappings":"oWAkBA,IAAMA,EAA0BC,GAAK,SAAkDC,GAAA,IAA/CC,IAAAA,KAAMC,IAAAA,cAAeC,IAAAA,QAASC,IAAAA,WACpEC,EAA2DC,EAAWL,EAAMC,GAApEK,IAAAA,iBAAkBC,IAAAA,iBAAkBC,IAAAA,WAQxCC,EAAAA,EAAwBN,GAL1BO,IAAAA,sBACAC,IAAAA,mBACAC,IAAAA,mBACAC,IAAAA,uBACAC,IAAAA,uBAGF,OACEC,EAAA,MAAA,CAAKC,UAAWC,EAAOf,~~QAAQgB~~,~~SAC7B~~,CAAAC,EAAA,MAAA,CAAAD,SACEC,EAACC,EAAY,CACXC,WAAW,EACXL,UAAWC,EAAOK,aAClBC,MAAM,MACNC,MAAOtB,EAAQuB,UACfC,SAAUhB,EACViB,QAASnB,~~MAGbW~~,EAAA,MAAA,CAAAD,SACEC,EAACC,EAAY,CACXC,WAAW,EACXL,UAAWC,EAAOK,aAClBC,MAAM,~~aACNC~~,MAAOtB,~~EAAQ0B~~,~~mBACfF~~,SAAUb,~~EACVgB~~,cAAY,EACZC,~~kBAAmBb~~,~~EAAOc~~,SAC1BC,UAAQ,~~EACRL~~,QAASrB,~~EAAiB2B~~,KAAI,SAAAC,GAAM,MAAK,CACvCC,GAAID,~~EAAOV~~,~~MACXY~~,MAAOF,~~EAAOX~~,cAIpBJ,EAAA,MAAA,CAAAD,SACEC,EAACC,EAAY,CACXC,WAAW,EACXL,UAAWC,EAAOK,~~aAClBO~~,cAAY,~~EACZN~~,MAAM,~~YACNC~~,MAAOtB,~~EAAQmC~~,~~mBACfX~~,SAAUZ,~~EACVkB~~,UAAQ,EACRF,~~kBAAmBb~~,~~EAAOc~~,~~SAC1BJ~~,QAASpB,~~EAAiB0B~~,KAAI,SAAAC,GAAM,MAAK,CACvCC,GAAID,~~EAAOV~~,~~MACXY~~,MAAOF,~~EAAOX~~,cAIpBJ,EAAA,MAAA,CAAAD,SACEC,~~EAACmB~~,EAAS,~~CACRtB~~,UAAWC,~~EAAOsB~~,~~MAClBhB~~,MAAM,~~YACNiB~~,YAAY,IACZC,KAAK,SACLC,eAAgB,CACdC,IAAK,~~GAEPnB~~,MAAOtB,~~EAAQ0C~~,~~OACflB~~,SAAUf,MAGdQ,EAAA,MAAA,CAAAD,SACEC,~~EAACmB~~,EAAS,~~CACRtB~~,UAAWC,~~EAAOsB~~,~~MAClBhB~~,MAAM,~~YACNiB~~,YAAY,QACZC,KAAK,SACLC,eAAgB,CACdC,IAAK,~~GAEPnB~~,MAAOtB,~~EAAQ2C~~,~~OACfnB~~,SAAUd,QAKpB"}
1	+ {"version":3,"file":"AssetFilters.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/AssetFilters/AssetFilters.tsx"],"sourcesContent":["import { FC, memo } from 'react';\n\nimport { TextInput } from '../../../componentsV2/TextInput';\nimport { Autocomplete } from '../../../componentsV2/Autocomplete';\nimport { Filters, MappedPad } from '../types';\n\nimport { useOptions } from './useOptions';\nimport { useAssetFiltersHandlers } from './useAssetFiltersHandlers';\n\nimport styles from './AssetFilters.scss';\n\ntype Props = {\n pads: MappedPad[];\n selectedPadId?: number;\n filters: Filters;\n setFilters: React.Dispatch<React.SetStateAction<Filters>>;\n};\n\nconst AssetFilters: FC<Props> = memo(({ pads, selectedPadId, filters, setFilters }) => {\n const { fracFleetOptions, formationOptions, padOptions } = useOptions(pads, selectedPadId);\n\n const {\n handlePadStatusChange,\n handleTvdMinChange,\n handleTvdMaxChange,\n handleFracFleetsSelect,\n handleFormationsSelect,\n } = useAssetFiltersHandlers(setFilters);\n\n return (\n <div className={styles.filters} data-testid=\"assetFilters\">\n <div>\n <Autocomplete\n clearable={false}\n className={styles.autocomplete}\n label=\"Pad\"\n value={filters.padStatus}\n onChange={handlePadStatusChange}\n options={padOptions}\n testId=\"padStatusDropdown\"\n />\n </div>\n <div>\n <Autocomplete\n clearable={false}\n className={styles.autocomplete}\n label=\"Frac Fleet\"\n testId=\"fracFleetDropdown\"\n value={filters.selectedFracFleets}\n onChange={handleFracFleetsSelect}\n useAllOption\n dropdownClassName={styles.dropdown}\n multiple\n options={fracFleetOptions.map(option => ({\n id: option.value,\n title: option.label,\n }))}\n />\n </div>\n <div>\n <Autocomplete\n clearable={false}\n className={styles.autocomplete}\n useAllOption\n label=\"Formation\"\n testId=\"formationDropdown\"\n value={filters.selectedFormations}\n onChange={handleFormationsSelect}\n multiple\n dropdownClassName={styles.dropdown}\n options={formationOptions.map(option => ({\n id: option.value,\n title: option.label,\n }))}\n />\n </div>\n <div>\n <TextInput\n className={styles.input}\n label=\"TVD (Min)\"\n testId=\"tvdMinInput\"\n placeholder=\"0\"\n type=\"number\"\n htmlAttributes={{\n min: 0,\n }}\n value={filters.tvdMin}\n onChange={handleTvdMinChange}\n />\n </div>\n <div>\n <TextInput\n className={styles.input}\n label=\"TVD (Max)\"\n testId=\"tvdMaxInput\"\n placeholder=\"10000\"\n type=\"number\"\n htmlAttributes={{\n min: 0,\n }}\n value={filters.tvdMax}\n onChange={handleTvdMaxChange}\n />\n </div>\n </div>\n );\n});\n\nexport default AssetFilters;\n"],"names":["AssetFilters","memo","_ref","pads","selectedPadId","filters","setFilters","_useOptions","useOptions","fracFleetOptions","formationOptions","padOptions","useAssetFiltersHandlers","handlePadStatusChange","handleTvdMinChange","handleTvdMaxChange","handleFracFleetsSelect","handleFormationsSelect","_jsxs","className","styles","children","_jsx","Autocomplete","clearable","autocomplete","label","value","padStatus","onChange","options","testId","selectedFracFleets","useAllOption","dropdownClassName","dropdown","multiple","map","option","id","title","selectedFormations","TextInput","input","placeholder","type","htmlAttributes","min","tvdMin","tvdMax"],"mappings":"oWAkBA,IAAMA,EAA0BC,GAAK,SAAkDC,GAAA,IAA/CC,IAAAA,KAAMC,IAAAA,cAAeC,IAAAA,QAASC,IAAAA,WACpEC,EAA2DC,EAAWL,EAAMC,GAApEK,IAAAA,iBAAkBC,IAAAA,iBAAkBC,IAAAA,WAQxCC,EAAAA,EAAwBN,GAL1BO,IAAAA,sBACAC,IAAAA,mBACAC,IAAAA,mBACAC,IAAAA,uBACAC,IAAAA,uBAGF,OACEC,EAAA,MAAA,CAAKC,UAAWC,EAAOf,QAAS,cAAY,eAAcgB,SACxD,CAAAC,EAAA,MAAA,CAAAD,SACEC,EAACC,EAAY,CACXC,WAAW,EACXL,UAAWC,EAAOK,aAClBC,MAAM,MACNC,MAAOtB,EAAQuB,UACfC,SAAUhB,EACViB,QAASnB,EACToB,OAAO,wBAGXT,EAAA,MAAA,CAAAD,SACEC,EAACC,EAAY,CACXC,WAAW,EACXL,UAAWC,EAAOK,aAClBC,MAAM,aACNK,OAAO,oBACPJ,MAAOtB,EAAQ2B,mBACfH,SAAUb,EACViB,cAAY,EACZC,kBAAmBd,EAAOe,SAC1BC,UAAQ,EACRN,QAASrB,EAAiB4B,KAAI,SAAAC,GAAM,MAAK,CACvCC,GAAID,EAAOX,MACXa,MAAOF,EAAOZ,cAIpBJ,EAAA,MAAA,CAAAD,SACEC,EAACC,EAAY,CACXC,WAAW,EACXL,UAAWC,EAAOK,aAClBQ,cAAY,EACZP,MAAM,YACNK,OAAO,oBACPJ,MAAOtB,EAAQoC,mBACfZ,SAAUZ,EACVmB,UAAQ,EACRF,kBAAmBd,EAAOe,SAC1BL,QAASpB,EAAiB2B,KAAI,SAAAC,GAAM,MAAK,CACvCC,GAAID,EAAOX,MACXa,MAAOF,EAAOZ,cAIpBJ,EAAA,MAAA,CAAAD,SACEC,EAACoB,EAAS,CACRvB,UAAWC,EAAOuB,MAClBjB,MAAM,YACNK,OAAO,cACPa,YAAY,IACZC,KAAK,SACLC,eAAgB,CACdC,IAAK,GAEPpB,MAAOtB,EAAQ2C,OACfnB,SAAUf,MAGdQ,EAAA,MAAA,CAAAD,SACEC,EAACoB,EAAS,CACRvB,UAAWC,EAAOuB,MAClBjB,MAAM,YACNK,OAAO,cACPa,YAAY,QACZC,KAAK,SACLC,eAAgB,CACdC,IAAK,GAEPpB,MAAOtB,EAAQ4C,OACfpB,SAAUd,QAKpB"}

package/componentsV2/CompletionsOffsetWellPicker/AssetSearchInput/AssetSearchInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetSearchInput.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/AssetSearchInput/AssetSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAQ9C,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,~~CAc9B~~,CAAC;eAEY,gBAAgB"}
1	+ {"version":3,"file":"AssetSearchInput.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/AssetSearchInput/AssetSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAQ9C,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAe9B,CAAC;eAEY,gBAAgB"}

package/componentsV2/CompletionsOffsetWellPicker/AssetSearchInput/AssetSearchInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{memo as o,useCallback as s}from"react";import{TextInput as c}from"../../TextInput/TextInput.js";import i from"./AssetSearchInput.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as n}from"react/jsx-runtime";import"../../../icons/IconParkProvider.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{SearchOne as t}from"../../../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";var m=o((function(o){var m=o.searchText,r=o.onChange,e=s((function(){return r("")}),[r]);return n(c,{className:i.textInput,label:"Search",placeholder:"Search for Pads...",prefix:n(t,{}),onChange:r,value:m,onClear:e})}));export{m as default};
+import{memo as o,useCallback as s}from"react";import{TextInput as c}from"../../TextInput/TextInput.js";import i from"./AssetSearchInput.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as n}from"react/jsx-runtime";import"../../../icons/IconParkProvider.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{SearchOne as t}from"../../../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";var m=o((function(o){var m=o.searchText,r=o.onChange,e=s((function(){return r("")}),[r]);return n(c,{className:i.textInput,label:"Search",placeholder:"Search for Pads...",prefix:n(t,{}),onChange:r,value:m,onClear:e,testId:"padSearchInput"})}));export{m as default};
 //# sourceMappingURL=AssetSearchInput.js.map

package/componentsV2/CompletionsOffsetWellPicker/AssetSearchInput/AssetSearchInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetSearchInput.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/AssetSearchInput/AssetSearchInput.tsx"],"sourcesContent":["import { FC, memo, useCallback } from 'react';\n\nimport { TextInput } from '../../TextInput';\n\nimport styles from './AssetSearchInput.scss';\n\nimport { SearchOne } from '~/icons';\n\ntype Props = {\n searchText: string;\n onChange: (value: string) => void;\n};\n\nconst AssetSearchInput: FC<Props> = memo(({ searchText, onChange }) => {\n const clearSearch = useCallback(() => onChange(''), [onChange]);\n\n return (\n <TextInput\n className={styles.textInput}\n label=\"Search\"\n placeholder=\"Search for Pads...\"\n prefix={<SearchOne />}\n onChange={onChange}\n value={searchText}\n onClear={clearSearch}\n />\n );\n});\n\nexport default AssetSearchInput;\n"],"names":["AssetSearchInput","memo","_ref","searchText","onChange","clearSearch","useCallback","_jsx","TextInput","className","styles","textInput","label","placeholder","prefix","SearchOne","value","onClear"],"mappings":"g4IAaA,IAAMA,EAA8BC,GAAK,SAA8BC,GAAA,IAA3BC,IAAAA,WAAYC,IAAAA,SAChDC,EAAcC,GAAY,WAAA,OAAMF,EAAS,MAAK,CAACA,IAErD,OACEG,EAACC,EAAS,CACRC,UAAWC,EAAOC,UAClBC,MAAM,SACNC,YAAY,qBACZC,OAAQP,EAACQ,EAAa,IACtBX,SAAUA,EACVY,MAAOb,EACPc,QAASZ,~~GAGf~~"}
1	+ {"version":3,"file":"AssetSearchInput.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/AssetSearchInput/AssetSearchInput.tsx"],"sourcesContent":["import { FC, memo, useCallback } from 'react';\n\nimport { TextInput } from '../../TextInput';\n\nimport styles from './AssetSearchInput.scss';\n\nimport { SearchOne } from '~/icons';\n\ntype Props = {\n searchText: string;\n onChange: (value: string) => void;\n};\n\nconst AssetSearchInput: FC<Props> = memo(({ searchText, onChange }) => {\n const clearSearch = useCallback(() => onChange(''), [onChange]);\n\n return (\n <TextInput\n className={styles.textInput}\n label=\"Search\"\n placeholder=\"Search for Pads...\"\n prefix={<SearchOne />}\n onChange={onChange}\n value={searchText}\n onClear={clearSearch}\n testId=\"padSearchInput\"\n />\n );\n});\n\nexport default AssetSearchInput;\n"],"names":["AssetSearchInput","memo","_ref","searchText","onChange","clearSearch","useCallback","_jsx","TextInput","className","styles","textInput","label","placeholder","prefix","SearchOne","value","onClear","testId"],"mappings":"g4IAaA,IAAMA,EAA8BC,GAAK,SAA8BC,GAAA,IAA3BC,IAAAA,WAAYC,IAAAA,SAChDC,EAAcC,GAAY,WAAA,OAAMF,EAAS,MAAK,CAACA,IAErD,OACEG,EAACC,EAAS,CACRC,UAAWC,EAAOC,UAClBC,MAAM,SACNC,YAAY,qBACZC,OAAQP,EAACQ,EAAa,IACtBX,SAAUA,EACVY,MAAOb,EACPc,QAASZ,EACTa,OAAO,kBAGb"}

package/componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CompletionsOffsetWellPicker.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA2B,MAAM,OAAO,CAAC;AAapD,OAAO,EAAE,gCAAgC,IAAI,KAAK,EAAsB,MAAM,SAAS,CAAC;~~AAiLxF~~,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,KAAK,CAQjD,CAAC"}
1	+ {"version":3,"file":"CompletionsOffsetWellPicker.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA2B,MAAM,OAAO,CAAC;AAapD,OAAO,EAAE,gCAAgC,IAAI,KAAK,EAAsB,MAAM,SAAS,CAAC;AAyLxF,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,KAAK,CAQjD,CAAC"}

package/componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import s from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{memo as i,useState as c,useMemo as n}from"react";import t from"classnames";import{QueryClient as e,QueryClientProvider as r}from"@tanstack/react-query";import{Modal as l}from"../Modal/Modal.js";import{OffsetWellsButton as m}from"../OffsetWellsButton/OffsetWellsButton.js";import{Button as a}from"../Button/Button.js";import p from"./ModalTitle/ModalTitle.js";import u from"./AssetFilters/AssetFilters.js";import d from"./PadsTable/PadsTable.js";import{usePads as j}from"./hooks/usePads.js";import I from"./Map/Map.js";import{PadStatus as f}from"./types.js";import{useModalHandlers as O}from"./useModalHandlers.js";import{BASE_FILTERS as b,DEFAULT_RADIUS_MILES as h}from"./constants.js";import{usePadsByRadius as C}from"./hooks/usePadsByRadius.js";import M from"./CompletionsOffsetWellPicker.scss.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsxs as P,Fragment as g,jsx as y}from"react/jsx-runtime";import"../../icons/IconParkProvider.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{Global as S}from"../../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";function F(s,o){var i=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),i.push.apply(i,c)}return i}function v(o){for(var i=1;i<arguments.length;i++){var c=null!=arguments[i]?arguments[i]:{};i%2?F(Object(c),!0).forEach((function(i){s(o,i,c[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):F(Object(c)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(c,s))}))}return o}var W=i((function(s){var i=s.selectedPadId,e=s.selectedOffsetWellIds,r=s.onOffsetWellsSelect,F=s.companyId,W=s.maxRadiusInMiles,k=s.well,A=s.wells,w=s.isGlobalSelector,D=s.testId,R=s.buttonLabel,x=c(!0),B=o(x,2),T=B[0],L=B[1],E=c(!0),G=o(E,2),z=G[0],N=G[1],U=c((function(){return v(v({},b),{},{radiusMiles:void 0===W?h:Math.min(h,W)})})),V=o(U,2),q=V[0],H=V[1],K=c((function(){return v(v({},q),{},{padStatus:f.All})})),Z=o(K,1)[0],J=n((function(){return z?q:v(v({},Z),{},{radiusMiles:q.radiusMiles})}),[z,q,Z]),Q=j({companyId:F,padStatus:J.padStatus,well:k,wells:A,selectedOffsetWellIds:e}),X=Q.pads,Y=Q.isBackgroundDataLoading,$=Q.isSelectedPadsLoading,_=C({pads:X,selectedPadId:i,radiusMiles:J.radiusMiles}),ss=O({pads:X,selectedOffsetWellIds:e,onOffsetWellsSelect:r}),os=ss.isModalOpen,is=ss.handleOpenModal,cs=ss.handleCloseModal,ns=ss.handleSaveSelectedWellIds,ts=ss.handleCancelButtonClick,es=ss.handleResetSelection,rs=ss.localSelectedOffsetWellIds,ls=ss.setLocalSelectedOffsetWellIds,ms=n((function(){return _?_.filter((function(s){return s.id.toString()!==(null==i?void 0:i.toString())})).flatMap((function(s){return s.wells.map((function(s){return s.id}))})):[]}),[_,i]),as=n((function(){return _?_.filter((function(s){return s.wells.some((function(s){return rs.includes(s.id)}))})):[]}),[_,rs]);return P(g,{children:[y(m,{wells:e.length,"data-testid":D,icon:w?y(S,{size:20,className:M.buttonIcon}):void 0,onClick:is,label:R}),y(l,{open:os,size:"fullscreen",onClose:cs,primaryActionText:"Select Wells (".concat(rs.length,")"),primaryActionHandler:ns,secondaryActionText:"Cancel",secondaryActionHandler:ts,actions:[y(a,{type:"secondaryDestructive",onClick:es,children:"Reset"},"clear-filters")],title:y(p,{total:_.length?_.length-1:0,selected:as.length,isMapVisible:T,isFiltersVisible:z,toggleMapVisibility:function(){return L((function(s){return!s}))},toggleFiltersVisibility:function(){return N((function(s){return!s}))},onModalClose:cs,isBackgroundDataLoading:Y}),children:P("div",{className:M.modalContent,children:[T&&y(I,{wells:A,well:k,pads:_,selectedOffsetWellsIds:rs,onOffsetWellIdsSelect:ls,radiusMiles:J.radiusMiles,setFilters:H,maxRadiusInMiles:W}),P("div",{className:t(M.tableContainer,T?M.tableContainerWithMap:M.tableContainerWithoutMap),children:[z&&y(u,{pads:_,selectedPadId:i,filters:J,setFilters:H}),y(d,{allWellIds:ms,pads:_,selectedPadId:i,selectedOffsetWellIds:rs,onOffsetWellIdsSelect:ls,filters:J,isSelectedPadsLoading:$})]})]})})]})})),k=function(s){var o=n((function(){return new e}),[]);return y(r,{client:o,children:y(W,v({},s))})};export{k as CompletionsOffsetWellPicker};
+import s from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{memo as c,useState as i,useMemo as n}from"react";import t from"classnames";import{QueryClient as e,QueryClientProvider as r}from"@tanstack/react-query";import{Modal as l}from"../Modal/Modal.js";import{OffsetWellsButton as m}from"../OffsetWellsButton/OffsetWellsButton.js";import{Button as a}from"../Button/Button.js";import p from"./ModalTitle/ModalTitle.js";import u from"./AssetFilters/AssetFilters.js";import d from"./PadsTable/PadsTable.js";import{usePads as I}from"./hooks/usePads.js";import j from"./Map/Map.js";import{PadStatus as f}from"./types.js";import{useModalHandlers as O}from"./useModalHandlers.js";import{BASE_FILTERS as b,DEFAULT_RADIUS_MILES as h}from"./constants.js";import{usePadsByRadius as C}from"./hooks/usePadsByRadius.js";import P from"./CompletionsOffsetWellPicker.scss.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsxs as M,Fragment as g,jsx as y}from"react/jsx-runtime";import"../../icons/IconParkProvider.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{Global as S}from"../../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";function F(s,o){var c=Object.keys(s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),c.push.apply(c,i)}return c}function W(o){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?F(Object(i),!0).forEach((function(c){s(o,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):F(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var v=c((function(s){var c=s.selectedPadId,e=s.selectedOffsetWellIds,r=s.onOffsetWellsSelect,F=s.companyId,v=s.maxRadiusInMiles,A=s.well,k=s.wells,w=s.isGlobalSelector,B=s.testId,D=s.buttonLabel,R=i(!0),x=o(R,2),T=x[0],L=x[1],E=i(!0),G=o(E,2),z=G[0],N=G[1],U=i((function(){return W(W({},b),{},{radiusMiles:void 0===v?h:Math.min(h,v)})})),V=o(U,2),q=V[0],H=V[1],K=i((function(){return W(W({},q),{},{padStatus:f.All})})),Z=o(K,1)[0],J=n((function(){return z?q:W(W({},Z),{},{radiusMiles:q.radiusMiles})}),[z,q,Z]),Q=I({companyId:F,padStatus:J.padStatus,well:A,wells:k,selectedOffsetWellIds:e}),X=Q.pads,Y=Q.isBackgroundDataLoading,$=Q.isSelectedPadsLoading,_=C({pads:X,selectedPadId:c,radiusMiles:J.radiusMiles}),ss=O({pads:X,selectedOffsetWellIds:e,onOffsetWellsSelect:r}),os=ss.isModalOpen,cs=ss.handleOpenModal,is=ss.handleCloseModal,ns=ss.handleSaveSelectedWellIds,ts=ss.handleCancelButtonClick,es=ss.handleResetSelection,rs=ss.localSelectedOffsetWellIds,ls=ss.setLocalSelectedOffsetWellIds,ms=n((function(){return _?_.filter((function(s){return s.id.toString()!==(null==c?void 0:c.toString())})).flatMap((function(s){return s.wells.map((function(s){return s.id}))})):[]}),[_,c]),as=n((function(){return _?_.filter((function(s){return s.wells.some((function(s){return rs.includes(s.id)}))})):[]}),[_,rs]);return M(g,{children:[y(m,{wells:e.length,testId:B,icon:w?y(S,{size:20,className:P.buttonIcon}):void 0,onClick:cs,label:D}),y(l,{open:os,size:"fullscreen",testId:"completionsOffsetWellPickerModal",onClose:is,primaryActionText:"Select Wells (".concat(rs.length,")"),primaryActionHandler:ns,primaryActionProps:{testId:"selectWellsButton"},secondaryActionText:"Cancel",secondaryActionHandler:ts,secondaryActionProps:{testId:"cancelButton"},actions:[y(a,{type:"secondaryDestructive",onClick:es,testId:"resetButton",children:"Reset"},"clear-filters")],title:y(p,{total:_.length?_.length-1:0,selected:as.length,isMapVisible:T,isFiltersVisible:z,toggleMapVisibility:function(){return L((function(s){return!s}))},toggleFiltersVisibility:function(){return N((function(s){return!s}))},onModalClose:is,isBackgroundDataLoading:Y}),children:M("div",{className:P.modalContent,children:[T&&y(j,{wells:k,well:A,pads:_,selectedOffsetWellsIds:rs,onOffsetWellIdsSelect:ls,radiusMiles:J.radiusMiles,setFilters:H,maxRadiusInMiles:v}),M("div",{className:t(P.tableContainer,T?P.tableContainerWithMap:P.tableContainerWithoutMap),children:[z&&y(u,{pads:_,selectedPadId:c,filters:J,setFilters:H}),y(d,{allWellIds:ms,pads:_,selectedPadId:c,selectedOffsetWellIds:rs,onOffsetWellIdsSelect:ls,filters:J,isSelectedPadsLoading:$})]})]})})]})})),A=function(s){var o=n((function(){return new e}),[]);return y(r,{client:o,children:y(v,W({},s))})};export{A as CompletionsOffsetWellPicker};
 //# sourceMappingURL=CompletionsOffsetWellPicker.js.map