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

@corva/ui 3.75.0-16 → 3.75.0-18

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

Files changed (1067) hide show

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/slicedToArray";import c from"@babel/runtime/helpers/defineProperty";import{memo as i,useContext as n,useState as t,useEffect as r}from"react";import{uniq as e}from"lodash";import{makeStyles as m,FormControl as p,InputLabel as a,Select as u,MenuItem as l}from"@material-ui/core";import{isMobileDetected as j}from"../../../utils/mobileDetect.js";import d from"../../Modal/Modal.js";import I from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"classnames";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import"@icon-park/react/es/all";import{jsx as h,jsxs as f,Fragment as b}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"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import C from"../RealTimeSidebarContext.js";function O(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function g(o){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?O(Object(i),!0).forEach((function(s){c(o,s,i[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var v=m({selectFormControl:{width:"80%",marginRight:"1rem"},cancelButton:{margin:"0 16px 0 auto"},saveButton:{marginLeft:16}}),y=i((function(i){var m=i.isDialogOpen,O=i.paramToEdit,y=i.handleCloseRealTimeDialog,P=n(C),F=P.onAppSettingChange,k=P.appSettings,D=P.assetKey,S=P.realTimeTypes,A=P.setting,B=P.handleChangeParamToEdit,T=v(),x=function(o){F("rtValuesSetting",g(g({},k.rtValuesSetting),{},c({},D,o)))},R=t(O),E=s(R,2),M=E[0],w=E[1];r((function(){w(O)}),[O]);return h(d,{open:m,onClose:y,title:"Add/Edit Real-Time Parameter",size:j?"extraLarge":"medium",actions:f(b,{children:[h(I,{color:"primary",classes:{root:T.cancelButton},onClick:y,children:"Cancel"}),O&&h(I,{color:"primary",onClick:function(){var o=A.filter((function(o){return o!==O}));x(o),B(""),y()},children:"Delete"}),h(I,{classes:{root:T.saveButton},variation:"primary",onClick:function(){var s;if(O)s=A.map((function(o){return o===O?M:o}));else{if(A.find((function(o){return o===M})))return void y();s=[M].concat(o(A))}s=e(s),x(s),B(""),y()},disabled:!M,children:"Save"})]}),children:f(p,{classes:{root:T.selectFormControl},"data-testid":"addEditRealTimeParameterDropdown",children:[h(a,{htmlFor:"parameter",children:"Parameter"}),h(u,{value:M||"",inputProps:{name:"parameter",id:"parameter"},onChange:function(o){w(String(o.target.value))},children:S.map((function(o){return h(l,{"data-testid":"".concat(o.key,"_menuItem"),value:o.key,disabled:A.includes(o.key),children:o.name},o.key)}))})]})})}));export{y as default};
+import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/slicedToArray";import c from"@babel/runtime/helpers/defineProperty";import{memo as n,useContext as i,useState as t,useEffect as r}from"react";import{uniq as e}from"lodash";import{makeStyles as m,FormControl as p,InputLabel as a,Select as u,MenuItem as l}from"@material-ui/core";import{isMobileDetected as j}from"../../../utils/mobileDetect.js";import d from"../../Modal/Modal.js";import I from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"classnames";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import"@icon-park/react/es/all";import{jsx as h,jsxs as f,Fragment as b}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"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import C from"../RealTimeSidebarContext.js";function O(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function g(o){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?O(Object(n),!0).forEach((function(s){c(o,s,n[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(n,s))}))}return o}var v=m({selectFormControl:{width:"80%",marginRight:"1rem"},cancelButton:{margin:"0 16px 0 auto"},saveButton:{marginLeft:16}}),y=n((function(n){var m=n.isDialogOpen,O=n.paramToEdit,y=n.handleCloseRealTimeDialog,P=i(C),F=P.onAppSettingChange,k=P.appSettings,D=P.assetKey,S=P.realTimeTypes,A=P.setting,B=P.handleChangeParamToEdit,T=v(),x=function(o){F("rtValuesSetting",g(g({},k.rtValuesSetting),{},c({},D,o)))},R=t(O),E=s(R,2),M=E[0],w=E[1];r((function(){w(O)}),[O]);return h(d,{open:m,onClose:y,title:"Add/Edit Real-Time Parameter",size:j?"extraLarge":"medium",actions:f(b,{children:[h(I,{color:"primary",classes:{root:T.cancelButton},onClick:y,children:"Cancel"}),O&&h(I,{color:"primary",onClick:function(){var o=A.filter((function(o){return o!==O}));x(o),B(""),y()},children:"Delete"}),h(I,{classes:{root:T.saveButton},variation:"primary",onClick:function(){var s;if(O)s=A.map((function(o){return o===O?M:o}));else{if(A.find((function(o){return o===M})))return void y();s=[M].concat(o(A))}s=e(s),x(s),B(""),y()},disabled:!M,children:"Save"})]}),children:f(p,{classes:{root:T.selectFormControl},"data-testid":"addEditRealTimeParameterDropdown",children:[h(a,{htmlFor:"parameter",children:"Parameter"}),h(u,{value:M||"",inputProps:{name:"parameter",id:"parameter"},onChange:function(o){w(String(o.target.value))},children:S.map((function(o){return h(l,{"data-testid":"".concat(o.key,"_menuItem"),value:o.key,disabled:A.includes(o.key),children:o.name},o.key)}))})]})})}));export{y as default};
 //# sourceMappingURL=RealTimeBoxEditDialog.js.map

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RealTimeBoxEditDialog.js","sources":["../../../../src/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.tsx"],"sourcesContent":["import React, { FC, memo, useState, useEffect, useContext } from 'react';\nimport { uniq } from 'lodash';\nimport { makeStyles, InputLabel, MenuItem, FormControl, Select } from '@material-ui/core';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { RealTimeBoxEditDialogProps, RealTimeType } from '../types';\nimport Modal from '~/components/Modal/Modal';\nimport Button from '~/components/Button';\nimport RealTimeSidebarContext from '../RealTimeSidebarContext';\n\nconst useStyles = makeStyles({\n selectFormControl: { width: '80%', marginRight: '1rem' },\n cancelButton: {\n margin: '0 16px 0 auto',\n },\n saveButton: {\n marginLeft: 16,\n }\n});\n\nconst RealTimeBoxEditDialog: FC<RealTimeBoxEditDialogProps> = ({ isDialogOpen, paramToEdit, handleCloseRealTimeDialog }) => {\n const {\n onAppSettingChange,\n appSettings,\n assetKey,\n realTimeTypes,\n setting,\n handleChangeParamToEdit,\n } = useContext(RealTimeSidebarContext)!;\n\n const classes = useStyles();\n\n const onAppRtValuesSettingChange = (value: string[]) => {\n onAppSettingChange('rtValuesSetting', {\n ...appSettings.rtValuesSetting,\n [assetKey]: value,\n });\n };\n\n const [selectedParam, setSelectedParam] = useState(paramToEdit);\n\n useEffect(() => {\n setSelectedParam(paramToEdit);\n }, [paramToEdit]);\n\n const handleSave = () => {\n let newSetting;\n if (!paramToEdit) {\n if (setting.find((item: string) => item === selectedParam)) {\n handleCloseRealTimeDialog();\n return;\n }\n newSetting = [selectedParam, ...setting];\n } else {\n newSetting = setting.map((item: string) => {\n return item === paramToEdit ? selectedParam : item;\n });\n }\n\n // NOTE: remove duplicates\n newSetting = uniq(newSetting) as string[];\n\n onAppRtValuesSettingChange(newSetting);\n handleChangeParamToEdit('');\n handleCloseRealTimeDialog();\n };\n\n const handleDelete = () => {\n const newSetting = setting.filter((item: string) => item !== paramToEdit);\n onAppRtValuesSettingChange(newSetting);\n handleChangeParamToEdit('');\n handleCloseRealTimeDialog();\n };\n\n const onParamChange = (e: React.ChangeEvent<{ value: unknown }>) => {\n setSelectedParam(String(e.target.value));\n };\n\n return (\n <Modal\n open={isDialogOpen}\n onClose={handleCloseRealTimeDialog}\n title=\"Add/Edit Real-Time Parameter\"\n size={isMobileDetected ? 'extraLarge' : 'medium'}\n actions={\n <>\n <Button\n color=\"primary\"\n classes={{ root: classes.cancelButton }}\n onClick={handleCloseRealTimeDialog}\n >\n Cancel\n </Button>\n {paramToEdit && (\n <Button color=\"primary\" onClick={handleDelete}>\n Delete\n </Button>\n )}\n <Button\n classes={{ root: classes.saveButton }}\n variation=\"primary\"\n onClick={handleSave}\n disabled={!selectedParam}\n >\n Save\n </Button>\n </>\n }\n >\n <FormControl\n classes={{ root: classes.selectFormControl }}\n data-testid=\"addEditRealTimeParameterDropdown\"\n >\n <InputLabel htmlFor=\"parameter\">Parameter</InputLabel>\n <Select\n value={selectedParam \|\| ''}\n inputProps={{ name: 'parameter', id: 'parameter' }}\n onChange={onParamChange}\n >\n {realTimeTypes.map((rtType: RealTimeType) => (\n <MenuItem\n data-testid={`${rtType.key}_menuItem`}\n value={rtType.key}\n key={rtType.key}\n disabled={setting.includes(rtType.key)}\n >\n {rtType.name}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </Modal>\n );\n};\n\nexport default memo(RealTimeBoxEditDialog);\n"],"names":["useStyles","makeStyles","selectFormControl","width","marginRight","cancelButton","margin","saveButton","marginLeft","memo","_ref","isDialogOpen","paramToEdit","handleCloseRealTimeDialog","useContext","RealTimeSidebarContext","onAppSettingChange","appSettings","assetKey","realTimeTypes","setting","handleChangeParamToEdit","classes","onAppRtValuesSettingChange","value","_objectSpread","rtValuesSetting","useState","_useState2","_slicedToArray","_useState","selectedParam","setSelectedParam","useEffect","_jsx","Modal","open","onClose","title","size","isMobileDetected","actions","_jsxs","_Fragment","children","Button","color","root","onClick","newSetting","filter","item","variation","map","find","uniq","disabled","FormControl","InputLabel","htmlFor","Select","inputProps","name","id","onChange","e","String","target","rtType","MenuItem","key","includes"],"mappings":"~~24KAUA~~,IAAMA,EAAYC,EAAW,CAC3BC,kBAAmB,CAAEC,MAAO,MAAOC,YAAa,QAChDC,aAAc,CACZC,OAAQ,iBAEVC,WAAY,CACVC,WAAY,MAuHDC,EAAAA,GAnH+C,SAA8DC,GAAA,IAA3DC,IAAAA,aAAcC,IAAAA,YAAaC,IAAAA,0BAQtFC,EAAAA,EAAWC,GANbC,IAAAA,mBACAC,IAAAA,YACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,QACAC,IAAAA,wBAGIC,EAAUtB,IAEVuB,EAA6B,SAACC,GAClCR,EAAmB,kBAAiBS,EAAAA,EAAA,CAAA,EAC/BR,EAAYS,iBACdR,CAAAA,EAAAA,EAAAA,CAAAA,EAAAA,EAAWM,MAI0BG,EAAAA,EAASf,GAAYgB,EAAAC,EAAAC,EAAA,GAAxDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEtCK,GAAU,WACRD,EAAiBpB,EACnB,GAAG,CAACA,IAmCJ,OACEsB,EAACC,EAAK,CACJC,KAAMzB,EACN0B,QAASxB,EACTyB,MAAM,+BACNC,KAAMC,EAAmB,aAAe,SACxCC,QACEC,EAAAC,EAAA,CAAAC,SAAA,CACEV,EAACW,EAAM,CACLC,MAAM,UACNxB,QAAS,CAAEyB,KAAMzB,EAAQjB,cACzB2C,QAASnC,EAA0B+B,SAAA,WAIpChC,GACCsB,EAACW,EAAM,CAACC,MAAM,UAAUE,QA3Bb,WACnB,IAAMC,EAAa7B,EAAQ8B,QAAO,SAACC,GAAY,OAAKA,IAASvC,KAC7DW,EAA2B0B,GAC3B5B,EAAwB,IACxBR,KAuBsD+B,SAAA,WAIhDV,EAACW,EAAM,CACLvB,QAAS,CAAEyB,KAAMzB,EAAQf,YACzB6C,UAAU,UACVJ,QAxDS,WACjB,IAAIC,EACJ,GAAKrC,EAOHqC,EAAa7B,EAAQiC,KAAI,SAACF,GACxB,OAAOA,IAASvC,EAAcmB,EAAgBoB,CAChD,QATgB,CAChB,GAAI/B,EAAQkC,MAAK,SAACH,GAAY,OAAKA,IAASpB,CAAa,IAEvD,YADAlB,IAGFoC,EAAclB,CAAAA,GAAkBX,OAAAA,EAAAA,GAClC,CAOA6B,EAAaM,EAAKN,GAElB1B,EAA2B0B,GAC3B5B,EAAwB,IACxBR,KAsCQ2C,UAAWzB,EAAca,SAAA,YAK9BA,SAEDF,EAACe,EAAW,CACVnC,QAAS,CAAEyB,KAAMzB,EAAQpB,mBACzB,cAAY,mCAAkC0C,SAAA,CAE9CV,EAACwB,EAAU,CAACC,QAAQ,YAAWf,SAAA,cAC/BV,EAAC0B,EAAM,CACLpC,MAAOO,GAAiB,GACxB8B,WAAY,CAAEC,KAAM,YAAaC,GAAI,aACrCC,SA3Cc,SAACC,GACrBjC,EAAiBkC,OAAOD,EAAEE,OAAO3C,SA0CHoB,SAEvBzB,EAAckC,KAAI,SAACe,GAAoB,OACtClC,EAACmC,EAAQ,CACP,cAAgBD,GAAAA,OAAAA,EAAOE,IAAe,aACtC9C,MAAO4C,EAAOE,IAEdd,SAAUpC,EAAQmD,SAASH,EAAOE,KAAK1B,SAEtCwB,EAAON,MAHHM,EAAOE,cAU1B"}
1	+ {"version":3,"file":"RealTimeBoxEditDialog.js","sources":["../../../../src/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.tsx"],"sourcesContent":["import React, { FC, memo, useState, useEffect, useContext } from 'react';\nimport { uniq } from 'lodash';\nimport { makeStyles, InputLabel, MenuItem, FormControl, Select } from '@material-ui/core';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { RealTimeBoxEditDialogProps, RealTimeType } from '../types';\nimport Modal from '~/components/Modal/Modal';\nimport Button from '~/components/Button';\nimport RealTimeSidebarContext from '../RealTimeSidebarContext';\n\nconst useStyles = makeStyles({\n selectFormControl: { width: '80%', marginRight: '1rem' },\n cancelButton: {\n margin: '0 16px 0 auto',\n },\n saveButton: {\n marginLeft: 16,\n }\n});\n\nconst RealTimeBoxEditDialog: FC<RealTimeBoxEditDialogProps> = ({ isDialogOpen, paramToEdit, handleCloseRealTimeDialog }) => {\n const {\n onAppSettingChange,\n appSettings,\n assetKey,\n realTimeTypes,\n setting,\n handleChangeParamToEdit,\n } = useContext(RealTimeSidebarContext)!;\n\n const classes = useStyles();\n\n const onAppRtValuesSettingChange = (value: string[]) => {\n onAppSettingChange('rtValuesSetting', {\n ...appSettings.rtValuesSetting,\n [assetKey]: value,\n });\n };\n\n const [selectedParam, setSelectedParam] = useState(paramToEdit);\n\n useEffect(() => {\n setSelectedParam(paramToEdit);\n }, [paramToEdit]);\n\n const handleSave = () => {\n let newSetting;\n if (!paramToEdit) {\n if (setting.find((item: string) => item === selectedParam)) {\n handleCloseRealTimeDialog();\n return;\n }\n newSetting = [selectedParam, ...setting];\n } else {\n newSetting = setting.map((item: string) => {\n return item === paramToEdit ? selectedParam : item;\n });\n }\n\n // NOTE: remove duplicates\n newSetting = uniq(newSetting) as string[];\n\n onAppRtValuesSettingChange(newSetting);\n handleChangeParamToEdit('');\n handleCloseRealTimeDialog();\n };\n\n const handleDelete = () => {\n const newSetting = setting.filter((item: string) => item !== paramToEdit);\n onAppRtValuesSettingChange(newSetting);\n handleChangeParamToEdit('');\n handleCloseRealTimeDialog();\n };\n\n const onParamChange = (e: React.ChangeEvent<{ value: unknown }>) => {\n setSelectedParam(String(e.target.value));\n };\n\n return (\n <Modal\n open={isDialogOpen}\n onClose={handleCloseRealTimeDialog}\n title=\"Add/Edit Real-Time Parameter\"\n size={isMobileDetected ? 'extraLarge' : 'medium'}\n actions={\n <>\n <Button\n color=\"primary\"\n classes={{ root: classes.cancelButton }}\n onClick={handleCloseRealTimeDialog}\n >\n Cancel\n </Button>\n {paramToEdit && (\n <Button color=\"primary\" onClick={handleDelete}>\n Delete\n </Button>\n )}\n <Button\n classes={{ root: classes.saveButton }}\n variation=\"primary\"\n onClick={handleSave}\n disabled={!selectedParam}\n >\n Save\n </Button>\n </>\n }\n >\n <FormControl\n classes={{ root: classes.selectFormControl }}\n data-testid=\"addEditRealTimeParameterDropdown\"\n >\n <InputLabel htmlFor=\"parameter\">Parameter</InputLabel>\n <Select\n value={selectedParam \|\| ''}\n inputProps={{ name: 'parameter', id: 'parameter' }}\n onChange={onParamChange}\n >\n {realTimeTypes.map((rtType: RealTimeType) => (\n <MenuItem\n data-testid={`${rtType.key}_menuItem`}\n value={rtType.key}\n key={rtType.key}\n disabled={setting.includes(rtType.key)}\n >\n {rtType.name}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </Modal>\n );\n};\n\nexport default memo(RealTimeBoxEditDialog);\n"],"names":["useStyles","makeStyles","selectFormControl","width","marginRight","cancelButton","margin","saveButton","marginLeft","memo","_ref","isDialogOpen","paramToEdit","handleCloseRealTimeDialog","useContext","RealTimeSidebarContext","onAppSettingChange","appSettings","assetKey","realTimeTypes","setting","handleChangeParamToEdit","classes","onAppRtValuesSettingChange","value","_objectSpread","rtValuesSetting","useState","_useState2","_slicedToArray","_useState","selectedParam","setSelectedParam","useEffect","_jsx","Modal","open","onClose","title","size","isMobileDetected","actions","_jsxs","_Fragment","children","Button","color","root","onClick","newSetting","filter","item","variation","map","find","uniq","disabled","FormControl","InputLabel","htmlFor","Select","inputProps","name","id","onChange","e","String","target","rtType","MenuItem","key","includes"],"mappings":"w/KAUA,IAAMA,EAAYC,EAAW,CAC3BC,kBAAmB,CAAEC,MAAO,MAAOC,YAAa,QAChDC,aAAc,CACZC,OAAQ,iBAEVC,WAAY,CACVC,WAAY,MAuHDC,EAAAA,GAnH+C,SAA8DC,GAAA,IAA3DC,IAAAA,aAAcC,IAAAA,YAAaC,IAAAA,0BAQtFC,EAAAA,EAAWC,GANbC,IAAAA,mBACAC,IAAAA,YACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,QACAC,IAAAA,wBAGIC,EAAUtB,IAEVuB,EAA6B,SAACC,GAClCR,EAAmB,kBAAiBS,EAAAA,EAAA,CAAA,EAC/BR,EAAYS,iBACdR,CAAAA,EAAAA,EAAAA,CAAAA,EAAAA,EAAWM,MAI0BG,EAAAA,EAASf,GAAYgB,EAAAC,EAAAC,EAAA,GAAxDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEtCK,GAAU,WACRD,EAAiBpB,EACnB,GAAG,CAACA,IAmCJ,OACEsB,EAACC,EAAK,CACJC,KAAMzB,EACN0B,QAASxB,EACTyB,MAAM,+BACNC,KAAMC,EAAmB,aAAe,SACxCC,QACEC,EAAAC,EAAA,CAAAC,SAAA,CACEV,EAACW,EAAM,CACLC,MAAM,UACNxB,QAAS,CAAEyB,KAAMzB,EAAQjB,cACzB2C,QAASnC,EAA0B+B,SAAA,WAIpChC,GACCsB,EAACW,EAAM,CAACC,MAAM,UAAUE,QA3Bb,WACnB,IAAMC,EAAa7B,EAAQ8B,QAAO,SAACC,GAAY,OAAKA,IAASvC,KAC7DW,EAA2B0B,GAC3B5B,EAAwB,IACxBR,KAuBsD+B,SAAA,WAIhDV,EAACW,EAAM,CACLvB,QAAS,CAAEyB,KAAMzB,EAAQf,YACzB6C,UAAU,UACVJ,QAxDS,WACjB,IAAIC,EACJ,GAAKrC,EAOHqC,EAAa7B,EAAQiC,KAAI,SAACF,GACxB,OAAOA,IAASvC,EAAcmB,EAAgBoB,CAChD,QATgB,CAChB,GAAI/B,EAAQkC,MAAK,SAACH,GAAY,OAAKA,IAASpB,CAAa,IAEvD,YADAlB,IAGFoC,EAAclB,CAAAA,GAAkBX,OAAAA,EAAAA,GAClC,CAOA6B,EAAaM,EAAKN,GAElB1B,EAA2B0B,GAC3B5B,EAAwB,IACxBR,KAsCQ2C,UAAWzB,EAAca,SAAA,YAK9BA,SAEDF,EAACe,EAAW,CACVnC,QAAS,CAAEyB,KAAMzB,EAAQpB,mBACzB,cAAY,mCAAkC0C,SAAA,CAE9CV,EAACwB,EAAU,CAACC,QAAQ,YAAWf,SAAA,cAC/BV,EAAC0B,EAAM,CACLpC,MAAOO,GAAiB,GACxB8B,WAAY,CAAEC,KAAM,YAAaC,GAAI,aACrCC,SA3Cc,SAACC,GACrBjC,EAAiBkC,OAAOD,EAAEE,OAAO3C,SA0CHoB,SAEvBzB,EAAckC,KAAI,SAACe,GAAoB,OACtClC,EAACmC,EAAQ,CACP,cAAgBD,GAAAA,OAAAA,EAAOE,IAAe,aACtC9C,MAAO4C,EAAOE,IAEdd,SAAUpC,EAAQmD,SAASH,EAAOE,KAAK1B,SAEtCwB,EAAON,MAHHM,EAAOE,cAU1B"}

package/components/RealTimeValuesSidebar/SidebarFooter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{memo as o,useContext as s}from"react";import t from"classnames";import{makeStyles as n,Box as e}from"@material-ui/core";import i from"../IconButton/index.js";import{RightIcon as r,UpIcon as c,PlusIcon as p,LeftIcon as m,DownIcon as a}from"../../icons/iconParkIcons.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"../../componentsV2/Header/Header.scss.js";import{jsx as l,jsxs as d}from"react/jsx-runtime";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as j}from"../../componentsV2/Tooltip/Tooltip.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/utils.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import u from"./RealTimeSidebarContext.js";import{ORIENTATIONS as V}from"./enums.js";var A=n((function(o){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"78px",zIndex:1e3},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:o.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingRight:"5px",alignItems:"center",height:48,width:48,padding:6,"&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12,height:36,width:36},openToggleContainer:{alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,padding:6,position:"absolute",width:"100%",justifyContent:"flex-start",paddingRight:6},collapseTooltip:{marginTop:-8},expandTooltip:{marginTop:-48}}})),C=o((function(o){var n=o.onSidebarOpened,C=o.onSidebarClosed,I=o.className,h=A(),S=s(u),g=S.isSidebarOpen,v=S.orientation,b=S.handleOpenCloseDialog;return l("div",{className:t(h.rtSidebarFooter,v,I),"data-testid":"sidebar_footer",children:g?l(e,{className:h.openToggleContainer,children:l(j,{title:"Collapse",className:h.collapseTooltip,children:d("div",{className:t(h.rtSidebarFooterActions,v),children:[l(i,{"data-testid":"sidebar_close_button",onClick:C,className:h.actionButton,children:v===V.vertical?l(r,{}):l(c,{className:h.rtSidebarFooterIcon})}),v===V.horizontal&&l(i,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return b(!0)},className:h.actionButton,children:l(p,{})})]})})}):l(j,{title:"Expand",className:h.expandTooltip,children:l("div",{className:t(h.rtSidebarFooterActions,v),children:l(i,{onClick:n,"data-testid":"sidebar_open_button",className:t(h.closedButton,h.actionButton),children:v===V.vertical?l(m,{}):l(a,{})})})})})}));export{C as default};
+import{memo as o,useContext as s}from"react";import t from"classnames";import{makeStyles as n,Box as e}from"@material-ui/core";import i from"../IconButton/index.js";import{RightIcon as c,UpIcon as r,PlusIcon as p,LeftIcon as m,DownIcon as a}from"../../icons/iconParkIcons.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"../../componentsV2/Header/Header.scss.js";import{jsx as l,jsxs as d}from"react/jsx-runtime";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as j}from"../../componentsV2/Tooltip/Tooltip.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"uuid";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/utils.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppPanel/AppPanelsContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppPanel/AppPanel.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import u from"./RealTimeSidebarContext.js";import{ORIENTATIONS as V}from"./enums.js";var A=n((function(o){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"78px",zIndex:1e3},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:o.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingRight:"5px",alignItems:"center",height:48,width:48,padding:6,"&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12,height:36,width:36},openToggleContainer:{alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,padding:6,position:"absolute",width:"100%",justifyContent:"flex-start",paddingRight:6},collapseTooltip:{marginTop:-8},expandTooltip:{marginTop:-48}}})),C=o((function(o){var n=o.onSidebarOpened,C=o.onSidebarClosed,I=o.className,h=A(),S=s(u),v=S.isSidebarOpen,g=S.orientation,b=S.handleOpenCloseDialog;return l("div",{className:t(h.rtSidebarFooter,g,I),"data-testid":"sidebar_footer",children:v?l(e,{className:h.openToggleContainer,children:l(j,{title:"Collapse",className:h.collapseTooltip,children:d("div",{className:t(h.rtSidebarFooterActions,g),children:[l(i,{"data-testid":"sidebar_close_button",onClick:C,className:h.actionButton,children:g===V.vertical?l(c,{}):l(r,{className:h.rtSidebarFooterIcon})}),g===V.horizontal&&l(i,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return b(!0)},className:h.actionButton,children:l(p,{})})]})})}):l(j,{title:"Expand",className:h.expandTooltip,children:l("div",{className:t(h.rtSidebarFooterActions,g),children:l(i,{onClick:n,"data-testid":"sidebar_open_button",className:t(h.closedButton,h.actionButton),children:g===V.vertical?l(m,{}):l(a,{})})})})})}));export{C as default};
 //# sourceMappingURL=SidebarFooter.js.map

package/components/RealTimeValuesSidebar/SidebarFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarFooter.js","sources":["../../../src/components/RealTimeValuesSidebar/SidebarFooter.tsx"],"sourcesContent":["import { FC, memo, useContext } from 'react';\nimport classNames from 'classnames';\n\nimport { Box, makeStyles } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport { PlusIcon, DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons/iconParkIcons';\nimport { Tooltip } from '~/componentsV2';\n\nimport { SidebarFooterProps } from './types';\nimport RealTimeSidebarContext from './RealTimeSidebarContext';\nimport { ORIENTATIONS } from './enums';\n\nconst useStyles = makeStyles((theme: any) => ({\n button: {\n fontSize: 14,\n fontWeight: 500,\n },\n buttonIcon: {\n fontSize: 24,\n marginRight: 8,\n },\n closedButton: {\n marginBottom: '78px',\n zIndex: 1000,\n },\n\n rtSidebarFooter: {\n position: 'absolute',\n right: 0,\n '&.vertical': {\n left: 0,\n bottom: 0,\n },\n '&.horizontal': {\n top: 0,\n },\n },\n\n rtSidebarFooterIcon: {\n color: theme.palette.primary.text6,\n },\n\n rtSidebarFooterActions: {\n display: 'flex',\n paddingRight: '5px',\n alignItems: 'center',\n height: 48,\n width: 48,\n padding: 6,\n\n '&.horizontal': {\n flexDirection: 'row-reverse',\n },\n },\n\n actionButton: {\n padding: 12,\n height: 36,\n width: 36,\n },\n\n openToggleContainer: {\n alignItems: 'center',\n bottom: 0,\n display: 'flex',\n flex: '0 0',\n height: 48,\n padding: 6,\n position: 'absolute',\n width: '100%',\n justifyContent: 'flex-start',\n paddingRight: 6,\n },\n\n collapseTooltip: {\n marginTop: -8,\n },\n\n expandTooltip: {\n marginTop: -48,\n }\n}));\n\nconst SidebarFooter: FC<SidebarFooterProps> = ({ onSidebarOpened, onSidebarClosed, className }) => {\n const classes = useStyles();\n\n const { isSidebarOpen, orientation, handleOpenCloseDialog } = useContext(RealTimeSidebarContext)!;\n\n return (\n <div\n className={classNames(classes.rtSidebarFooter, orientation, className)}\n data-testid=\"sidebar_footer\"\n >\n {isSidebarOpen ? (\n <Box className={classes.openToggleContainer}>\n <Tooltip title=\"Collapse\" className={classes.collapseTooltip}>\n <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n <IconButton\n data-testid=\"sidebar_close_button\"\n onClick={onSidebarClosed}\n className={classes.actionButton}\n >\n {orientation === ORIENTATIONS.vertical ? (\n <RightIcon />\n ) : (\n <UpIcon className={classes.rtSidebarFooterIcon} />\n )}\n </IconButton>\n {orientation === ORIENTATIONS.horizontal && (\n <IconButton\n color=\"primary\"\n tooltipProps={{ title: 'Add' }}\n onClick={() => handleOpenCloseDialog(true)}\n className={classes.actionButton}\n >\n <PlusIcon />\n </IconButton>\n )}\n </div>\n </Tooltip>\n </Box>\n ) : (\n <Tooltip title=\"Expand\" className={classes.expandTooltip}>\n <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n <IconButton\n onClick={onSidebarOpened}\n data-testid=\"sidebar_open_button\"\n className={classNames(classes.closedButton, classes.actionButton)}\n >\n {orientation === ORIENTATIONS.vertical ? <LeftIcon /> : <DownIcon />}\n </IconButton>\n </div>\n </Tooltip>\n )}\n </div>\n );\n};\n\nexport default memo(SidebarFooter);\n"],"names":["useStyles","makeStyles","theme","button","fontSize","fontWeight","buttonIcon","marginRight","closedButton","marginBottom","zIndex","rtSidebarFooter","position","right","left","bottom","top","rtSidebarFooterIcon","color","palette","primary","text6","rtSidebarFooterActions","display","paddingRight","alignItems","height","width","padding","flexDirection","actionButton","openToggleContainer","flex","justifyContent","collapseTooltip","marginTop","expandTooltip","memo","_ref","onSidebarOpened","onSidebarClosed","className","classes","useContext","RealTimeSidebarContext","isSidebarOpen","orientation","handleOpenCloseDialog","_jsx","classNames","children","Box","Tooltip","title","_jsxs","IconButton","onClick","ORIENTATIONS","vertical","RightIcon","UpIcon","horizontal","tooltipProps","PlusIcon","LeftIcon","DownIcon"],"mappings":"~~w1bAaA~~,IAAMA,EAAYC,GAAW,SAACC,GAAU,MAAM,CAC5CC,OAAQ,CACNC,SAAU,GACVC,WAAY,KAEdC,WAAY,CACVF,SAAU,GACVG,YAAa,GAEfC,aAAc,CACZC,aAAc,OACdC,OAAQ,KAGVC,gBAAiB,CACfC,SAAU,WACVC,MAAO,EACP,aAAc,CACZC,KAAM,EACNC,OAAQ,GAEV,eAAgB,CACdC,IAAK,IAITC,oBAAqB,CACnBC,MAAOhB,EAAMiB,QAAQC,QAAQC,OAG/BC,uBAAwB,CACtBC,QAAS,OACTC,aAAc,MACdC,WAAY,SACZC,OAAQ,GACRC,MAAO,GACPC,QAAS,EAET,eAAgB,CACdC,cAAe,gBAInBC,aAAc,CACZF,QAAS,GACTF,OAAQ,GACRC,MAAO,IAGTI,oBAAqB,CACnBN,WAAY,SACZV,OAAQ,EACRQ,QAAS,OACTS,KAAM,MACNN,OAAQ,GACRE,QAAS,EACThB,SAAU,WACVe,MAAO,OACPM,eAAgB,aAChBT,aAAc,GAGhBU,gBAAiB,CACfC,WAAY,GAGdC,cAAe,CACbD,WAAY,IAEf,IAyDcE,EAAAA,GAvD+B,SAAqDC,GAAA,IAAlDC,IAAAA,gBAAiBC,IAAAA,gBAAiBC,IAAAA,UAC3EC,EAAU1C,IAE8C2C,EAAAA,EAAWC,GAAjEC,IAAAA,cAAeC,IAAAA,YAAaC,IAAAA,sBAEpC,OACEC,EAAA,MAAA,CACEP,UAAWQ,EAAWP,EAAQ/B,gBAAiBmC,EAAaL,GAC5D,cAAY,iBAAgBS,SAE3BL,EACCG,EAACG,EAAG,CAACV,UAAWC,EAAQX,oBAAoBmB,SAC1CF,EAACI,EAAO,CAACC,MAAM,WAAWZ,UAAWC,EAAQR,gBAAgBgB,SAC3DI,EAAA,MAAA,CAAKb,UAAWQ,EAAWP,EAAQpB,uBAAwBwB,GAAaI,SAAA,CACpEF,EAACO,EAAU,CACT,cAAY,uBACZC,QAAShB,EACTC,UAAWC,EAAQZ,aAAaoB,SAE/BJ,IAAgBW,EAAaC,SAC5BV,EAACW,EAAS,CAAA,GAEVX,EAACY,EAAM,CAACnB,UAAWC,EAAQzB,wBAG9B6B,IAAgBW,EAAaI,YAC5Bb,EAACO,EAAU,CACTrC,MAAM,UACN4C,aAAc,CAAET,MAAO,OACvBG,QAAS,WAAA,OAAMT,GAAsB,EAAM,EAC3CN,UAAWC,EAAQZ,aAAaoB,SAEhCF,EAACe,EAAQ,aAOrBf,EAACI,EAAO,CAACC,MAAM,SAASZ,UAAWC,EAAQN,cAAcc,SACvDF,EAAA,MAAA,CAAKP,UAAWQ,EAAWP,EAAQpB,uBAAwBwB,GAAaI,SACtEF,EAACO,EAAU,CACTC,QAASjB,EACT,cAAY,sBACZE,UAAWQ,EAAWP,EAAQlC,aAAckC,EAAQZ,cAAcoB,SAEjEJ,IAAgBW,EAAaC,SAAWV,EAACgB,EAAQ,CAAA,GAAMhB,EAACiB,EAAQ,WAO/E"}
1	+ {"version":3,"file":"SidebarFooter.js","sources":["../../../src/components/RealTimeValuesSidebar/SidebarFooter.tsx"],"sourcesContent":["import { FC, memo, useContext } from 'react';\nimport classNames from 'classnames';\n\nimport { Box, makeStyles } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport { PlusIcon, DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons/iconParkIcons';\nimport { Tooltip } from '~/componentsV2';\n\nimport { SidebarFooterProps } from './types';\nimport RealTimeSidebarContext from './RealTimeSidebarContext';\nimport { ORIENTATIONS } from './enums';\n\nconst useStyles = makeStyles((theme: any) => ({\n button: {\n fontSize: 14,\n fontWeight: 500,\n },\n buttonIcon: {\n fontSize: 24,\n marginRight: 8,\n },\n closedButton: {\n marginBottom: '78px',\n zIndex: 1000,\n },\n\n rtSidebarFooter: {\n position: 'absolute',\n right: 0,\n '&.vertical': {\n left: 0,\n bottom: 0,\n },\n '&.horizontal': {\n top: 0,\n },\n },\n\n rtSidebarFooterIcon: {\n color: theme.palette.primary.text6,\n },\n\n rtSidebarFooterActions: {\n display: 'flex',\n paddingRight: '5px',\n alignItems: 'center',\n height: 48,\n width: 48,\n padding: 6,\n\n '&.horizontal': {\n flexDirection: 'row-reverse',\n },\n },\n\n actionButton: {\n padding: 12,\n height: 36,\n width: 36,\n },\n\n openToggleContainer: {\n alignItems: 'center',\n bottom: 0,\n display: 'flex',\n flex: '0 0',\n height: 48,\n padding: 6,\n position: 'absolute',\n width: '100%',\n justifyContent: 'flex-start',\n paddingRight: 6,\n },\n\n collapseTooltip: {\n marginTop: -8,\n },\n\n expandTooltip: {\n marginTop: -48,\n }\n}));\n\nconst SidebarFooter: FC<SidebarFooterProps> = ({ onSidebarOpened, onSidebarClosed, className }) => {\n const classes = useStyles();\n\n const { isSidebarOpen, orientation, handleOpenCloseDialog } = useContext(RealTimeSidebarContext)!;\n\n return (\n <div\n className={classNames(classes.rtSidebarFooter, orientation, className)}\n data-testid=\"sidebar_footer\"\n >\n {isSidebarOpen ? (\n <Box className={classes.openToggleContainer}>\n <Tooltip title=\"Collapse\" className={classes.collapseTooltip}>\n <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n <IconButton\n data-testid=\"sidebar_close_button\"\n onClick={onSidebarClosed}\n className={classes.actionButton}\n >\n {orientation === ORIENTATIONS.vertical ? (\n <RightIcon />\n ) : (\n <UpIcon className={classes.rtSidebarFooterIcon} />\n )}\n </IconButton>\n {orientation === ORIENTATIONS.horizontal && (\n <IconButton\n color=\"primary\"\n tooltipProps={{ title: 'Add' }}\n onClick={() => handleOpenCloseDialog(true)}\n className={classes.actionButton}\n >\n <PlusIcon />\n </IconButton>\n )}\n </div>\n </Tooltip>\n </Box>\n ) : (\n <Tooltip title=\"Expand\" className={classes.expandTooltip}>\n <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n <IconButton\n onClick={onSidebarOpened}\n data-testid=\"sidebar_open_button\"\n className={classNames(classes.closedButton, classes.actionButton)}\n >\n {orientation === ORIENTATIONS.vertical ? <LeftIcon /> : <DownIcon />}\n </IconButton>\n </div>\n </Tooltip>\n )}\n </div>\n );\n};\n\nexport default memo(SidebarFooter);\n"],"names":["useStyles","makeStyles","theme","button","fontSize","fontWeight","buttonIcon","marginRight","closedButton","marginBottom","zIndex","rtSidebarFooter","position","right","left","bottom","top","rtSidebarFooterIcon","color","palette","primary","text6","rtSidebarFooterActions","display","paddingRight","alignItems","height","width","padding","flexDirection","actionButton","openToggleContainer","flex","justifyContent","collapseTooltip","marginTop","expandTooltip","memo","_ref","onSidebarOpened","onSidebarClosed","className","classes","useContext","RealTimeSidebarContext","isSidebarOpen","orientation","handleOpenCloseDialog","_jsx","classNames","children","Box","Tooltip","title","_jsxs","IconButton","onClick","ORIENTATIONS","vertical","RightIcon","UpIcon","horizontal","tooltipProps","PlusIcon","LeftIcon","DownIcon"],"mappings":"subAaA,IAAMA,EAAYC,GAAW,SAACC,GAAU,MAAM,CAC5CC,OAAQ,CACNC,SAAU,GACVC,WAAY,KAEdC,WAAY,CACVF,SAAU,GACVG,YAAa,GAEfC,aAAc,CACZC,aAAc,OACdC,OAAQ,KAGVC,gBAAiB,CACfC,SAAU,WACVC,MAAO,EACP,aAAc,CACZC,KAAM,EACNC,OAAQ,GAEV,eAAgB,CACdC,IAAK,IAITC,oBAAqB,CACnBC,MAAOhB,EAAMiB,QAAQC,QAAQC,OAG/BC,uBAAwB,CACtBC,QAAS,OACTC,aAAc,MACdC,WAAY,SACZC,OAAQ,GACRC,MAAO,GACPC,QAAS,EAET,eAAgB,CACdC,cAAe,gBAInBC,aAAc,CACZF,QAAS,GACTF,OAAQ,GACRC,MAAO,IAGTI,oBAAqB,CACnBN,WAAY,SACZV,OAAQ,EACRQ,QAAS,OACTS,KAAM,MACNN,OAAQ,GACRE,QAAS,EACThB,SAAU,WACVe,MAAO,OACPM,eAAgB,aAChBT,aAAc,GAGhBU,gBAAiB,CACfC,WAAY,GAGdC,cAAe,CACbD,WAAY,IAEf,IAyDcE,EAAAA,GAvD+B,SAAqDC,GAAA,IAAlDC,IAAAA,gBAAiBC,IAAAA,gBAAiBC,IAAAA,UAC3EC,EAAU1C,IAE8C2C,EAAAA,EAAWC,GAAjEC,IAAAA,cAAeC,IAAAA,YAAaC,IAAAA,sBAEpC,OACEC,EAAA,MAAA,CACEP,UAAWQ,EAAWP,EAAQ/B,gBAAiBmC,EAAaL,GAC5D,cAAY,iBAAgBS,SAE3BL,EACCG,EAACG,EAAG,CAACV,UAAWC,EAAQX,oBAAoBmB,SAC1CF,EAACI,EAAO,CAACC,MAAM,WAAWZ,UAAWC,EAAQR,gBAAgBgB,SAC3DI,EAAA,MAAA,CAAKb,UAAWQ,EAAWP,EAAQpB,uBAAwBwB,GAAaI,SAAA,CACpEF,EAACO,EAAU,CACT,cAAY,uBACZC,QAAShB,EACTC,UAAWC,EAAQZ,aAAaoB,SAE/BJ,IAAgBW,EAAaC,SAC5BV,EAACW,EAAS,CAAA,GAEVX,EAACY,EAAM,CAACnB,UAAWC,EAAQzB,wBAG9B6B,IAAgBW,EAAaI,YAC5Bb,EAACO,EAAU,CACTrC,MAAM,UACN4C,aAAc,CAAET,MAAO,OACvBG,QAAS,WAAA,OAAMT,GAAsB,EAAM,EAC3CN,UAAWC,EAAQZ,aAAaoB,SAEhCF,EAACe,EAAQ,aAOrBf,EAACI,EAAO,CAACC,MAAM,SAASZ,UAAWC,EAAQN,cAAcc,SACvDF,EAAA,MAAA,CAAKP,UAAWQ,EAAWP,EAAQpB,uBAAwBwB,GAAaI,SACtEF,EAACO,EAAU,CACTC,QAASjB,EACT,cAAY,sBACZE,UAAWQ,EAAWP,EAAQlC,aAAckC,EAAQZ,cAAcoB,SAEjEJ,IAAgBW,EAAaC,SAAWV,EAACgB,EAAQ,CAAA,GAAMhB,EAACiB,EAAQ,WAO/E"}

package/components/Search/Search.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/objectWithoutProperties";import{useState as e,useRef as t,useCallback as i,useEffect as c,useMemo as r,cloneElement as p}from"react";import l from"classnames";import{debounce as a,isEmpty as u,omit as m,noop as d}from"lodash";import{Autocomplete as I}from"@material-ui/lab";import{Popper as h,Tooltip as j,Fade as v,Chip as f,TextField as b,InputAdornment as g,CircularProgress as C,MenuItem as O,Checkbox as P}from"@material-ui/core";import{AccessTime as A}from"@material-ui/icons";import S from"./components/Listbox.js";import y from"./components/Paper.js";import"./components/RecentSearches.js";import{jsx as x,jsxs as F,Fragment as G}from"react/jsx-runtime";import R from"./components/Groups.js";import L from"./components/SelectAllListItem.js";import{PaperContext as N}from"./context/index.js";import{useAutocompletOptions as k}from"./effects/useAutocompleteOptions.js";import T from"./styles.js";import{CloseSmallIcon as D}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{MiddleTruncatedText as M}from"../MiddleTruncatedText/MiddleTruncatedText.js";import z from"../IconButton/index.js";var w=["AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","disableResetOnGroupChange","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","ListboxProps","onInputChangeCallback","renderCustomOption","isHiddenAllOption","isHiddenAllLabel","onOpen","selectedGroup","onGroupReset","onClose","popperProps","paperFooter","noOptionsText","ListboxComponent","isPrioritizedSelectedOptions","isOpenedFromParent","onFocus","InputProps","classes","popupIcon","shouldResetInputOnAutocompleteChange"],E=["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"],B=["InputProps","inputProps"],U=["input"],H=["classes","style"],K=["children","className"],W=["style"];function _(o,n){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable}))),s.push.apply(s,e)}return s}function q(n){for(var s=1;s<arguments.length;s++){var e=null!=arguments[s]?arguments[s]:{};s%2?_(Object(e),!0).forEach((function(s){o(n,s,e[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):_(Object(e)).forEach((function(o){Object.defineProperty(n,o,Object.getOwnPropertyDescriptor(e,o))}))}return n}var V={},Z=function(R){var _=R.AutocompleteProps,Z=void 0===_?{}:_,J=R.value,Q=R.disableClearable,X=void 0!==Q&&Q,Y=R.onChange,$=R.onInputChange,oo=R.loading,no=void 0!==oo&&oo,so=R.options,eo=void 0===so?[]:so,to=R.optionSize,io=R.placeholder,co=void 0===io?"Search...":io,ro=R.onGroupChange,po=void 0===ro?function(){}:ro,lo=R.disabled,ao=void 0!==lo&&lo,uo=R.disableResetOnGroupChange,mo=R.multiple,Io=void 0!==mo&&mo,ho=R.groups,jo=void 0===ho?[]:ho,vo=R.GroupsComponent,fo=R.recentSearchesMaxCount,bo=void 0===fo?3:fo,go=R.dataStorageKey,Co=void 0===go?"Search:recentSearches":go,Oo=R.RecentSearchesComponent,Po=R.dataStorage,Ao=void 0===Po?sessionStorage:Po,So=R.onInputReset,yo=R.getOptionLabel,xo=void 0===yo?function(o){return o.label||""}:yo,Fo=R.TextFieldProps,Go=void 0===Fo?{endAdornment:null}:Fo,Ro=R.ListboxProps,Lo=R.onInputChangeCallback,No=void 0===Lo?function(){}:Lo,ko=R.renderCustomOption,To=R.isHiddenAllOption,Do=void 0!==To&&To,Mo=R.isHiddenAllLabel,zo=void 0!==Mo&&Mo,wo=R.onOpen,Eo=void 0===wo?d:wo,Bo=R.selectedGroup,Uo=R.onGroupReset,Ho=void 0===Uo?function(){}:Uo,Ko=R.onClose,Wo=void 0===Ko?function(){}:Ko,_o=R.popperProps,qo=void 0===_o?V:_o,Vo=R.paperFooter,Zo=R.noOptionsText,Jo=void 0===Zo?"No Options":Zo,Qo=R.ListboxComponent,Xo=void 0===Qo?S:Qo,Yo=R.isPrioritizedSelectedOptions,$o=void 0!==Yo&&Yo,on=R.isOpenedFromParent,nn=void 0===on?void 0:on,sn=R.onFocus,en=R.InputProps,tn=R.classes,cn=void 0===tn?{}:tn;R.popupIcon;var rn=R.shouldResetInputOnAutocompleteChange,pn=s(R,w),ln=e(""),an=n(ln,2),un=an[0],mn=an[1],dn=e(""),In=n(dn,2),hn=In[0],jn=In[1],vn=e(!1),fn=n(vn,2),bn=fn[0],gn=fn[1],Cn=e(!1),On=n(Cn,2),Pn=On[0],An=On[1],Sn=t(null),yn=t(null),xn=k({options:eo,value:J,groups:jo,selectedGroup:Bo,isPrioritizedSelectedOptions:$o}),Fn=xn.autocompleteOptions,Gn=xn.isGrouped,Rn=xn.handleAutocompleOptionsUpdate,Ln=T(),Nn=cn.popper,kn=cn.listbox,Tn=cn.popupIndicator,Dn=cn.popupIndicatorOpen,Mn=cn.groupChip,zn=s(cn,E),wn=q({popper:l(Ln.popper,Nn),listbox:l(Ln.listbox,kn),popupIndicator:l(Ln.popupIndicator,Tn),popupIndicatorOpen:l(Ln.popupIndicatorOpen,Dn)},zn),En=function(){mn(""),null==So||So()},Bn=i(a((function(o){return jn(o)}),500),[]),Un=function(o){var n=jo.find((function(n){return n.id===o}));uo||En(),po(n)},Hn=function(o){un.length||Io&&"ArrowLeft"===o.code&&o.stopPropagation()};c((function(){var o,n;bn&&(null===(o=Sn.current)||void 0===o||o.focus(),null===(n=Sn.current)||void 0===n||n.setSelectionRange(un.length,un.length))}));var Kn=Io&&Array.isArray(J)?J.length:null,Wn=Io&&(null==Fn?void 0:Fn.length)===Kn,_n=Io&&!!Kn&&!Wn,qn=function(){return En(),Z.getOptionDisabled&&Wn?Y(null,[eo[eo.length-1]]):Y(null,Wn||_n?[]:Fn)};c((function(){Bn(un),$&&$(un)}),[un]);var Vn=function(o,n){var s,e=o;"blur"===n&&(!e.relatedTarget||(null===(s=yn.current)||void 0===s?void 0:s.contains(e.relatedTarget)))||(Wo(),gn(!1))},Zn=function(){(null!=nn?nn:bn)?(gn(!1),Wo()):(gn(!0),Eo())},Jn=function(o){if(Wn&&!Do&&!zo)return"All";var n=o[0].label||o[0].name||"";return 1===(null==o?void 0:o.length)?x("div",{children:x(M,{children:n})}):"".concat(null==o?void 0:o.length," Selected")},Qn=u(Fn),Xn=r((function(){return{onOutsideClick:Vn,isEmptyOptions:Qn,loading:no,AllSelectComponent:!Do&&Io&&!Qn&&x(L,{className:Ln.selectAllCheckbox,onClick:qn,someSelected:_n,allSelected:Wn}),RecentSearchesComponent:Oo&&x(Oo,{title:"Recent Searches",Icon:A,dataStorage:Ao,dataStorageKey:Co,maxCount:bo,isHidden:!u(un),onInputChange:function(o){return mn(o)},inputValue:hn}),GroupsComponent:!Bo&&Gn&&vo&&x(vo,{onGroupClick:Un,groups:jo})}}),[Bo,no,Gn,Qn,un,Do,Io,Qn,hn,Wo,Vn]),Yn=r((function(){return function(o){var n=o.children,e=o.className,t=s(o,K);return F(y,q(q({},t),{},{className:e,inputRef:Sn,ref:yn,children:[n,Vo]}))}}),[Vo]),$n=r((function(){return function(o){var n=qo.style,e=s(qo,W);return x(h,q(q({},o),{},{style:q(q({},o.style),n),placement:"bottom-start"},e))}}),[qo]);return x(N.Provider,{value:Xn,children:x(I,q(q({},m(pn,["InputProps","isNullable","isOpenedFromParent"])),{},{PopperComponent:$n,disableClearable:X,onOpen:function(o){Rn(),gn(!0),Eo(o)},onClose:Vn,open:null!=nn?nn:bn,onChange:function(o,n){Io&&!rn||mn(""),Y(o,n)},forcePopupIcon:Z.forcePopupIcon,fullWidth:!0,disabled:ao,value:J,classes:wn,renderInput:function(t){var i,c,r,a=e(!1),d=n(a,2),I=d[0],h=d[1],j=t.InputProps,v=t.inputProps,O=s(t,B),P=(null===(i=j.endAdornment)||void 0===i||null===(c=i.props)||void 0===c||null===(r=c.children)||void 0===r?void 0:r.length)>1?p(j.endAdornment,{children:j.endAdornment.props.children.slice(1),onMouseDown:function(o){return o.stopPropagation()},onMouseUp:function(o){return o.stopPropagation()}}):j.endAdornment,A=1===Kn,S=I||bn||un.length>0||!u(J)||!u(null==en?void 0:en.startAdornment),y=en||{},R=y.classes,L=(R=void 0===R?{}:R).input,N=void 0===L?"":L,k=s(R,U),T=y.style,M=s(y,H);return x(b,q(q(q({},O),m(Go,["endAdornment"])),{},{onBlur:function(){h(!1),A&&An(!0)},onFocus:function(){h(!0)},onKeyDown:Hn,inputRef:Sn,placeholder:co,classes:{root:Ln.searchInput},inputProps:q(q({style:{padding:5}},v),pn.inputProps),InputLabelProps:{shrink:S},InputProps:q(q(q({classes:q({input:l(Pn?Ln.inputShrinked:A&&Ln.inputExpanded,N)},k),style:q({paddingRight:0,paddingBottom:0},T)},j),M),{},{startAdornment:F(G,{children:[null==en?void 0:en.startAdornment,Bo&&x(f,{className:Ln.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:F("div",{className:Ln.selectedGroupLabel,children:[Bo.name,x(D,{size:16,id:"removeGroupIcon",className:Ln.removeIcon,onClick:Ho})]})},Bo.id),Io&&!u(J)&&x("div",{onClick:Zn,id:"selectedOptions",className:l(Ln.selectedLabel,Pn&&Ln.selectedLabelExpanded),children:Jn(J)})]}),endAdornment:F(G,{children:[F(g,{className:l(Ln.endAdornment,o({},Ln.removeIconWithDropdown,Z.forcePopupIcon)),position:"end",children:[Go.endAdornment,no&&x(C,{color:"primary",size:20}),I&&un&&!X&&x(z,{"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:Ln.iconButton,onClick:function(){mn(""),So&&So()},tooltipProps:{title:"Clear"},children:x(D,{size:20,className:Ln.closeIcon})})]}),Z.forcePopupIcon&&P]})})}))},loading:no,options:Fn,renderGroup:function(o){var n=o.key,s=o.group,e=o.children;return!s||!u(Bo)&&Io?e:F("div",{className:Ln.group,children:[x(j,{title:s,placement:"right",TransitionComponent:v,TransitionProps:{timeout:500},enterDelay:500,children:x(f,{"data-not-migrated-muichip":!0,className:l(Ln.groupChip,Mn),variant:"outlined",label:s})}),e]},n)},disableCloseOnSelect:Io,multiple:Io,renderOption:ko||function(o,n){var s=o.label,e=void 0===s?"":s,t=o.id;return Io?F("div",{className:l(Ln.option,to),"data-testid":"autocompleteOption_".concat(e,"MenuItem"),children:[x(P,{size:"small",disableRipple:!0,className:Ln.checkbox,checked:n.selected}),x(M,{className:Ln.optionLabelContainer,children:e})]},t):x(O,{className:Ln.menuItem,value:t,"data-testid":"autocompleteOption_".concat(e,"MenuItem"),children:x(M,{className:Ln.optionLabelContainer,children:e})},t)},groupBy:Gn?function(o){return o.group}:void 0,PaperComponent:Yn,ListboxComponent:Xo,inputValue:un,getOptionLabel:xo,getOptionDisabled:null==Z?void 0:Z.getOptionDisabled,onInputChange:function(o,n,s){mn(uo?function(o){return"reset"===s?o:n}:n),No(n,s)},loadingText:x("div",{className:Ln.label,children:"Loading ..."}),noOptionsText:x("div",{className:Ln.label,children:Jo}),ListboxProps:Ro,onFocus:function(){An(!1),null==sn||sn()}}))})};Z.Groups=R;export{Z as Search,Z as default};
+import o from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/objectWithoutProperties";import{useState as e,useRef as t,useCallback as i,useEffect as c,useMemo as r,cloneElement as p}from"react";import l from"classnames";import{debounce as a,isEmpty as u,omit as m,noop as d}from"lodash";import{Autocomplete as I}from"@material-ui/lab";import{Popper as h,Tooltip as j,Fade as v,Chip as f,TextField as b,InputAdornment as g,CircularProgress as C,MenuItem as O,Checkbox as P}from"@material-ui/core";import{AccessTime as A}from"@material-ui/icons";import S from"./components/Listbox.js";import y from"./components/Paper.js";import"./components/RecentSearches.js";import{jsx as x,jsxs as F,Fragment as G}from"react/jsx-runtime";import R from"./components/Groups.js";import L from"./components/SelectAllListItem.js";import{PaperContext as N}from"./context/index.js";import{useAutocompletOptions as k}from"./effects/useAutocompleteOptions.js";import T from"./styles.js";import{CloseSmallIcon as D}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{MiddleTruncatedText as M}from"../MiddleTruncatedText/MiddleTruncatedText.js";import z from"../IconButton/index.js";var w=["AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","disableResetOnGroupChange","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","ListboxProps","onInputChangeCallback","renderCustomOption","isHiddenAllOption","isHiddenAllLabel","onOpen","selectedGroup","onGroupReset","onClose","popperProps","paperFooter","noOptionsText","ListboxComponent","isPrioritizedSelectedOptions","isOpenedFromParent","onFocus","InputProps","classes","popupIcon","shouldResetInputOnAutocompleteChange"],E=["popper","listbox","popupIndicator","popupIndicatorOpen","groupChip"],B=["InputProps","inputProps"],U=["input"],H=["classes","style"],K=["children","className"],W=["style"];function _(o,n){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable}))),s.push.apply(s,e)}return s}function q(n){for(var s=1;s<arguments.length;s++){var e=null!=arguments[s]?arguments[s]:{};s%2?_(Object(e),!0).forEach((function(s){o(n,s,e[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):_(Object(e)).forEach((function(o){Object.defineProperty(n,o,Object.getOwnPropertyDescriptor(e,o))}))}return n}var V={},Z=function(R){var _=R.AutocompleteProps,Z=void 0===_?{}:_,J=R.value,Q=R.disableClearable,X=void 0!==Q&&Q,Y=R.onChange,$=R.onInputChange,oo=R.loading,no=void 0!==oo&&oo,so=R.options,eo=void 0===so?[]:so,to=R.optionSize,io=R.placeholder,co=void 0===io?"Search...":io,ro=R.onGroupChange,po=void 0===ro?function(){}:ro,lo=R.disabled,ao=void 0!==lo&&lo,uo=R.disableResetOnGroupChange,mo=R.multiple,Io=void 0!==mo&&mo,ho=R.groups,jo=void 0===ho?[]:ho,vo=R.GroupsComponent,fo=R.recentSearchesMaxCount,bo=void 0===fo?3:fo,go=R.dataStorageKey,Co=void 0===go?"Search:recentSearches":go,Oo=R.RecentSearchesComponent,Po=R.dataStorage,Ao=void 0===Po?sessionStorage:Po,So=R.onInputReset,yo=R.getOptionLabel,xo=void 0===yo?function(o){return o.label||""}:yo,Fo=R.TextFieldProps,Go=void 0===Fo?{endAdornment:null}:Fo,Ro=R.ListboxProps,Lo=R.onInputChangeCallback,No=void 0===Lo?function(){}:Lo,ko=R.renderCustomOption,To=R.isHiddenAllOption,Do=void 0!==To&&To,Mo=R.isHiddenAllLabel,zo=void 0!==Mo&&Mo,wo=R.onOpen,Eo=void 0===wo?d:wo,Bo=R.selectedGroup,Uo=R.onGroupReset,Ho=void 0===Uo?function(){}:Uo,Ko=R.onClose,Wo=void 0===Ko?function(){}:Ko,_o=R.popperProps,qo=void 0===_o?V:_o,Vo=R.paperFooter,Zo=R.noOptionsText,Jo=void 0===Zo?"No Options":Zo,Qo=R.ListboxComponent,Xo=void 0===Qo?S:Qo,Yo=R.isPrioritizedSelectedOptions,$o=void 0!==Yo&&Yo,on=R.isOpenedFromParent,nn=void 0===on?void 0:on,sn=R.onFocus,en=R.InputProps,tn=R.classes,cn=void 0===tn?{}:tn;R.popupIcon;var rn=R.shouldResetInputOnAutocompleteChange,pn=s(R,w),ln=e(""),an=n(ln,2),un=an[0],mn=an[1],dn=e(""),In=n(dn,2),hn=In[0],jn=In[1],vn=e(!1),fn=n(vn,2),bn=fn[0],gn=fn[1],Cn=e(!1),On=n(Cn,2),Pn=On[0],An=On[1],Sn=t(null),yn=t(null),xn=k({options:eo,value:J,groups:jo,selectedGroup:Bo,isPrioritizedSelectedOptions:$o}),Fn=xn.autocompleteOptions,Gn=xn.isGrouped,Rn=xn.handleAutocompleOptionsUpdate,Ln=T(),Nn=cn.popper,kn=cn.listbox,Tn=cn.popupIndicator,Dn=cn.popupIndicatorOpen,Mn=cn.groupChip,zn=s(cn,E),wn=q({popper:l(Ln.popper,Nn),listbox:l(Ln.listbox,kn),popupIndicator:l(Ln.popupIndicator,Tn),popupIndicatorOpen:l(Ln.popupIndicatorOpen,Dn)},zn),En=function(){mn(""),null==So||So()},Bn=i(a((function(o){return jn(o)}),500),[]),Un=function(o){var n=jo.find((function(n){return n.id===o}));uo||En(),po(n)},Hn=function(o){un.length||Io&&"ArrowLeft"===o.code&&o.stopPropagation()};c((function(){var o,n;bn&&(null===(o=Sn.current)||void 0===o||o.focus(),null===(n=Sn.current)||void 0===n||n.setSelectionRange(un.length,un.length))}));var Kn=Io&&Array.isArray(J)?J.length:null,Wn=Io&&(null==Fn?void 0:Fn.length)===Kn,_n=Io&&!!Kn&&!Wn,qn=function(){return En(),Z.getOptionDisabled&&Wn?Y(null,[eo[eo.length-1]]):Y(null,Wn||_n?[]:Fn)};c((function(){Bn(un),$&&$(un)}),[un]);var Vn=function(o,n){var s,e=o;"blur"===n&&(!e.relatedTarget||(null===(s=yn.current)||void 0===s?void 0:s.contains(e.relatedTarget)))||(Wo(),gn(!1))},Zn=function(){(null!=nn?nn:bn)?(gn(!1),Wo()):(gn(!0),Eo())},Jn=function(o){if(Wn&&!Do&&!zo)return"All";var n=o[0].label||o[0].name||"";return 1===(null==o?void 0:o.length)?x("div",{children:x(M,{children:n})}):"".concat(null==o?void 0:o.length," Selected")},Qn=u(Fn),Xn=r((function(){return{onOutsideClick:Vn,isEmptyOptions:Qn,loading:no,AllSelectComponent:!Do&&Io&&!Qn&&x(L,{className:Ln.selectAllCheckbox,onClick:qn,someSelected:_n,allSelected:Wn}),RecentSearchesComponent:Oo&&x(Oo,{title:"Recent Searches",Icon:A,dataStorage:Ao,dataStorageKey:Co,maxCount:bo,isHidden:!u(un),onInputChange:function(o){return mn(o)},inputValue:hn}),GroupsComponent:!Bo&&Gn&&vo&&x(vo,{onGroupClick:Un,groups:jo})}}),[Bo,no,Gn,Qn,un,Do,Io,Qn,hn,Wo,Vn]),Yn=r((function(){return function(o){var n=o.children,e=o.className,t=s(o,K);return F(y,q(q({},t),{},{className:e,inputRef:Sn,ref:yn,children:[n,Vo]}))}}),[Vo]),$n=r((function(){return function(o){var n=qo.style,e=s(qo,W);return x(h,q(q({},o),{},{style:q(q({},o.style),n),placement:"bottom-start"},e))}}),[qo]);return x(N.Provider,{value:Xn,children:x(I,q(q({},m(pn,["InputProps","isNullable","isOpenedFromParent"])),{},{PopperComponent:$n,disableClearable:X,onOpen:function(o){Rn(),gn(!0),Eo(o)},onClose:Vn,open:null!=nn?nn:bn,onChange:function(o,n){Io&&!rn||mn(""),Y(o,n)},forcePopupIcon:Z.forcePopupIcon,fullWidth:!0,disabled:ao,value:J,classes:wn,renderInput:function(t){var i,c,r,a=e(!1),d=n(a,2),I=d[0],h=d[1],j=t.InputProps,v=t.inputProps,O=s(t,B),P=(null===(i=j.endAdornment)||void 0===i||null===(c=i.props)||void 0===c||null===(r=c.children)||void 0===r?void 0:r.length)>1?p(j.endAdornment,{children:j.endAdornment.props.children.slice(1),onMouseDown:function(o){return o.stopPropagation()},onMouseUp:function(o){return o.stopPropagation()}}):j.endAdornment,A=1===Kn,S=I||bn||un.length>0||!u(J)||!u(null==en?void 0:en.startAdornment),y=en||{},R=y.classes,L=(R=void 0===R?{}:R).input,N=void 0===L?"":L,k=s(R,U),T=y.style,M=s(y,H);return x(b,q(q(q({},O),m(Go,["endAdornment"])),{},{onBlur:function(){h(!1),A&&An(!0)},onFocus:function(){h(!0)},onKeyDown:Hn,inputRef:Sn,placeholder:co,classes:{root:Ln.searchInput},inputProps:q(q({style:{padding:5}},v),pn.inputProps),InputLabelProps:{shrink:S},InputProps:q(q(q({classes:q({input:l(Pn?Ln.inputShrinked:A&&Ln.inputExpanded,N)},k),style:q({paddingRight:0,paddingBottom:0},T)},j),M),{},{startAdornment:F(G,{children:[null==en?void 0:en.startAdornment,Bo&&x(f,{className:Ln.selectedGroup,"data-not-migrated-muichip":!0,variant:"outlined",label:F("div",{className:Ln.selectedGroupLabel,children:[Bo.name,x(D,{size:16,id:"removeGroupIcon",className:Ln.removeIcon,onClick:Ho})]})},Bo.id),Io&&!u(J)&&x("div",{onClick:Zn,id:"selectedOptions",className:l(Ln.selectedLabel,Pn&&Ln.selectedLabelExpanded),children:Jn(J)})]}),endAdornment:F(G,{children:[F(g,{className:l(Ln.endAdornment,o({},Ln.removeIconWithDropdown,Z.forcePopupIcon)),position:"end",children:[Go.endAdornment,no&&x(C,{color:"primary",size:20}),I&&un&&!X&&x(z,{"data-testid":"".concat("AutocompleteSearch","_clear_icon"),size:"small",className:Ln.iconButton,onClick:function(){mn(""),So&&So()},tooltipProps:{title:"Clear"},children:x(D,{size:20,className:Ln.closeIcon})})]}),Z.forcePopupIcon&&P]})})}))},loading:no,options:Fn,renderGroup:function(o){var n=o.key,s=o.group,e=o.children;return!s||!u(Bo)&&Io?e:F("div",{className:Ln.group,children:[x(j,{title:s,placement:"right",TransitionComponent:v,TransitionProps:{timeout:500},enterDelay:500,children:x(f,{"data-not-migrated-muichip":!0,className:l(Ln.groupChip,Mn),variant:"outlined",label:s})}),e]},n)},disableCloseOnSelect:Io,multiple:Io,renderOption:ko||function(o,n){var s=o.label,e=void 0===s?"":s,t=o.id;return Io?F("div",{className:l(Ln.option,to),"data-testid":"autocompleteOption_".concat(e,"MenuItem"),children:[x(P,{size:"small",disableRipple:!0,className:Ln.checkbox,checked:n.selected}),x(M,{className:Ln.optionLabelContainer,children:e})]},t):x(O,{className:Ln.menuItem,value:t,"data-testid":"autocompleteOption_".concat(e,"MenuItem"),children:x(M,{className:Ln.optionLabelContainer,children:e})},t)},groupBy:Gn?function(o){return o.group}:void 0,PaperComponent:Yn,ListboxComponent:Xo,inputValue:un,getOptionLabel:xo,getOptionDisabled:null==Z?void 0:Z.getOptionDisabled,onInputChange:function(o,n,s){mn(uo?function(o){return"reset"===s?o:n}:n),No(n,s)},loadingText:x("div",{className:Ln.label,children:"Loading ..."}),noOptionsText:x("div",{className:Ln.label,children:Jo}),ListboxProps:Ro,onFocus:function(){An(!1),null==sn||sn()}}))})};Z.Groups=R;export{Z as Search,Z as default};
 //# sourceMappingURL=Search.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Search.js","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import {\n ChangeEvent,\n cloneElement,\n ComponentType,\n KeyboardEvent,\n MouseEventHandler,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { debounce, isEmpty, noop, omit } from 'lodash';\nimport { Autocomplete, AutocompleteProps, AutocompleteRenderGroupParams } from '@material-ui/lab';\nimport {\n Checkbox,\n Chip,\n CircularProgress,\n Fade,\n InputAdornment,\n MenuItem,\n Popper,\n TextField,\n InputProps as MuiInputProps,\n Tooltip,\n} from '@material-ui/core';\nimport { AccessTime as TimeIcon } from '@material-ui/icons';\n\nimport { Groups, ListboxComponent as Listbox, Paper, SelectAllListItem } from './components';\nimport { PaperContext } from './context';\nimport { useAutocompletOptions } from './effects';\nimport useStyles from './styles';\n\nimport { CloseSmallIcon, DownOneIcon } from '~/icons';\nimport { MiddleTruncatedText } from '~/components/MiddleTruncatedText';\nimport IconButton from '~/components/IconButton';\n\nconst PAGE_NAME = 'AutocompleteSearch';\n\nconst initialPopperProps = {};\n\nconst ARROW_LEFT_KEY_CODE = 'ArrowLeft';\n\ntype SearchProps = {\n onChange: (event: ChangeEvent<{}>, selected: any \| any[] \| null) => void;\n value?: object \| object[];\n options?: { label?: string; id: string; group?: string }[];\n AutocompleteProps?: {\n getOptionDisabled?: (option: any) => boolean;\n forcePopupIcon?: boolean;\n };\n allChecked?: boolean;\n TextFieldProps?: {\n label?: string;\n endAdornment?: ReactNode;\n };\n selectedGroup?: {\n name?: string;\n id?: string;\n };\n onGroupReset?: MouseEventHandler<HTMLSpanElement>;\n onClose?: () => void;\n disableClearable?: boolean;\n\n /*\n MUI Autocomplete triggers onInputChange when startAdornment is changed (via selectedGroup update).\n * If disableResetOnGroupChange is true, we won't store a new value in onInputChange when the 'reason' is \"reset\".\n * Additionally, handleSelectedGroupChange won't trigger handleInputReset if disableResetOnGroupChange is true.\n /\n disableResetOnGroupChange?: boolean;\n onInputChange?: (value: string) => void;\n getOptionLabel?: (option: any) => string;\n onGroupChange?: (group?: { name?: string; id?: string }) => void;\n loading?: boolean;\n disabled?: boolean;\n multiple?: boolean;\n optionSize?: 'large';\n popupIcon?: ReactNode;\n InputProps?: Partial<MuiInputProps>;\n ListboxProps?: object;\n classes?: Partial<\n {\n popper: string;\n listbox: string;\n popupIndicator: string;\n popupIndicatorOpen: string;\n groupChip: string;\n } & Record<string, string>\n >;\n onInputChangeCallback?: (newInputValue: string, reason: string) => void;\n placeholder?: string;\n RecentSearchesComponent?: ComponentType<any>;\n ListboxComponent?: any;\n recentSearchesMaxCount?: number;\n dataStorageKey?: string;\n dataStorage?: object;\n\n groups?: { id: string; name: string }[];\n GroupsComponent?: ComponentType<{\n onGroupClick: (id: string) => void;\n groups: { id: string; name: string }[];\n }>;\n onOpen?: (e?: any) => void;\n renderCustomOption?: (option: any, state: any) => ReactNode;\n onInputReset?: () => void;\n isHiddenAllOption?: boolean;\n isHiddenAllLabel?: boolean;\n paperFooter?: ReactNode;\n isOpenedFromParent?: boolean;\n popperProps?: Partial<{ style: object }>;\n onFocus?: () => void;\n inputProps?: object;\n noOptionsText?: string;\n isPrioritizedSelectedOptions?: boolean;\n /\n There is a check if it is multiple search then we should keep input value on autocomplete change\n * But now there is another case, when we should reset input value on autocomplete change\n * This new prop allows to have both options\n */\n shouldResetInputOnAutocompleteChange?: boolean;\n} & Omit<\n AutocompleteProps<any, false, false, false>,\n \| 'value'\n \| 'onChange'\n \| 'options'\n \| 'onClose'\n \| 'disableClearable'\n \| 'onInputChange'\n \| 'getOptionLabel'\n \| 'loading'\n \| 'disabled'\n \| 'multiple'\n \| 'popupIcon'\n \| 'ListboxProps'\n \| 'classes'\n \| 'placeholder'\n \| 'ListboxComponent'\n \| 'onOpen'\n \| 'onFocus'\n \| 'inp'\n \| 'noOptionsText'\n \| 'renderInput'\n \| 'PopperComponent'\n \| 'open'\n \| 'forcePopupIcon'\n \| 'fullWidth'\n \| 'renderGroup'\n \| 'disableCloseOnSelect'\n \| 'renderOption'\n \| 'groupBy'\n \| 'PaperComponent'\n \| 'inputValue'\n \| 'getOptionDisabled'\n \| 'loadingText'\n \| 'InputProps'\n \| 'isNullable'\n>;\n\nexport const Search = ({\n AutocompleteProps = {},\n value,\n disableClearable = false,\n onChange,\n onInputChange,\n loading = false,\n options = [],\n optionSize,\n placeholder = 'Search...',\n onGroupChange = () => {},\n disabled = false,\n disableResetOnGroupChange,\n multiple = false,\n groups = [],\n GroupsComponent,\n recentSearchesMaxCount = 3,\n dataStorageKey = 'Search:recentSearches',\n RecentSearchesComponent,\n dataStorage = sessionStorage,\n onInputReset,\n getOptionLabel = (option: any) => option.label \|\| '',\n TextFieldProps = { endAdornment: null },\n ListboxProps,\n onInputChangeCallback = () => {},\n renderCustomOption,\n isHiddenAllOption = false,\n isHiddenAllLabel = false,\n onOpen = noop,\n selectedGroup,\n onGroupReset = () => {},\n onClose = () => {},\n popperProps = initialPopperProps,\n paperFooter,\n noOptionsText = 'No Options',\n ListboxComponent = Listbox,\n isPrioritizedSelectedOptions = false,\n\n isOpenedFromParent = undefined,\n onFocus,\n InputProps,\n classes = {},\n popupIcon = <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} />,\n shouldResetInputOnAutocompleteChange,\n ...props\n}: SearchProps) => {\n const [inputValue, setInputValue] = useState('');\n const [debouncedInputValue, setDebouncedInputValue] = useState('');\n const [isOpened, setIsOpened] = useState(false);\n const [isSelectedLabelExpanded, setIsSelectedLabelExpanded] = useState(false);\n const inputRef = useRef<HTMLInputElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n\n const { autocompleteOptions, isGrouped, handleAutocompleOptionsUpdate } = useAutocompletOptions({\n options,\n value,\n groups,\n selectedGroup,\n isPrioritizedSelectedOptions,\n });\n\n const styles = useStyles();\n\n const {\n popper,\n listbox,\n popupIndicator,\n popupIndicatorOpen,\n groupChip: groupChipClassName,\n ...restClasses\n } = classes;\n const autocompleteClasses = {\n popper: classNames(styles.popper, popper),\n listbox: classNames(styles.listbox, listbox),\n popupIndicator: classNames(styles.popupIndicator, popupIndicator),\n popupIndicatorOpen: classNames(styles.popupIndicatorOpen, popupIndicatorOpen),\n ...restClasses,\n };\n\n const groupBy = ({ group }: any) => group;\n\n const handleInputChange = (_event: ChangeEvent<{}>, newInputValue: string, reason: string) => {\n if (disableResetOnGroupChange)\n setInputValue(prevValue => (reason === 'reset' ? prevValue : newInputValue));\n else setInputValue(newInputValue);\n\n onInputChangeCallback(newInputValue, reason);\n };\n\n const handleInputReset = () => {\n setInputValue('');\n onInputReset?.();\n };\n\n const handleDebouncedInputChange = (inputValue: string) => setDebouncedInputValue(inputValue);\n\n const onDebouncedInputChange = useCallback(debounce(handleDebouncedInputChange, 500), []);\n\n const handleSelectedGroupChange = (selectedGroupId: string) => {\n const selectedGroup = groups.find(({ id }) => id === selectedGroupId);\n if (!disableResetOnGroupChange) handleInputReset();\n onGroupChange(selectedGroup);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (inputValue.length) return;\n\n // NOTE: MUI try to focus tags for multiple Autocomplete\n // need to stop event to prevent crash, as we render custom content in TextField\n if (multiple && event.code === ARROW_LEFT_KEY_CODE) {\n event.stopPropagation();\n }\n };\n\n useEffect(() => {\n if (isOpened) {\n inputRef.current?.focus();\n inputRef.current?.setSelectionRange(inputValue.length, inputValue.length);\n }\n });\n\n const valueLength = multiple && Array.isArray(value) ? value.length : null;\n\n const allSelected = multiple && autocompleteOptions?.length === valueLength;\n const someSelected = multiple && !!valueLength && !allSelected;\n\n const onAllSelectClick = () => {\n handleInputReset();\n if (AutocompleteProps.getOptionDisabled && allSelected)\n return onChange(null as unknown as ChangeEvent<{}>, [options[options.length - 1]]);\n\n return onChange(\n null as unknown as ChangeEvent<{}>,\n allSelected \|\| someSelected ? [] : autocompleteOptions\n );\n };\n\n useEffect(() => {\n onDebouncedInputChange(inputValue);\n\n if (!onInputChange) return;\n\n onInputChange(inputValue);\n }, [inputValue]);\n\n const handleAutocompleteChange = (event: ChangeEvent<{}>, selected: any \| any[]) => {\n if (!multiple \|\| shouldResetInputOnAutocompleteChange) {\n setInputValue('');\n }\n onChange(event, selected);\n };\n\n const handleSearchOpen = (e: ChangeEvent<{}>) => {\n handleAutocompleOptionsUpdate();\n setIsOpened(true);\n onOpen(e);\n };\n\n const handleSearchClose = (evt: ChangeEvent<{}>, reason: string) => {\n const focusEvt = evt as unknown as React.FocusEvent<HTMLElement>;\n const focusingDropdownElement =\n reason === 'blur' &&\n (!focusEvt.relatedTarget \|\| paperRef.current?.contains(focusEvt.relatedTarget));\n\n if (!focusingDropdownElement) {\n onClose();\n setIsOpened(false);\n }\n };\n\n const handleSelectedOptionClick = () => {\n if (isOpenedFromParent ?? isOpened) {\n setIsOpened(false);\n\n onClose();\n } else {\n setIsOpened(true);\n\n onOpen();\n }\n };\n\n const renderGroup = ({ key, group, children }: AutocompleteRenderGroupParams) => {\n if (!group \|\| (!isEmpty(selectedGroup) && multiple)) {\n return children;\n }\n\n return (\n <div className={styles.group} key={key}>\n <Tooltip\n title={group}\n placement=\"right\"\n TransitionComponent={Fade}\n TransitionProps={{ timeout: 500 }}\n enterDelay={500}\n >\n <Chip\n data-not-migrated-muichip\n className={classNames(styles.groupChip, groupChipClassName)}\n variant=\"outlined\"\n label={group}\n />\n </Tooltip>\n\n {children}\n </div>\n );\n };\n\n const getSelectedLabel = (value: any) => {\n if (allSelected && !isHiddenAllOption && !isHiddenAllLabel) return 'All';\n const label = value[0].label \|\| value[0].name \|\| '';\n\n return value?.length === 1 ? (\n <div>\n <MiddleTruncatedText>{label}</MiddleTruncatedText>\n </div>\n ) : (\n `${value?.length} Selected`\n );\n };\n\n const renderInput = (muiProps: any) => {\n // MUI Autocomplete invokes renderInput during its OWN render, so this state belongs to the\n // Autocomplete fiber. Hoisting it into Search re-targets the re-render and breaks the\n // ArrowUp/ArrowDown focus handoff between the input and the chips.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [isFocused, setIsFocused] = useState(false);\n const { InputProps: mUIInputProps, inputProps: mUIinputProps, ...restMuiProps } = muiProps;\n const defaultEndAdornment =\n mUIInputProps.endAdornment?.props?.children?.length > 1\n ? cloneElement(mUIInputProps.endAdornment, {\n // remove clear button, popupIcon is left\n children: mUIInputProps.endAdornment.props.children.slice(1),\n onMouseDown: e => e.stopPropagation(),\n onMouseUp: e => e.stopPropagation(),\n })\n : mUIInputProps.endAdornment;\n\n const isNeedExpandInput = valueLength === 1;\n\n const isInputLabelShrink =\n isFocused \|\|\n isOpened \|\|\n inputValue.length > 0 \|\|\n !isEmpty(value) \|\|\n !isEmpty(InputProps?.startAdornment);\n\n const onInputBlur = () => {\n setIsFocused(false);\n if (isNeedExpandInput) {\n setIsSelectedLabelExpanded(true);\n }\n };\n\n const {\n classes: { input: inputClasses = '', ...restInputClasses } = {},\n style,\n ...restInputProps\n } = InputProps \|\| {};\n\n return (\n <TextField\n {...restMuiProps}\n {...omit(TextFieldProps, ['endAdornment'])}\n onBlur={onInputBlur}\n onFocus={() => {\n setIsFocused(true);\n }}\n onKeyDown={handleKeyDown}\n inputRef={inputRef}\n placeholder={placeholder}\n classes={{ root: styles.searchInput }}\n inputProps={{ style: { padding: 5 }, ...mUIinputProps, ...props.inputProps }}\n InputLabelProps={{\n shrink: isInputLabelShrink,\n }}\n InputProps={{\n classes: {\n input: classNames(\n isSelectedLabelExpanded\n ? styles.inputShrinked\n : isNeedExpandInput && styles.inputExpanded,\n inputClasses\n ),\n ...restInputClasses,\n },\n style: { paddingRight: 0, paddingBottom: 0, ...style },\n ...mUIInputProps,\n ...restInputProps,\n startAdornment: (\n <>\n {InputProps?.startAdornment}\n {selectedGroup && (\n <Chip\n key={selectedGroup.id}\n className={styles.selectedGroup}\n data-not-migrated-muichip\n variant=\"outlined\"\n label={\n <div className={styles.selectedGroupLabel}>\n {selectedGroup.name}\n <CloseSmallIcon\n size={16}\n id=\"removeGroupIcon\"\n className={styles.removeIcon}\n onClick={onGroupReset}\n />\n </div>\n }\n />\n )}\n {multiple && !isEmpty(value) && (\n <div\n onClick={handleSelectedOptionClick}\n id=\"selectedOptions\"\n className={classNames(\n styles.selectedLabel,\n isSelectedLabelExpanded && styles.selectedLabelExpanded\n )}\n >\n {getSelectedLabel(value)}\n </div>\n )}\n </>\n ),\n endAdornment: (\n <>\n <InputAdornment\n className={classNames(styles.endAdornment, {\n [styles.removeIconWithDropdown]: AutocompleteProps.forcePopupIcon,\n })}\n position=\"end\"\n >\n {TextFieldProps.endAdornment}\n {loading && <CircularProgress color=\"primary\" size={20} />}\n {isFocused && inputValue && !disableClearable && (\n <IconButton\n data-testid={`${PAGE_NAME}_clear_icon`}\n size=\"small\"\n className={styles.iconButton}\n onClick={() => {\n setInputValue('');\n if (onInputReset) {\n onInputReset();\n }\n }}\n tooltipProps={{ title: 'Clear' }}\n >\n <CloseSmallIcon size={20} className={styles.closeIcon} />\n </IconButton>\n )}\n </InputAdornment>\n {AutocompleteProps.forcePopupIcon && defaultEndAdornment}\n </>\n ),\n }}\n />\n );\n };\n\n const renderOption = (option: any, state: any) => {\n const { label = '', id } = option;\n if (!multiple)\n return (\n <MenuItem\n className={styles.menuItem}\n key={id}\n value={id}\n data-testid={`autocompleteOption_${label}MenuItem`}\n >\n <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n </MenuItem>\n );\n return (\n <div\n className={classNames(styles.option, optionSize)}\n key={id}\n data-testid={`autocompleteOption_${label}MenuItem`}\n >\n <Checkbox size=\"small\" disableRipple className={styles.checkbox} checked={state.selected} />\n <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n </div>\n );\n };\n\n const isEmptyOptions = isEmpty(autocompleteOptions);\n const paperContext = useMemo(\n () => ({\n onOutsideClick: handleSearchClose,\n isEmptyOptions,\n loading,\n AllSelectComponent: !isHiddenAllOption && multiple && !isEmptyOptions && (\n <SelectAllListItem\n className={styles.selectAllCheckbox}\n onClick={onAllSelectClick}\n someSelected={someSelected}\n allSelected={allSelected}\n />\n ),\n RecentSearchesComponent: RecentSearchesComponent && (\n <RecentSearchesComponent\n title=\"Recent Searches\"\n Icon={TimeIcon}\n dataStorage={dataStorage}\n dataStorageKey={dataStorageKey}\n maxCount={recentSearchesMaxCount}\n isHidden={!isEmpty(inputValue)}\n onInputChange={(value: any) => setInputValue(value)}\n inputValue={debouncedInputValue}\n />\n ),\n GroupsComponent: !selectedGroup && isGrouped && GroupsComponent && (\n <GroupsComponent onGroupClick={handleSelectedGroupChange} groups={groups} />\n ),\n }),\n [\n selectedGroup,\n loading,\n isGrouped,\n isEmptyOptions,\n inputValue,\n isHiddenAllOption,\n multiple,\n isEmptyOptions,\n debouncedInputValue,\n onClose,\n handleSearchClose,\n ]\n );\n\n const PaperComponent = useMemo(\n () =>\n ({ children, className, ...paperProps }: any) =>\n (\n <Paper {...paperProps} className={className} inputRef={inputRef} ref={paperRef}>\n {children}\n {paperFooter}\n </Paper>\n ),\n [paperFooter]\n );\n\n const PopperComponent = useMemo(\n () => (props: any) => {\n const { style, ...restPopperProps } = popperProps;\n return (\n <Popper\n {...props}\n style={{ ...props.style, ...style }}\n placement=\"bottom-start\"\n {...restPopperProps}\n />\n );\n },\n [popperProps]\n );\n\n const handleRootFocus = () => {\n setIsSelectedLabelExpanded(false);\n onFocus?.();\n };\n\n return (\n <PaperContext.Provider value={paperContext}>\n <Autocomplete\n {...omit(props, ['InputProps', 'isNullable', 'isOpenedFromParent'])}\n PopperComponent={PopperComponent}\n disableClearable={disableClearable}\n onOpen={handleSearchOpen}\n onClose={handleSearchClose}\n open={isOpenedFromParent ?? isOpened}\n onChange={handleAutocompleteChange}\n forcePopupIcon={AutocompleteProps.forcePopupIcon}\n fullWidth\n disabled={disabled}\n value={value}\n classes={autocompleteClasses}\n renderInput={renderInput}\n loading={loading}\n options={autocompleteOptions}\n renderGroup={renderGroup}\n disableCloseOnSelect={multiple}\n multiple={multiple}\n renderOption={renderCustomOption \|\| renderOption}\n groupBy={isGrouped ? groupBy : undefined}\n PaperComponent={PaperComponent}\n ListboxComponent={ListboxComponent}\n inputValue={inputValue}\n getOptionLabel={getOptionLabel}\n getOptionDisabled={AutocompleteProps?.getOptionDisabled}\n onInputChange={handleInputChange}\n loadingText={<div className={styles.label}>Loading ...</div>}\n noOptionsText={<div className={styles.label}>{noOptionsText}</div>}\n ListboxProps={ListboxProps}\n onFocus={handleRootFocus}\n />\n </PaperContext.Provider>\n );\n};\n\nSearch.Groups = Groups;\n\nexport default Search;\n"],"names":["initialPopperProps","Search","_ref","_ref$AutocompleteProp","AutocompleteProps","value","_ref$disableClearable","disableClearable","onChange","onInputChange","_ref$loading","loading","_ref$options","options","optionSize","_ref$placeholder","placeholder","_ref$onGroupChange","onGroupChange","_ref$disabled","disabled","disableResetOnGroupChange","_ref$multiple","multiple","_ref$groups","groups","GroupsComponent","_ref$recentSearchesMa","recentSearchesMaxCount","_ref$dataStorageKey","dataStorageKey","RecentSearchesComponent","_ref$dataStorage","dataStorage","sessionStorage","onInputReset","_ref$getOptionLabel","getOptionLabel","option","label","_ref$TextFieldProps","TextFieldProps","endAdornment","ListboxProps","_ref$onInputChangeCal","onInputChangeCallback","renderCustomOption","_ref$isHiddenAllOptio","isHiddenAllOption","_ref$isHiddenAllLabel","isHiddenAllLabel","_ref$onOpen","onOpen","noop","selectedGroup","_ref$onGroupReset","onGroupReset","_ref$onClose","onClose","_ref$popperProps","popperProps","paperFooter","_ref$noOptionsText","noOptionsText","_ref$ListboxComponent","ListboxComponent","Listbox","_ref$isPrioritizedSel","isPrioritizedSelectedOptions","_ref$isOpenedFromPare","isOpenedFromParent","undefined","onFocus","InputProps","_ref$classes","classes","popupIcon","shouldResetInputOnAutocompleteChange","props","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","debouncedInputValue","setDebouncedInputValue","_useState6","_useState5","isOpened","setIsOpened","_useState8","_useState7","isSelectedLabelExpanded","setIsSelectedLabelExpanded","inputRef","useRef","paperRef","_useAutocompletOption","useAutocompletOptions","autocompleteOptions","isGrouped","handleAutocompleOptionsUpdate","styles","useStyles","popper","listbox","popupIndicator","popupIndicatorOpen","groupChipClassName","groupChip","restClasses","_excluded2","autocompleteClasses","_objectSpread","classNames","handleInputReset","onDebouncedInputChange","useCallback","debounce","handleSelectedGroupChange","selectedGroupId","find","_ref3","id","handleKeyDown","event","length","code","stopPropagation","useEffect","_inputRef$current","_inputRef$current2","current","focus","setSelectionRange","valueLength","Array","isArray","allSelected","someSelected","onAllSelectClick","getOptionDisabled","handleSearchClose","evt","reason","_paperRef$current","focusEvt","relatedTarget","contains","handleSelectedOptionClick","getSelectedLabel","name","_jsx","children","MiddleTruncatedText","concat","isEmptyOptions","isEmpty","paperContext","useMemo","onOutsideClick","AllSelectComponent","SelectAllListItem","className","selectAllCheckbox","onClick","title","Icon","TimeIcon","maxCount","isHidden","onGroupClick","PaperComponent","_ref6","paperProps","_excluded6","_jsxs","Paper","ref","PopperComponent","style","restPopperProps","_excluded7","Popper","placement","PaperContext","Provider","Autocomplete","omit","e","open","selected","forcePopupIcon","fullWidth","renderInput","muiProps","_mUIInputProps$endAdo","_mUIInputProps$endAdo2","_mUIInputProps$endAdo3","_useState10","_useState9","isFocused","setIsFocused","mUIInputProps","mUIinputProps","inputProps","restMuiProps","_excluded3","defaultEndAdornment","cloneElement","slice","onMouseDown","onMouseUp","isNeedExpandInput","isInputLabelShrink","startAdornment","_ref5$classes","_ref5","_ref5$classes$input","input","inputClasses","restInputClasses","_excluded4","restInputProps","_excluded5","TextField","onBlur","onKeyDown","root","searchInput","padding","InputLabelProps","shrink","inputShrinked","inputExpanded","paddingRight","paddingBottom","_Fragment","Chip","variant","selectedGroupLabel","CloseSmallIcon","size","removeIcon","selectedLabel","selectedLabelExpanded","InputAdornment","_defineProperty","removeIconWithDropdown","position","CircularProgress","color","IconButton","iconButton","tooltipProps","closeIcon","renderGroup","_ref4","key","group","Tooltip","TransitionComponent","Fade","TransitionProps","timeout","enterDelay","disableCloseOnSelect","renderOption","state","_option$label","Checkbox","disableRipple","checkbox","checked","optionLabelContainer","MenuItem","menuItem","groupBy","_ref2","_event","newInputValue","prevValue","loadingText","Groups"],"mappings":"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"}
1	+ {"version":3,"file":"Search.js","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import {\n ChangeEvent,\n cloneElement,\n ComponentType,\n KeyboardEvent,\n MouseEventHandler,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { debounce, isEmpty, noop, omit } from 'lodash';\nimport { Autocomplete, AutocompleteProps, AutocompleteRenderGroupParams } from '@material-ui/lab';\nimport {\n Checkbox,\n Chip,\n CircularProgress,\n Fade,\n InputAdornment,\n MenuItem,\n Popper,\n TextField,\n InputProps as MuiInputProps,\n Tooltip,\n} from '@material-ui/core';\nimport { AccessTime as TimeIcon } from '@material-ui/icons';\n\nimport { Groups, ListboxComponent as Listbox, Paper, SelectAllListItem } from './components';\nimport { PaperContext } from './context';\nimport { useAutocompletOptions } from './effects';\nimport useStyles from './styles';\n\nimport { CloseSmallIcon, DownOneIcon } from '~/icons';\nimport { MiddleTruncatedText } from '~/components/MiddleTruncatedText';\nimport IconButton from '~/components/IconButton';\n\nconst PAGE_NAME = 'AutocompleteSearch';\n\nconst initialPopperProps = {};\n\nconst ARROW_LEFT_KEY_CODE = 'ArrowLeft';\n\ntype SearchProps = {\n onChange: (event: ChangeEvent<{}>, selected: any \| any[] \| null) => void;\n value?: object \| object[];\n options?: { label?: string; id: string; group?: string }[];\n AutocompleteProps?: {\n getOptionDisabled?: (option: any) => boolean;\n forcePopupIcon?: boolean;\n };\n allChecked?: boolean;\n TextFieldProps?: {\n label?: string;\n endAdornment?: ReactNode;\n };\n selectedGroup?: {\n name?: string;\n id?: string;\n };\n onGroupReset?: MouseEventHandler<HTMLSpanElement>;\n onClose?: () => void;\n disableClearable?: boolean;\n\n /*\n MUI Autocomplete triggers onInputChange when startAdornment is changed (via selectedGroup update).\n * If disableResetOnGroupChange is true, we won't store a new value in onInputChange when the 'reason' is \"reset\".\n * Additionally, handleSelectedGroupChange won't trigger handleInputReset if disableResetOnGroupChange is true.\n /\n disableResetOnGroupChange?: boolean;\n onInputChange?: (value: string) => void;\n getOptionLabel?: (option: any) => string;\n onGroupChange?: (group?: { name?: string; id?: string }) => void;\n loading?: boolean;\n disabled?: boolean;\n multiple?: boolean;\n optionSize?: 'large';\n popupIcon?: ReactNode;\n InputProps?: Partial<MuiInputProps>;\n ListboxProps?: object;\n classes?: Partial<\n {\n popper: string;\n listbox: string;\n popupIndicator: string;\n popupIndicatorOpen: string;\n groupChip: string;\n } & Record<string, string>\n >;\n onInputChangeCallback?: (newInputValue: string, reason: string) => void;\n placeholder?: string;\n RecentSearchesComponent?: ComponentType<any>;\n ListboxComponent?: any;\n recentSearchesMaxCount?: number;\n dataStorageKey?: string;\n dataStorage?: object;\n\n groups?: { id: string; name: string }[];\n GroupsComponent?: ComponentType<{\n onGroupClick: (id: string) => void;\n groups: { id: string; name: string }[];\n }>;\n onOpen?: (e?: any) => void;\n renderCustomOption?: (option: any, state: any) => ReactNode;\n onInputReset?: () => void;\n isHiddenAllOption?: boolean;\n isHiddenAllLabel?: boolean;\n paperFooter?: ReactNode;\n isOpenedFromParent?: boolean;\n popperProps?: Partial<{ style: object }>;\n onFocus?: () => void;\n inputProps?: object;\n noOptionsText?: string;\n isPrioritizedSelectedOptions?: boolean;\n /\n There is a check if it is multiple search then we should keep input value on autocomplete change\n * But now there is another case, when we should reset input value on autocomplete change\n * This new prop allows to have both options\n */\n shouldResetInputOnAutocompleteChange?: boolean;\n} & Omit<\n AutocompleteProps<any, false, false, false>,\n \| 'value'\n \| 'onChange'\n \| 'options'\n \| 'onClose'\n \| 'disableClearable'\n \| 'onInputChange'\n \| 'getOptionLabel'\n \| 'loading'\n \| 'disabled'\n \| 'multiple'\n \| 'popupIcon'\n \| 'ListboxProps'\n \| 'classes'\n \| 'placeholder'\n \| 'ListboxComponent'\n \| 'onOpen'\n \| 'onFocus'\n \| 'inp'\n \| 'noOptionsText'\n \| 'renderInput'\n \| 'PopperComponent'\n \| 'open'\n \| 'forcePopupIcon'\n \| 'fullWidth'\n \| 'renderGroup'\n \| 'disableCloseOnSelect'\n \| 'renderOption'\n \| 'groupBy'\n \| 'PaperComponent'\n \| 'inputValue'\n \| 'getOptionDisabled'\n \| 'loadingText'\n \| 'InputProps'\n \| 'isNullable'\n>;\n\nexport const Search = ({\n AutocompleteProps = {},\n value,\n disableClearable = false,\n onChange,\n onInputChange,\n loading = false,\n options = [],\n optionSize,\n placeholder = 'Search...',\n onGroupChange = () => {},\n disabled = false,\n disableResetOnGroupChange,\n multiple = false,\n groups = [],\n GroupsComponent,\n recentSearchesMaxCount = 3,\n dataStorageKey = 'Search:recentSearches',\n RecentSearchesComponent,\n dataStorage = sessionStorage,\n onInputReset,\n getOptionLabel = (option: any) => option.label \|\| '',\n TextFieldProps = { endAdornment: null },\n ListboxProps,\n onInputChangeCallback = () => {},\n renderCustomOption,\n isHiddenAllOption = false,\n isHiddenAllLabel = false,\n onOpen = noop,\n selectedGroup,\n onGroupReset = () => {},\n onClose = () => {},\n popperProps = initialPopperProps,\n paperFooter,\n noOptionsText = 'No Options',\n ListboxComponent = Listbox,\n isPrioritizedSelectedOptions = false,\n\n isOpenedFromParent = undefined,\n onFocus,\n InputProps,\n classes = {},\n popupIcon = <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} />,\n shouldResetInputOnAutocompleteChange,\n ...props\n}: SearchProps) => {\n const [inputValue, setInputValue] = useState('');\n const [debouncedInputValue, setDebouncedInputValue] = useState('');\n const [isOpened, setIsOpened] = useState(false);\n const [isSelectedLabelExpanded, setIsSelectedLabelExpanded] = useState(false);\n const inputRef = useRef<HTMLInputElement>(null);\n const paperRef = useRef<HTMLDivElement>(null);\n\n const { autocompleteOptions, isGrouped, handleAutocompleOptionsUpdate } = useAutocompletOptions({\n options,\n value,\n groups,\n selectedGroup,\n isPrioritizedSelectedOptions,\n });\n\n const styles = useStyles();\n\n const {\n popper,\n listbox,\n popupIndicator,\n popupIndicatorOpen,\n groupChip: groupChipClassName,\n ...restClasses\n } = classes;\n const autocompleteClasses = {\n popper: classNames(styles.popper, popper),\n listbox: classNames(styles.listbox, listbox),\n popupIndicator: classNames(styles.popupIndicator, popupIndicator),\n popupIndicatorOpen: classNames(styles.popupIndicatorOpen, popupIndicatorOpen),\n ...restClasses,\n };\n\n const groupBy = ({ group }: any) => group;\n\n const handleInputChange = (_event: ChangeEvent<{}>, newInputValue: string, reason: string) => {\n if (disableResetOnGroupChange)\n setInputValue(prevValue => (reason === 'reset' ? prevValue : newInputValue));\n else setInputValue(newInputValue);\n\n onInputChangeCallback(newInputValue, reason);\n };\n\n const handleInputReset = () => {\n setInputValue('');\n onInputReset?.();\n };\n\n const handleDebouncedInputChange = (inputValue: string) => setDebouncedInputValue(inputValue);\n\n const onDebouncedInputChange = useCallback(debounce(handleDebouncedInputChange, 500), []);\n\n const handleSelectedGroupChange = (selectedGroupId: string) => {\n const selectedGroup = groups.find(({ id }) => id === selectedGroupId);\n if (!disableResetOnGroupChange) handleInputReset();\n onGroupChange(selectedGroup);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (inputValue.length) return;\n\n // NOTE: MUI try to focus tags for multiple Autocomplete\n // need to stop event to prevent crash, as we render custom content in TextField\n if (multiple && event.code === ARROW_LEFT_KEY_CODE) {\n event.stopPropagation();\n }\n };\n\n useEffect(() => {\n if (isOpened) {\n inputRef.current?.focus();\n inputRef.current?.setSelectionRange(inputValue.length, inputValue.length);\n }\n });\n\n const valueLength = multiple && Array.isArray(value) ? value.length : null;\n\n const allSelected = multiple && autocompleteOptions?.length === valueLength;\n const someSelected = multiple && !!valueLength && !allSelected;\n\n const onAllSelectClick = () => {\n handleInputReset();\n if (AutocompleteProps.getOptionDisabled && allSelected)\n return onChange(null as unknown as ChangeEvent<{}>, [options[options.length - 1]]);\n\n return onChange(\n null as unknown as ChangeEvent<{}>,\n allSelected \|\| someSelected ? [] : autocompleteOptions\n );\n };\n\n useEffect(() => {\n onDebouncedInputChange(inputValue);\n\n if (!onInputChange) return;\n\n onInputChange(inputValue);\n }, [inputValue]);\n\n const handleAutocompleteChange = (event: ChangeEvent<{}>, selected: any \| any[]) => {\n if (!multiple \|\| shouldResetInputOnAutocompleteChange) {\n setInputValue('');\n }\n onChange(event, selected);\n };\n\n const handleSearchOpen = (e: ChangeEvent<{}>) => {\n handleAutocompleOptionsUpdate();\n setIsOpened(true);\n onOpen(e);\n };\n\n const handleSearchClose = (evt: ChangeEvent<{}>, reason: string) => {\n const focusEvt = evt as unknown as React.FocusEvent<HTMLElement>;\n const focusingDropdownElement =\n reason === 'blur' &&\n (!focusEvt.relatedTarget \|\| paperRef.current?.contains(focusEvt.relatedTarget));\n\n if (!focusingDropdownElement) {\n onClose();\n setIsOpened(false);\n }\n };\n\n const handleSelectedOptionClick = () => {\n if (isOpenedFromParent ?? isOpened) {\n setIsOpened(false);\n\n onClose();\n } else {\n setIsOpened(true);\n\n onOpen();\n }\n };\n\n const renderGroup = ({ key, group, children }: AutocompleteRenderGroupParams) => {\n if (!group \|\| (!isEmpty(selectedGroup) && multiple)) {\n return children;\n }\n\n return (\n <div className={styles.group} key={key}>\n <Tooltip\n title={group}\n placement=\"right\"\n TransitionComponent={Fade}\n TransitionProps={{ timeout: 500 }}\n enterDelay={500}\n >\n <Chip\n data-not-migrated-muichip\n className={classNames(styles.groupChip, groupChipClassName)}\n variant=\"outlined\"\n label={group}\n />\n </Tooltip>\n\n {children}\n </div>\n );\n };\n\n const getSelectedLabel = (value: any) => {\n if (allSelected && !isHiddenAllOption && !isHiddenAllLabel) return 'All';\n const label = value[0].label \|\| value[0].name \|\| '';\n\n return value?.length === 1 ? (\n <div>\n <MiddleTruncatedText>{label}</MiddleTruncatedText>\n </div>\n ) : (\n `${value?.length} Selected`\n );\n };\n\n const renderInput = (muiProps: any) => {\n // MUI Autocomplete invokes renderInput during its OWN render, so this state belongs to the\n // Autocomplete fiber. Hoisting it into Search re-targets the re-render and breaks the\n // ArrowUp/ArrowDown focus handoff between the input and the chips.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [isFocused, setIsFocused] = useState(false);\n const { InputProps: mUIInputProps, inputProps: mUIinputProps, ...restMuiProps } = muiProps;\n const defaultEndAdornment =\n mUIInputProps.endAdornment?.props?.children?.length > 1\n ? cloneElement(mUIInputProps.endAdornment, {\n // remove clear button, popupIcon is left\n children: mUIInputProps.endAdornment.props.children.slice(1),\n onMouseDown: e => e.stopPropagation(),\n onMouseUp: e => e.stopPropagation(),\n })\n : mUIInputProps.endAdornment;\n\n const isNeedExpandInput = valueLength === 1;\n\n const isInputLabelShrink =\n isFocused \|\|\n isOpened \|\|\n inputValue.length > 0 \|\|\n !isEmpty(value) \|\|\n !isEmpty(InputProps?.startAdornment);\n\n const onInputBlur = () => {\n setIsFocused(false);\n if (isNeedExpandInput) {\n setIsSelectedLabelExpanded(true);\n }\n };\n\n const {\n classes: { input: inputClasses = '', ...restInputClasses } = {},\n style,\n ...restInputProps\n } = InputProps \|\| {};\n\n return (\n <TextField\n {...restMuiProps}\n {...omit(TextFieldProps, ['endAdornment'])}\n onBlur={onInputBlur}\n onFocus={() => {\n setIsFocused(true);\n }}\n onKeyDown={handleKeyDown}\n inputRef={inputRef}\n placeholder={placeholder}\n classes={{ root: styles.searchInput }}\n inputProps={{ style: { padding: 5 }, ...mUIinputProps, ...props.inputProps }}\n InputLabelProps={{\n shrink: isInputLabelShrink,\n }}\n InputProps={{\n classes: {\n input: classNames(\n isSelectedLabelExpanded\n ? styles.inputShrinked\n : isNeedExpandInput && styles.inputExpanded,\n inputClasses\n ),\n ...restInputClasses,\n },\n style: { paddingRight: 0, paddingBottom: 0, ...style },\n ...mUIInputProps,\n ...restInputProps,\n startAdornment: (\n <>\n {InputProps?.startAdornment}\n {selectedGroup && (\n <Chip\n key={selectedGroup.id}\n className={styles.selectedGroup}\n data-not-migrated-muichip\n variant=\"outlined\"\n label={\n <div className={styles.selectedGroupLabel}>\n {selectedGroup.name}\n <CloseSmallIcon\n size={16}\n id=\"removeGroupIcon\"\n className={styles.removeIcon}\n onClick={onGroupReset}\n />\n </div>\n }\n />\n )}\n {multiple && !isEmpty(value) && (\n <div\n onClick={handleSelectedOptionClick}\n id=\"selectedOptions\"\n className={classNames(\n styles.selectedLabel,\n isSelectedLabelExpanded && styles.selectedLabelExpanded\n )}\n >\n {getSelectedLabel(value)}\n </div>\n )}\n </>\n ),\n endAdornment: (\n <>\n <InputAdornment\n className={classNames(styles.endAdornment, {\n [styles.removeIconWithDropdown]: AutocompleteProps.forcePopupIcon,\n })}\n position=\"end\"\n >\n {TextFieldProps.endAdornment}\n {loading && <CircularProgress color=\"primary\" size={20} />}\n {isFocused && inputValue && !disableClearable && (\n <IconButton\n data-testid={`${PAGE_NAME}_clear_icon`}\n size=\"small\"\n className={styles.iconButton}\n onClick={() => {\n setInputValue('');\n if (onInputReset) {\n onInputReset();\n }\n }}\n tooltipProps={{ title: 'Clear' }}\n >\n <CloseSmallIcon size={20} className={styles.closeIcon} />\n </IconButton>\n )}\n </InputAdornment>\n {AutocompleteProps.forcePopupIcon && defaultEndAdornment}\n </>\n ),\n }}\n />\n );\n };\n\n const renderOption = (option: any, state: any) => {\n const { label = '', id } = option;\n if (!multiple)\n return (\n <MenuItem\n className={styles.menuItem}\n key={id}\n value={id}\n data-testid={`autocompleteOption_${label}MenuItem`}\n >\n <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n </MenuItem>\n );\n return (\n <div\n className={classNames(styles.option, optionSize)}\n key={id}\n data-testid={`autocompleteOption_${label}MenuItem`}\n >\n <Checkbox size=\"small\" disableRipple className={styles.checkbox} checked={state.selected} />\n <MiddleTruncatedText className={styles.optionLabelContainer}>{label}</MiddleTruncatedText>\n </div>\n );\n };\n\n const isEmptyOptions = isEmpty(autocompleteOptions);\n const paperContext = useMemo(\n () => ({\n onOutsideClick: handleSearchClose,\n isEmptyOptions,\n loading,\n AllSelectComponent: !isHiddenAllOption && multiple && !isEmptyOptions && (\n <SelectAllListItem\n className={styles.selectAllCheckbox}\n onClick={onAllSelectClick}\n someSelected={someSelected}\n allSelected={allSelected}\n />\n ),\n RecentSearchesComponent: RecentSearchesComponent && (\n <RecentSearchesComponent\n title=\"Recent Searches\"\n Icon={TimeIcon}\n dataStorage={dataStorage}\n dataStorageKey={dataStorageKey}\n maxCount={recentSearchesMaxCount}\n isHidden={!isEmpty(inputValue)}\n onInputChange={(value: any) => setInputValue(value)}\n inputValue={debouncedInputValue}\n />\n ),\n GroupsComponent: !selectedGroup && isGrouped && GroupsComponent && (\n <GroupsComponent onGroupClick={handleSelectedGroupChange} groups={groups} />\n ),\n }),\n [\n selectedGroup,\n loading,\n isGrouped,\n isEmptyOptions,\n inputValue,\n isHiddenAllOption,\n multiple,\n isEmptyOptions,\n debouncedInputValue,\n onClose,\n handleSearchClose,\n ]\n );\n\n const PaperComponent = useMemo(\n () =>\n ({ children, className, ...paperProps }: any) =>\n (\n <Paper {...paperProps} className={className} inputRef={inputRef} ref={paperRef}>\n {children}\n {paperFooter}\n </Paper>\n ),\n [paperFooter]\n );\n\n const PopperComponent = useMemo(\n () => (props: any) => {\n const { style, ...restPopperProps } = popperProps;\n return (\n <Popper\n {...props}\n style={{ ...props.style, ...style }}\n placement=\"bottom-start\"\n {...restPopperProps}\n />\n );\n },\n [popperProps]\n );\n\n const handleRootFocus = () => {\n setIsSelectedLabelExpanded(false);\n onFocus?.();\n };\n\n return (\n <PaperContext.Provider value={paperContext}>\n <Autocomplete\n {...omit(props, ['InputProps', 'isNullable', 'isOpenedFromParent'])}\n PopperComponent={PopperComponent}\n disableClearable={disableClearable}\n onOpen={handleSearchOpen}\n onClose={handleSearchClose}\n open={isOpenedFromParent ?? isOpened}\n onChange={handleAutocompleteChange}\n forcePopupIcon={AutocompleteProps.forcePopupIcon}\n fullWidth\n disabled={disabled}\n value={value}\n classes={autocompleteClasses}\n renderInput={renderInput}\n loading={loading}\n options={autocompleteOptions}\n renderGroup={renderGroup}\n disableCloseOnSelect={multiple}\n multiple={multiple}\n renderOption={renderCustomOption \|\| renderOption}\n groupBy={isGrouped ? groupBy : undefined}\n PaperComponent={PaperComponent}\n ListboxComponent={ListboxComponent}\n inputValue={inputValue}\n getOptionLabel={getOptionLabel}\n getOptionDisabled={AutocompleteProps?.getOptionDisabled}\n onInputChange={handleInputChange}\n loadingText={<div className={styles.label}>Loading ...</div>}\n noOptionsText={<div className={styles.label}>{noOptionsText}</div>}\n ListboxProps={ListboxProps}\n onFocus={handleRootFocus}\n />\n </PaperContext.Provider>\n );\n};\n\nSearch.Groups = Groups;\n\nexport default Search;\n"],"names":["initialPopperProps","Search","_ref","_ref$AutocompleteProp","AutocompleteProps","value","_ref$disableClearable","disableClearable","onChange","onInputChange","_ref$loading","loading","_ref$options","options","optionSize","_ref$placeholder","placeholder","_ref$onGroupChange","onGroupChange","_ref$disabled","disabled","disableResetOnGroupChange","_ref$multiple","multiple","_ref$groups","groups","GroupsComponent","_ref$recentSearchesMa","recentSearchesMaxCount","_ref$dataStorageKey","dataStorageKey","RecentSearchesComponent","_ref$dataStorage","dataStorage","sessionStorage","onInputReset","_ref$getOptionLabel","getOptionLabel","option","label","_ref$TextFieldProps","TextFieldProps","endAdornment","ListboxProps","_ref$onInputChangeCal","onInputChangeCallback","renderCustomOption","_ref$isHiddenAllOptio","isHiddenAllOption","_ref$isHiddenAllLabel","isHiddenAllLabel","_ref$onOpen","onOpen","noop","selectedGroup","_ref$onGroupReset","onGroupReset","_ref$onClose","onClose","_ref$popperProps","popperProps","paperFooter","_ref$noOptionsText","noOptionsText","_ref$ListboxComponent","ListboxComponent","Listbox","_ref$isPrioritizedSel","isPrioritizedSelectedOptions","_ref$isOpenedFromPare","isOpenedFromParent","undefined","onFocus","InputProps","_ref$classes","classes","popupIcon","shouldResetInputOnAutocompleteChange","props","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","debouncedInputValue","setDebouncedInputValue","_useState6","_useState5","isOpened","setIsOpened","_useState8","_useState7","isSelectedLabelExpanded","setIsSelectedLabelExpanded","inputRef","useRef","paperRef","_useAutocompletOption","useAutocompletOptions","autocompleteOptions","isGrouped","handleAutocompleOptionsUpdate","styles","useStyles","popper","listbox","popupIndicator","popupIndicatorOpen","groupChipClassName","groupChip","restClasses","_excluded2","autocompleteClasses","_objectSpread","classNames","handleInputReset","onDebouncedInputChange","useCallback","debounce","handleSelectedGroupChange","selectedGroupId","find","_ref3","id","handleKeyDown","event","length","code","stopPropagation","useEffect","_inputRef$current","_inputRef$current2","current","focus","setSelectionRange","valueLength","Array","isArray","allSelected","someSelected","onAllSelectClick","getOptionDisabled","handleSearchClose","evt","reason","_paperRef$current","focusEvt","relatedTarget","contains","handleSelectedOptionClick","getSelectedLabel","name","_jsx","children","MiddleTruncatedText","concat","isEmptyOptions","isEmpty","paperContext","useMemo","onOutsideClick","AllSelectComponent","SelectAllListItem","className","selectAllCheckbox","onClick","title","Icon","TimeIcon","maxCount","isHidden","onGroupClick","PaperComponent","_ref6","paperProps","_excluded6","_jsxs","Paper","ref","PopperComponent","style","restPopperProps","_excluded7","Popper","placement","PaperContext","Provider","Autocomplete","omit","e","open","selected","forcePopupIcon","fullWidth","renderInput","muiProps","_mUIInputProps$endAdo","_mUIInputProps$endAdo2","_mUIInputProps$endAdo3","_useState10","_useState9","isFocused","setIsFocused","mUIInputProps","mUIinputProps","inputProps","restMuiProps","_excluded3","defaultEndAdornment","cloneElement","slice","onMouseDown","onMouseUp","isNeedExpandInput","isInputLabelShrink","startAdornment","_ref5$classes","_ref5","_ref5$classes$input","input","inputClasses","restInputClasses","_excluded4","restInputProps","_excluded5","TextField","onBlur","onKeyDown","root","searchInput","padding","InputLabelProps","shrink","inputShrinked","inputExpanded","paddingRight","paddingBottom","_Fragment","Chip","variant","selectedGroupLabel","CloseSmallIcon","size","removeIcon","selectedLabel","selectedLabelExpanded","InputAdornment","_defineProperty","removeIconWithDropdown","position","CircularProgress","color","IconButton","iconButton","tooltipProps","closeIcon","renderGroup","_ref4","key","group","Tooltip","TransitionComponent","Fade","TransitionProps","timeout","enterDelay","disableCloseOnSelect","renderOption","state","_option$label","Checkbox","disableRipple","checkbox","checked","optionLabelContainer","MenuItem","menuItem","groupBy","_ref2","_event","newInputValue","prevValue","loadingText","Groups"],"mappings":"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"}

package/components/Select/SelectFilterBy.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{makeStyles as s,InputAdornment as c}from"@material-ui/core";import{LayersIcon as i}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import n from"./index.js";import{jsx as t}from"react/jsx-runtime";function r(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}var m=s((function(o){return{emptyItem:{color:o.palette.primary.text6},formControlRoot:{"&:hover":{"& .MuiFormLabel-root":{color:o.palette.primary.text6},"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main}},"& .MuiFormLabel-root":{color:o.palette.primary.text6},"& .MuiSelect-filled":{paddingLeft:0},"& .MuiSelect-select:focus":{backgroundColor:"transparent"},"& .MuiFilledInput-root":{backgroundColor:"#FFFFFF10","&:hover":{backgroundColor:"#FFFFFF20"},"&.Mui-disabled":{backgroundColor:"#FFFFFF10"}}}}})),e=function(s){var e=m();return t(n,function(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?r(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):r(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}({disableUnderline:!0,displayEmpty:!0,FormControlProps:{variant:"filled",classes:{root:e.formControlRoot}},renderValue:function(o){return o||t("span",{className:e.emptyItem,children:"None"})},startAdornment:t(c,{position:"start",children:t(i,{size:16})})},s))};export{e as SelectFilterBy};
+import o from"@babel/runtime/helpers/defineProperty";import{makeStyles as s,InputAdornment as c}from"@material-ui/core";import{LayersIcon as i}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import n from"./index.js";import{jsx as t}from"react/jsx-runtime";function r(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}var m=s((function(o){return{emptyItem:{color:o.palette.primary.text6},formControlRoot:{"&:hover":{"& .MuiFormLabel-root":{color:o.palette.primary.text6},"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main}},"& .MuiFormLabel-root":{color:o.palette.primary.text6},"& .MuiSelect-filled":{paddingLeft:0},"& .MuiSelect-select:focus":{backgroundColor:"transparent"},"& .MuiFilledInput-root":{backgroundColor:"#FFFFFF10","&:hover":{backgroundColor:"#FFFFFF20"},"&.Mui-disabled":{backgroundColor:"#FFFFFF10"}}}}})),e=function(s){var e=m();return t(n,function(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?r(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):r(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}({disableUnderline:!0,displayEmpty:!0,FormControlProps:{variant:"filled",classes:{root:e.formControlRoot}},renderValue:function(o){return o||t("span",{className:e.emptyItem,children:"None"})},startAdornment:t(c,{position:"start",children:t(i,{size:16})})},s))};export{e as SelectFilterBy};
 //# sourceMappingURL=SelectFilterBy.js.map

package/components/Select/SelectFilterBy.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectFilterBy.js","sources":["../../../src/components/Select/SelectFilterBy.tsx"],"sourcesContent":["import { InputAdornment, makeStyles } from '@material-ui/core';\nimport { LayersIcon } from '~/icons';\nimport Select from './index';\nimport { SelectProps } from './types';\n\nconst useStyles = makeStyles(theme => ({\n emptyItem: { color: theme.palette.primary.text6 },\n formControlRoot: {\n '&:hover': {\n '& .MuiFormLabel-root': { color: theme.palette.primary.text6 },\n '& .MuiFormLabel-root.Mui-focused': { color: theme.palette.primary.main },\n },\n '& .MuiFormLabel-root': { color: theme.palette.primary.text6 },\n '& .MuiSelect-filled': { paddingLeft: 0 },\n '& .MuiSelect-select:focus': { backgroundColor: 'transparent' },\n '& .MuiFilledInput-root': {\n backgroundColor: '#FFFFFF10',\n '&:hover': { backgroundColor: '#FFFFFF20' },\n '&.Mui-disabled': { backgroundColor: '#FFFFFF10' },\n },\n },\n}));\n\nexport const SelectFilterBy = <T extends unknown>(props: SelectProps<T>): JSX.Element => {\n const classes = useStyles();\n\n return (\n <Select\n disableUnderline\n displayEmpty\n FormControlProps={{\n variant: 'filled',\n classes: { root: classes.formControlRoot },\n }}\n renderValue={(value: any) =>\n value ? value : <span className={classes.emptyItem}>None</span>\n }\n startAdornment={\n <InputAdornment position=\"start\">\n <LayersIcon size={16} />\n </InputAdornment>\n }\n {...props}\n />\n );\n};\n"],"names":["useStyles","makeStyles","theme","emptyItem","color","palette","primary","text6","formControlRoot","main","paddingLeft","backgroundColor","SelectFilterBy","props","classes","_jsx","Select","_objectSpread","disableUnderline","displayEmpty","FormControlProps","variant","root","renderValue","value","className","children","startAdornment","InputAdornment","position","LayersIcon","size"],"mappings":"~~6oIAKA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,UAAW,CAAEC,MAAOF,EAAMG,QAAQC,QAAQC,OAC1CC,gBAAiB,CACf,UAAW,CACT,uBAAwB,CAAEJ,MAAOF,EAAMG,QAAQC,QAAQC,OACvD,mCAAoC,CAAEH,MAAOF,EAAMG,QAAQC,QAAQG,OAErE,uBAAwB,CAAEL,MAAOF,EAAMG,QAAQC,QAAQC,OACvD,sBAAuB,CAAEG,YAAa,GACtC,4BAA6B,CAAEC,gBAAiB,eAChD,yBAA0B,CACxBA,gBAAiB,YACjB,UAAW,CAAEA,gBAAiB,aAC9B,iBAAkB,CAAEA,gBAAiB,eAG1C,IAEYC,EAAiB,SAAoBC,GAChD,IAAMC,EAAUd,IAEhB,OACEe,EAACC,iWAAMC,CAAA,CACLC,kBAAgB,EAChBC,cAAY,EACZC,iBAAkB,CAChBC,QAAS,SACTP,QAAS,CAAEQ,KAAMR,EAAQN,kBAE3Be,YAAa,SAACC,GAAU,OACtBA,GAAgBT,EAAA,OAAA,CAAMU,UAAWX,EAAQX,UAAUuB,SAAA,QACpD,EACDC,eACEZ,EAACa,EAAc,CAACC,SAAS,QAAOH,SAC9BX,EAACe,EAAU,CAACC,KAAM,QAGlBlB,GAGV"}
1	+ {"version":3,"file":"SelectFilterBy.js","sources":["../../../src/components/Select/SelectFilterBy.tsx"],"sourcesContent":["import { InputAdornment, makeStyles } from '@material-ui/core';\nimport { LayersIcon } from '~/icons';\nimport Select from './index';\nimport { SelectProps } from './types';\n\nconst useStyles = makeStyles(theme => ({\n emptyItem: { color: theme.palette.primary.text6 },\n formControlRoot: {\n '&:hover': {\n '& .MuiFormLabel-root': { color: theme.palette.primary.text6 },\n '& .MuiFormLabel-root.Mui-focused': { color: theme.palette.primary.main },\n },\n '& .MuiFormLabel-root': { color: theme.palette.primary.text6 },\n '& .MuiSelect-filled': { paddingLeft: 0 },\n '& .MuiSelect-select:focus': { backgroundColor: 'transparent' },\n '& .MuiFilledInput-root': {\n backgroundColor: '#FFFFFF10',\n '&:hover': { backgroundColor: '#FFFFFF20' },\n '&.Mui-disabled': { backgroundColor: '#FFFFFF10' },\n },\n },\n}));\n\nexport const SelectFilterBy = <T extends unknown>(props: SelectProps<T>): JSX.Element => {\n const classes = useStyles();\n\n return (\n <Select\n disableUnderline\n displayEmpty\n FormControlProps={{\n variant: 'filled',\n classes: { root: classes.formControlRoot },\n }}\n renderValue={(value: any) =>\n value ? value : <span className={classes.emptyItem}>None</span>\n }\n startAdornment={\n <InputAdornment position=\"start\">\n <LayersIcon size={16} />\n </InputAdornment>\n }\n {...props}\n />\n );\n};\n"],"names":["useStyles","makeStyles","theme","emptyItem","color","palette","primary","text6","formControlRoot","main","paddingLeft","backgroundColor","SelectFilterBy","props","classes","_jsx","Select","_objectSpread","disableUnderline","displayEmpty","FormControlProps","variant","root","renderValue","value","className","children","startAdornment","InputAdornment","position","LayersIcon","size"],"mappings":"ovIAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,UAAW,CAAEC,MAAOF,EAAMG,QAAQC,QAAQC,OAC1CC,gBAAiB,CACf,UAAW,CACT,uBAAwB,CAAEJ,MAAOF,EAAMG,QAAQC,QAAQC,OACvD,mCAAoC,CAAEH,MAAOF,EAAMG,QAAQC,QAAQG,OAErE,uBAAwB,CAAEL,MAAOF,EAAMG,QAAQC,QAAQC,OACvD,sBAAuB,CAAEG,YAAa,GACtC,4BAA6B,CAAEC,gBAAiB,eAChD,yBAA0B,CACxBA,gBAAiB,YACjB,UAAW,CAAEA,gBAAiB,aAC9B,iBAAkB,CAAEA,gBAAiB,eAG1C,IAEYC,EAAiB,SAAoBC,GAChD,IAAMC,EAAUd,IAEhB,OACEe,EAACC,iWAAMC,CAAA,CACLC,kBAAgB,EAChBC,cAAY,EACZC,iBAAkB,CAChBC,QAAS,SACTP,QAAS,CAAEQ,KAAMR,EAAQN,kBAE3Be,YAAa,SAACC,GAAU,OACtBA,GAAgBT,EAAA,OAAA,CAAMU,UAAWX,EAAQX,UAAUuB,SAAA,QACpD,EACDC,eACEZ,EAACa,EAAc,CAACC,SAAS,QAAOH,SAC9BX,EAACe,EAAU,CAACC,KAAM,QAGlBlB,GAGV"}