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

@corva/ui 3.75.0-17 → 3.75.0-18

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

Files changed (1030) hide show

package/components/Counter/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import i from"classnames";import{capitalize as c}from"lodash";import{makeStyles as n,Tooltip as t,Chip as r}from"@material-ui/core";import{CloseSmallIcon as e}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as m}from"react/jsx-runtime";var p=["classes","size","limited","clickable","tooltip"];function u(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,c)}return i}function a(s){for(var i=1;i<arguments.length;i++){var c=null!=arguments[i]?arguments[i]:{};i%2?u(Object(c),!0).forEach((function(i){o(s,i,c[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):u(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var l=n((function(o){return{rootChip:{"&.MuiChip-root":{backgroundColor:o.palette.background.b9,color:o.palette.primary.text6,textAlign:"center","&:hover":{color:o.palette.primary.contrastText,"& .MuiSvgIcon-root":{color:o.palette.primary.contrastText}},"& span.MuiChip-label":{padding:0}}},tooltip:{marginTop:"10px"},closeIcon:{marginRight:"-2px !important",marginLeft:"2px !important",color:o.palette.primary.text6},sizeSmall:{"&.MuiChip-root":{minWidth:16,height:16,padding:"1px 2px","& span":{fontSize:"11px",lineHeight:"14px"}}},sizeSmallLimited:{"&.MuiChip-root":{padding:"1px 3px"}},sizeMedium:{"&.MuiChip-root":{minWidth:24,height:24,padding:"2px 4px","& span":{fontSize:"14px",lineHeight:"20px"}}},sizeMediumLimited:{"&.MuiChip-root":{padding:"2px 6px"}},sizeMediumClickable:{"&.MuiChip-root":{padding:"2px 6px"}},sizeLarge:{"&.MuiChip-root":{minWidth:32,height:32,padding:"5px 7px","& span":{fontSize:"16px",lineHeight:"22px"}}},sizeLargeLimited:{"&.MuiChip-root":{padding:"5px 8px"}},sizeLargeClickable:{"&.MuiChip-root":{padding:"5px 8px"}}}})),j=function(o){var n=o.classes,u=void 0===n?{}:n,j=o.size,d=void 0===j?"medium":j,I=o.limited,h=void 0!==I&&I,b=o.clickable,g=void 0!==b&&b,C=o.tooltip,x=void 0===C?"":C,O=s(o,p),f=l();return m(t,{title:x,classes:{tooltip:f.tooltip},children:m(r,a(a({},O),{},{size:d,classes:a(a({},u),{},{root:i(u.root,f.rootChip,f["size".concat(c(d))],h&&f["size".concat(c(d),"Limited")],g&&f["size".concat(c(d),"Clickable")])}),clickable:g,deleteIcon:m(e,{className:f.closeIcon,size:16})}))})};export{j as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import i from"classnames";import{capitalize as c}from"lodash";import{makeStyles as n,Tooltip as t,Chip as r}from"@material-ui/core";import{CloseSmallIcon as e}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as m}from"react/jsx-runtime";var p=["classes","size","limited","clickable","tooltip"];function u(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,c)}return i}function a(s){for(var i=1;i<arguments.length;i++){var c=null!=arguments[i]?arguments[i]:{};i%2?u(Object(c),!0).forEach((function(i){o(s,i,c[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):u(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var l=n((function(o){return{rootChip:{"&.MuiChip-root":{backgroundColor:o.palette.background.b9,color:o.palette.primary.text6,textAlign:"center","&:hover":{color:o.palette.primary.contrastText,"& .MuiSvgIcon-root":{color:o.palette.primary.contrastText}},"& span.MuiChip-label":{padding:0}}},tooltip:{marginTop:"10px"},closeIcon:{marginRight:"-2px !important",marginLeft:"2px !important",color:o.palette.primary.text6},sizeSmall:{"&.MuiChip-root":{minWidth:16,height:16,padding:"1px 2px","& span":{fontSize:"11px",lineHeight:"14px"}}},sizeSmallLimited:{"&.MuiChip-root":{padding:"1px 3px"}},sizeMedium:{"&.MuiChip-root":{minWidth:24,height:24,padding:"2px 4px","& span":{fontSize:"14px",lineHeight:"20px"}}},sizeMediumLimited:{"&.MuiChip-root":{padding:"2px 6px"}},sizeMediumClickable:{"&.MuiChip-root":{padding:"2px 6px"}},sizeLarge:{"&.MuiChip-root":{minWidth:32,height:32,padding:"5px 7px","& span":{fontSize:"16px",lineHeight:"22px"}}},sizeLargeLimited:{"&.MuiChip-root":{padding:"5px 8px"}},sizeLargeClickable:{"&.MuiChip-root":{padding:"5px 8px"}}}})),j=function(o){var n=o.classes,u=void 0===n?{}:n,j=o.size,I=void 0===j?"medium":j,d=o.limited,h=void 0!==d&&d,C=o.clickable,b=void 0!==C&&C,g=o.tooltip,x=void 0===g?"":g,O=s(o,p),f=l();return m(t,{title:x,classes:{tooltip:f.tooltip},children:m(r,a(a({},O),{},{size:I,classes:a(a({},u),{},{root:i(u.root,f.rootChip,f["size".concat(c(I))],h&&f["size".concat(c(I),"Limited")],b&&f["size".concat(c(I),"Clickable")])}),clickable:b,deleteIcon:m(e,{className:f.closeIcon,size:16})}))})};export{j as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/Counter/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { capitalize } from 'lodash';\n\nimport { Chip as MuiChip, ChipProps, makeStyles, Tooltip } from '@material-ui/core';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n rootChip: {\n '&.MuiChip-root': {\n backgroundColor: theme.palette.background.b9,\n color: theme.palette.primary.text6,\n textAlign: 'center',\n\n '&:hover': {\n color: theme.palette.primary.contrastText,\n\n '& .MuiSvgIcon-root': {\n color: theme.palette.primary.contrastText,\n },\n },\n '& span.MuiChip-label': {\n padding: 0,\n },\n },\n },\n tooltip: {\n marginTop: '10px',\n },\n closeIcon: {\n marginRight: '-2px !important',\n marginLeft: '2px !important',\n color: theme.palette.primary.text6,\n },\n sizeSmall: {\n '&.MuiChip-root': {\n minWidth: 16,\n height: 16,\n padding: '1px 2px',\n '& span': {\n fontSize: '11px',\n lineHeight: '14px',\n },\n },\n },\n sizeSmallLimited: {\n '&.MuiChip-root': {\n padding: '1px 3px',\n },\n },\n\n sizeMedium: {\n '&.MuiChip-root': {\n minWidth: 24,\n height: 24,\n padding: '2px 4px',\n '& span': {\n fontSize: '14px',\n lineHeight: '20px',\n },\n },\n },\n sizeMediumLimited: {\n '&.MuiChip-root': {\n padding: '2px 6px',\n },\n },\n sizeMediumClickable: {\n '&.MuiChip-root': {\n padding: '2px 6px',\n },\n },\n\n sizeLarge: {\n '&.MuiChip-root': {\n minWidth: 32,\n height: 32,\n padding: '5px 7px',\n '& span': {\n fontSize: '16px',\n lineHeight: '22px',\n },\n },\n },\n sizeLargeLimited: {\n '&.MuiChip-root': {\n padding: '5px 8px',\n },\n },\n sizeLargeClickable: {\n '&.MuiChip-root': {\n padding: '5px 8px',\n },\n },\n}));\n\nexport type CounterProps = Omit<\n ChipProps,\n \| 'classes'\n \| 'size'\n \| 'label'\n \| 'clickable'\n \| 'children'\n \| 'avatar'\n \| 'icon'\n \| 'deleteIcon'\n \| 'onDelete'\n \| 'variant'\n \| 'color'\n \| 'className'\n> & {\n label: string;\n classes?: {\n root?: string;\n };\n size?: 'small' \| 'medium' \| 'large';\n limited?: boolean;\n clickable?: boolean;\n tooltip?: string;\n className?: string;\n};\n\ntype ClassName = keyof ReturnType<typeof useStyles>;\n\nconst Counter = ({\n classes = {},\n size = 'medium',\n limited = false,\n clickable = false,\n tooltip = '',\n ...rest\n}: CounterProps): JSX.Element => {\n const styles = useStyles();\n\n return (\n <Tooltip title={tooltip} classes={{ tooltip: styles.tooltip }}>\n <MuiChip\n {...rest}\n size={size as any}\n classes={{\n ...classes,\n root: classNames(\n classes.root,\n styles.rootChip,\n styles[`size${capitalize(size)}` as ClassName],\n limited && styles[`size${capitalize(size)}Limited` as ClassName],\n clickable && styles[`size${capitalize(size)}Clickable` as ClassName]\n ),\n }}\n clickable={clickable}\n deleteIcon={<CloseSmallIcon className={styles.closeIcon} size={16} />}\n />\n </Tooltip>\n );\n};\n\nexport default Counter;\n"],"names":["useStyles","makeStyles","theme","rootChip","backgroundColor","palette","background","b9","color","primary","text6","textAlign","contrastText","padding","tooltip","marginTop","closeIcon","marginRight","marginLeft","sizeSmall","minWidth","height","fontSize","lineHeight","sizeSmallLimited","sizeMedium","sizeMediumLimited","sizeMediumClickable","sizeLarge","sizeLargeLimited","sizeLargeClickable","Counter","_ref","_ref$classes","classes","_ref$size","size","_ref$limited","limited","_ref$clickable","clickable","_ref$tooltip","rest","_objectWithoutProperties","_excluded","styles","_jsx","Tooltip","title","children","MuiChip","_objectSpread","root","classNames","concat","capitalize","deleteIcon","CloseSmallIcon","className"],"mappings":"~~gpJAMA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,SAAU,CACR,iBAAkB,CAChBC,gBAAiBF,EAAMG,QAAQC,WAAWC,GAC1CC,MAAON,EAAMG,QAAQI,QAAQC,MAC7BC,UAAW,SAEX,UAAW,CACTH,MAAON,EAAMG,QAAQI,QAAQG,aAE7B,qBAAsB,CACpBJ,MAAON,EAAMG,QAAQI,QAAQG,eAGjC,uBAAwB,CACtBC,QAAS,KAIfC,QAAS,CACPC,UAAW,QAEbC,UAAW,CACTC,YAAa,kBACbC,WAAY,iBACZV,MAAON,EAAMG,QAAQI,QAAQC,OAE/BS,UAAW,CACT,iBAAkB,CAChBC,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBC,iBAAkB,CAChB,iBAAkB,CAChBX,QAAS,YAIbY,WAAY,CACV,iBAAkB,CAChBL,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBG,kBAAmB,CACjB,iBAAkB,CAChBb,QAAS,YAGbc,oBAAqB,CACnB,iBAAkB,CAChBd,QAAS,YAIbe,UAAW,CACT,iBAAkB,CAChBR,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBM,iBAAkB,CAChB,iBAAkB,CAChBhB,QAAS,YAGbiB,mBAAoB,CAClB,iBAAkB,CAChBjB,QAAS,YAGd,IA8BKkB,EAAU,SAOiBC,GAAA,IAAAC,EAAAD,EAN/BE,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAH,EACZI,KAAAA,aAAO,SAAQD,EAAAE,EAAAL,EACfM,QAAAA,cAAeD,EAAAE,EAAAP,EACfQ,UAAAA,cAAiBD,EAAAE,EAAAT,EACjBlB,QAAAA,aAAU,GAAE2B,EACTC,EAAIC,EAAAX,EAAAY,GAEDC,EAAS7C,IAEf,OACE8C,EAACC,EAAO,CAACC,MAAOlC,EAASoB,QAAS,CAAEpB,QAAS+B,EAAO/B,SAAUmC,SAC5DH,EAACI,EAAOC,EAAAA,EAAA,GACFT,GAAI,GAAA,CACRN,KAAMA,EACNF,eACKA,GAAO,CAAA,EAAA,CACVkB,KAAMC,EACJnB,EAAQkB,KACRP,EAAO1C,SACP0C,EAAM,OAAAS,OAAQC,EAAWnB,KACzBE,GAAWO,EAAM,OAAAS,OAAQC,EAAWnB,GAAK,YACzCI,GAAaK,EAAM,OAAAS,OAAQC,EAAWnB,GAA8B,iBAGxEI,UAAWA,EACXgB,WAAYV,EAACW,EAAc,CAACC,UAAWb,EAAO7B,UAAWoB,KAAM,SAIvE"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/Counter/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { capitalize } from 'lodash';\n\nimport { Chip as MuiChip, ChipProps, makeStyles, Tooltip } from '@material-ui/core';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n rootChip: {\n '&.MuiChip-root': {\n backgroundColor: theme.palette.background.b9,\n color: theme.palette.primary.text6,\n textAlign: 'center',\n\n '&:hover': {\n color: theme.palette.primary.contrastText,\n\n '& .MuiSvgIcon-root': {\n color: theme.palette.primary.contrastText,\n },\n },\n '& span.MuiChip-label': {\n padding: 0,\n },\n },\n },\n tooltip: {\n marginTop: '10px',\n },\n closeIcon: {\n marginRight: '-2px !important',\n marginLeft: '2px !important',\n color: theme.palette.primary.text6,\n },\n sizeSmall: {\n '&.MuiChip-root': {\n minWidth: 16,\n height: 16,\n padding: '1px 2px',\n '& span': {\n fontSize: '11px',\n lineHeight: '14px',\n },\n },\n },\n sizeSmallLimited: {\n '&.MuiChip-root': {\n padding: '1px 3px',\n },\n },\n\n sizeMedium: {\n '&.MuiChip-root': {\n minWidth: 24,\n height: 24,\n padding: '2px 4px',\n '& span': {\n fontSize: '14px',\n lineHeight: '20px',\n },\n },\n },\n sizeMediumLimited: {\n '&.MuiChip-root': {\n padding: '2px 6px',\n },\n },\n sizeMediumClickable: {\n '&.MuiChip-root': {\n padding: '2px 6px',\n },\n },\n\n sizeLarge: {\n '&.MuiChip-root': {\n minWidth: 32,\n height: 32,\n padding: '5px 7px',\n '& span': {\n fontSize: '16px',\n lineHeight: '22px',\n },\n },\n },\n sizeLargeLimited: {\n '&.MuiChip-root': {\n padding: '5px 8px',\n },\n },\n sizeLargeClickable: {\n '&.MuiChip-root': {\n padding: '5px 8px',\n },\n },\n}));\n\nexport type CounterProps = Omit<\n ChipProps,\n \| 'classes'\n \| 'size'\n \| 'label'\n \| 'clickable'\n \| 'children'\n \| 'avatar'\n \| 'icon'\n \| 'deleteIcon'\n \| 'onDelete'\n \| 'variant'\n \| 'color'\n \| 'className'\n> & {\n label: string;\n classes?: {\n root?: string;\n };\n size?: 'small' \| 'medium' \| 'large';\n limited?: boolean;\n clickable?: boolean;\n tooltip?: string;\n className?: string;\n};\n\ntype ClassName = keyof ReturnType<typeof useStyles>;\n\nconst Counter = ({\n classes = {},\n size = 'medium',\n limited = false,\n clickable = false,\n tooltip = '',\n ...rest\n}: CounterProps): JSX.Element => {\n const styles = useStyles();\n\n return (\n <Tooltip title={tooltip} classes={{ tooltip: styles.tooltip }}>\n <MuiChip\n {...rest}\n size={size as any}\n classes={{\n ...classes,\n root: classNames(\n classes.root,\n styles.rootChip,\n styles[`size${capitalize(size)}` as ClassName],\n limited && styles[`size${capitalize(size)}Limited` as ClassName],\n clickable && styles[`size${capitalize(size)}Clickable` as ClassName]\n ),\n }}\n clickable={clickable}\n deleteIcon={<CloseSmallIcon className={styles.closeIcon} size={16} />}\n />\n </Tooltip>\n );\n};\n\nexport default Counter;\n"],"names":["useStyles","makeStyles","theme","rootChip","backgroundColor","palette","background","b9","color","primary","text6","textAlign","contrastText","padding","tooltip","marginTop","closeIcon","marginRight","marginLeft","sizeSmall","minWidth","height","fontSize","lineHeight","sizeSmallLimited","sizeMedium","sizeMediumLimited","sizeMediumClickable","sizeLarge","sizeLargeLimited","sizeLargeClickable","Counter","_ref","_ref$classes","classes","_ref$size","size","_ref$limited","limited","_ref$clickable","clickable","_ref$tooltip","rest","_objectWithoutProperties","_excluded","styles","_jsx","Tooltip","title","children","MuiChip","_objectSpread","root","classNames","concat","capitalize","deleteIcon","CloseSmallIcon","className"],"mappings":"uvJAMA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,SAAU,CACR,iBAAkB,CAChBC,gBAAiBF,EAAMG,QAAQC,WAAWC,GAC1CC,MAAON,EAAMG,QAAQI,QAAQC,MAC7BC,UAAW,SAEX,UAAW,CACTH,MAAON,EAAMG,QAAQI,QAAQG,aAE7B,qBAAsB,CACpBJ,MAAON,EAAMG,QAAQI,QAAQG,eAGjC,uBAAwB,CACtBC,QAAS,KAIfC,QAAS,CACPC,UAAW,QAEbC,UAAW,CACTC,YAAa,kBACbC,WAAY,iBACZV,MAAON,EAAMG,QAAQI,QAAQC,OAE/BS,UAAW,CACT,iBAAkB,CAChBC,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBC,iBAAkB,CAChB,iBAAkB,CAChBX,QAAS,YAIbY,WAAY,CACV,iBAAkB,CAChBL,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBG,kBAAmB,CACjB,iBAAkB,CAChBb,QAAS,YAGbc,oBAAqB,CACnB,iBAAkB,CAChBd,QAAS,YAIbe,UAAW,CACT,iBAAkB,CAChBR,SAAU,GACVC,OAAQ,GACRR,QAAS,UACT,SAAU,CACRS,SAAU,OACVC,WAAY,UAIlBM,iBAAkB,CAChB,iBAAkB,CAChBhB,QAAS,YAGbiB,mBAAoB,CAClB,iBAAkB,CAChBjB,QAAS,YAGd,IA8BKkB,EAAU,SAOiBC,GAAA,IAAAC,EAAAD,EAN/BE,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAH,EACZI,KAAAA,aAAO,SAAQD,EAAAE,EAAAL,EACfM,QAAAA,cAAeD,EAAAE,EAAAP,EACfQ,UAAAA,cAAiBD,EAAAE,EAAAT,EACjBlB,QAAAA,aAAU,GAAE2B,EACTC,EAAIC,EAAAX,EAAAY,GAEDC,EAAS7C,IAEf,OACE8C,EAACC,EAAO,CAACC,MAAOlC,EAASoB,QAAS,CAAEpB,QAAS+B,EAAO/B,SAAUmC,SAC5DH,EAACI,EAAOC,EAAAA,EAAA,GACFT,GAAI,GAAA,CACRN,KAAMA,EACNF,eACKA,GAAO,CAAA,EAAA,CACVkB,KAAMC,EACJnB,EAAQkB,KACRP,EAAO1C,SACP0C,EAAM,OAAAS,OAAQC,EAAWnB,KACzBE,GAAWO,EAAM,OAAAS,OAAQC,EAAWnB,GAAK,YACzCI,GAAaK,EAAM,OAAAS,OAAQC,EAAWnB,GAA8B,iBAGxEI,UAAWA,EACXgB,WAAYV,EAACW,EAAc,CAACC,UAAWb,EAAO7B,UAAWoB,KAAM,SAIvE"}

package/components/DatePicker/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import c from"classnames";import i from"prop-types";import{KeyboardDatePicker as n}from"@material-ui/pickers";import{makeStyles as t}from"@material-ui/core";import r from"moment";import{DATE_FORMAT as m}from"../../constants/dateTimeFormat.js";import{CalendarIcon as e,RightIcon as p,LeftIcon as u}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as a}from"react/jsx-runtime";var l=["className","PopoverProps"];function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=t((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:o.palette.primary.main},"&:hover .MuiIconButton-root":{color:o.palette.primary.contrastText},"& .MuiIconButton-root":{borderRadius:8,color:o.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),b=function(o){var i,t,j=o.className,b=void 0===j?"":j,v=o.PopoverProps,O=void 0===v?f:v,h=s(o,l),P=d();return a(n,I(I({disableToolbar:!0,variant:"inline",keyboardIcon:a(e,{size:16}),rightArrowIcon:a(p,{size:24}),leftArrowIcon:a(u,{size:24}),format:m,placeholder:r().format(m),refuse:/[^(\w|\d)]+/gi,maxDate:null!==(i=h.maxDate)&&void 0!==i?i:void 0,minDate:null!==(t=h.minDate)&&void 0!==t?t:void 0},h),{},{PopoverProps:I({className:c(P.paper,null==O?void 0:O.className)},O),className:c(P.dateTimePickerInput,b)}))};b.propTypes={PopoverProps:i.shape({className:i.string}),className:i.string};var f={};export{b as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import c from"classnames";import i from"prop-types";import{KeyboardDatePicker as n}from"@material-ui/pickers";import{makeStyles as t}from"@material-ui/core";import r from"moment";import{DATE_FORMAT as m}from"../../constants/dateTimeFormat.js";import{CalendarIcon as e,RightIcon as p,LeftIcon as u}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as a}from"react/jsx-runtime";var l=["className","PopoverProps"];function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=t((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:o.palette.primary.main},"&:hover .MuiIconButton-root":{color:o.palette.primary.contrastText},"& .MuiIconButton-root":{borderRadius:8,color:o.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),b=function(o){var i,t,j=o.className,b=void 0===j?"":j,O=o.PopoverProps,v=void 0===O?f:O,P=s(o,l),h=d();return a(n,I(I({disableToolbar:!0,variant:"inline",keyboardIcon:a(e,{size:16}),rightArrowIcon:a(p,{size:24}),leftArrowIcon:a(u,{size:24}),format:m,placeholder:r().format(m),refuse:/[^(\w|\d)]+/gi,maxDate:null!==(i=P.maxDate)&&void 0!==i?i:void 0,minDate:null!==(t=P.minDate)&&void 0!==t?t:void 0},P),{},{PopoverProps:I({className:c(h.paper,null==v?void 0:v.className)},v),className:c(h.dateTimePickerInput,b)}))};b.propTypes={PopoverProps:i.shape({className:i.string}),className:i.string};var f={};export{b as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/DatePicker/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { KeyboardDatePicker, KeyboardDatePickerProps } from '@material-ui/pickers';\nimport { makeStyles } from '@material-ui/core';\nimport moment from 'moment';\nimport { DATE_FORMAT } from '../../constants/dateTimeFormat';\nimport { CalendarIcon, LeftIcon, RightIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n dateTimePickerInput: {\n width: '100%',\n paddingBottom: 8,\n '& .MuiFormLabel-root.Mui-focused': {\n color: theme.palette.primary.main,\n },\n '& .MuiInput-root.Mui-focused .MuiIconButton-root': {\n color: theme.palette.primary.main,\n },\n '&:hover .MuiIconButton-root': {\n color: theme.palette.primary.contrastText,\n },\n '& .MuiIconButton-root': {\n borderRadius: 8,\n color: theme.palette.primary.text6,\n fontSize: 'unset',\n marginRight: -3,\n marginBottom: -8,\n padding: 6,\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 0.16)',\n },\n },\n '& .MuiIconButton-root > span > span svg': {\n fill: 'transparent !important',\n },\n },\n paper: {\n marginTop: 8,\n },\n}));\n\ninterface DatePickerProps extends KeyboardDatePickerProps {\n className?: string;\n}\n\nconst DatePicker = ({\n className = '',\n PopoverProps = DEFAULT_DATE_PICKER_POPOVER_PROPS,\n ...otherProps\n}: DatePickerProps): JSX.Element => {\n const styles = useStyles();\n\n return (\n <KeyboardDatePicker\n disableToolbar\n variant=\"inline\"\n keyboardIcon={<CalendarIcon size={16} />}\n rightArrowIcon={<RightIcon size={24} />}\n leftArrowIcon={<LeftIcon size={24} />}\n format={DATE_FORMAT}\n placeholder={moment().format(DATE_FORMAT)}\n refuse={/[^(\\w\|\\d)]+/gi}\n // Even though the type of maxDate and minDate allows null, it leads to an error during parsing date\n maxDate={otherProps.maxDate ?? undefined}\n minDate={otherProps.minDate ?? undefined}\n {...otherProps}\n PopoverProps={{\n className: classNames(styles.paper, PopoverProps?.className),\n ...PopoverProps,\n }}\n className={classNames(styles.dateTimePickerInput, className)}\n />\n );\n};\n\nDatePicker.propTypes = {\n PopoverProps: PropTypes.shape({\n className: PropTypes.string,\n }),\n className: PropTypes.string,\n};\n\nconst DEFAULT_DATE_PICKER_POPOVER_PROPS = {};\n\nexport default DatePicker;\n"],"names":["useStyles","makeStyles","theme","dateTimePickerInput","width","paddingBottom","color","palette","primary","main","contrastText","borderRadius","text6","fontSize","marginRight","marginBottom","padding","backgroundColor","fill","paper","marginTop","DatePicker","_ref","_otherProps$maxDate","_otherProps$minDate","_ref$className","className","_ref$PopoverProps","PopoverProps","DEFAULT_DATE_PICKER_POPOVER_PROPS","otherProps","_objectWithoutProperties","_excluded","styles","_jsx","KeyboardDatePicker","_objectSpread","disableToolbar","variant","keyboardIcon","CalendarIcon","size","rightArrowIcon","RightIcon","leftArrowIcon","LeftIcon","format","DATE_FORMAT","placeholder","moment","refuse","maxDate","undefined","minDate","classNames","propTypes","PropTypes","shape","string"],"mappings":"~~owJASA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,oBAAqB,CACnBC,MAAO,OACPC,cAAe,EACf,mCAAoC,CAClCC,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,oDAAqD,CACnDH,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,8BAA+B,CAC7BH,MAAOJ,EAAMK,QAAQC,QAAQE,cAE/B,wBAAyB,CACvBC,aAAc,EACdL,MAAOJ,EAAMK,QAAQC,QAAQI,MAC7BC,SAAU,QACVC,aAAc,EACdC,cAAe,EACfC,QAAS,EACT,UAAW,CACTC,gBAAiB,8BAGrB,0CAA2C,CACzCC,KAAM,2BAGVC,MAAO,CACLC,UAAW,GAEd,IAMKC,EAAa,SAIiBC,GAAA,IAAAC,EAAAC,EAAAC,EAAAH,EAHlCI,UAAAA,aAAY,GAAED,EAAAE,EAAAL,EACdM,aAAAA,aAAeC,EAAiCF,EAC7CG,EAAUC,EAAAT,EAAAU,GAEPC,EAASjC,IAEf,OACEkC,EAACC,EAAkBC,EAAAA,EAAA,CACjBC,gBAAc,EACdC,QAAQ,SACRC,aAAcL,EAACM,EAAY,CAACC,KAAM,KAClCC,eAAgBR,EAACS,EAAS,CAACF,KAAM,KACjCG,cAAeV,EAACW,EAAQ,CAACJ,KAAM,KAC/BK,OAAQC,EACRC,YAAaC,IAASH,OAAOC,GAC7BG,OAAQ,gBAERC,gBAASrB,EAAAA,EAAWqB,4BAAWC,EAC/BC,QAA+BD,QAAtBtB,EAAAA,EAAWuB,eAAWD,IAAAA,EAAAA,OAAAA,GAC3BtB,GAAU,GAAA,CACdF,aAAYQ,EAAA,CACVV,UAAW4B,EAAWrB,EAAOd,MAAOS,aAAAA,EAAAA,EAAcF,YAC/CE,GAELF,UAAW4B,EAAWrB,EAAO9B,oBAAqBuB,KAGxD,EAEAL,EAAWkC,UAAY,CACrB3B,aAAc4B,EAAUC,MAAM,CAC5B/B,UAAW8B,EAAUE,SAEvBhC,UAAW8B,EAAUE,QAGvB,IAAM7B,EAAoC,CAAE"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/DatePicker/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { KeyboardDatePicker, KeyboardDatePickerProps } from '@material-ui/pickers';\nimport { makeStyles } from '@material-ui/core';\nimport moment from 'moment';\nimport { DATE_FORMAT } from '../../constants/dateTimeFormat';\nimport { CalendarIcon, LeftIcon, RightIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n dateTimePickerInput: {\n width: '100%',\n paddingBottom: 8,\n '& .MuiFormLabel-root.Mui-focused': {\n color: theme.palette.primary.main,\n },\n '& .MuiInput-root.Mui-focused .MuiIconButton-root': {\n color: theme.palette.primary.main,\n },\n '&:hover .MuiIconButton-root': {\n color: theme.palette.primary.contrastText,\n },\n '& .MuiIconButton-root': {\n borderRadius: 8,\n color: theme.palette.primary.text6,\n fontSize: 'unset',\n marginRight: -3,\n marginBottom: -8,\n padding: 6,\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 0.16)',\n },\n },\n '& .MuiIconButton-root > span > span svg': {\n fill: 'transparent !important',\n },\n },\n paper: {\n marginTop: 8,\n },\n}));\n\ninterface DatePickerProps extends KeyboardDatePickerProps {\n className?: string;\n}\n\nconst DatePicker = ({\n className = '',\n PopoverProps = DEFAULT_DATE_PICKER_POPOVER_PROPS,\n ...otherProps\n}: DatePickerProps): JSX.Element => {\n const styles = useStyles();\n\n return (\n <KeyboardDatePicker\n disableToolbar\n variant=\"inline\"\n keyboardIcon={<CalendarIcon size={16} />}\n rightArrowIcon={<RightIcon size={24} />}\n leftArrowIcon={<LeftIcon size={24} />}\n format={DATE_FORMAT}\n placeholder={moment().format(DATE_FORMAT)}\n refuse={/[^(\\w\|\\d)]+/gi}\n // Even though the type of maxDate and minDate allows null, it leads to an error during parsing date\n maxDate={otherProps.maxDate ?? undefined}\n minDate={otherProps.minDate ?? undefined}\n {...otherProps}\n PopoverProps={{\n className: classNames(styles.paper, PopoverProps?.className),\n ...PopoverProps,\n }}\n className={classNames(styles.dateTimePickerInput, className)}\n />\n );\n};\n\nDatePicker.propTypes = {\n PopoverProps: PropTypes.shape({\n className: PropTypes.string,\n }),\n className: PropTypes.string,\n};\n\nconst DEFAULT_DATE_PICKER_POPOVER_PROPS = {};\n\nexport default DatePicker;\n"],"names":["useStyles","makeStyles","theme","dateTimePickerInput","width","paddingBottom","color","palette","primary","main","contrastText","borderRadius","text6","fontSize","marginRight","marginBottom","padding","backgroundColor","fill","paper","marginTop","DatePicker","_ref","_otherProps$maxDate","_otherProps$minDate","_ref$className","className","_ref$PopoverProps","PopoverProps","DEFAULT_DATE_PICKER_POPOVER_PROPS","otherProps","_objectWithoutProperties","_excluded","styles","_jsx","KeyboardDatePicker","_objectSpread","disableToolbar","variant","keyboardIcon","CalendarIcon","size","rightArrowIcon","RightIcon","leftArrowIcon","LeftIcon","format","DATE_FORMAT","placeholder","moment","refuse","maxDate","undefined","minDate","classNames","propTypes","PropTypes","shape","string"],"mappings":"22JASA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,oBAAqB,CACnBC,MAAO,OACPC,cAAe,EACf,mCAAoC,CAClCC,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,oDAAqD,CACnDH,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,8BAA+B,CAC7BH,MAAOJ,EAAMK,QAAQC,QAAQE,cAE/B,wBAAyB,CACvBC,aAAc,EACdL,MAAOJ,EAAMK,QAAQC,QAAQI,MAC7BC,SAAU,QACVC,aAAc,EACdC,cAAe,EACfC,QAAS,EACT,UAAW,CACTC,gBAAiB,8BAGrB,0CAA2C,CACzCC,KAAM,2BAGVC,MAAO,CACLC,UAAW,GAEd,IAMKC,EAAa,SAIiBC,GAAA,IAAAC,EAAAC,EAAAC,EAAAH,EAHlCI,UAAAA,aAAY,GAAED,EAAAE,EAAAL,EACdM,aAAAA,aAAeC,EAAiCF,EAC7CG,EAAUC,EAAAT,EAAAU,GAEPC,EAASjC,IAEf,OACEkC,EAACC,EAAkBC,EAAAA,EAAA,CACjBC,gBAAc,EACdC,QAAQ,SACRC,aAAcL,EAACM,EAAY,CAACC,KAAM,KAClCC,eAAgBR,EAACS,EAAS,CAACF,KAAM,KACjCG,cAAeV,EAACW,EAAQ,CAACJ,KAAM,KAC/BK,OAAQC,EACRC,YAAaC,IAASH,OAAOC,GAC7BG,OAAQ,gBAERC,gBAASrB,EAAAA,EAAWqB,4BAAWC,EAC/BC,QAA+BD,QAAtBtB,EAAAA,EAAWuB,eAAWD,IAAAA,EAAAA,OAAAA,GAC3BtB,GAAU,GAAA,CACdF,aAAYQ,EAAA,CACVV,UAAW4B,EAAWrB,EAAOd,MAAOS,aAAAA,EAAAA,EAAcF,YAC/CE,GAELF,UAAW4B,EAAWrB,EAAO9B,oBAAqBuB,KAGxD,EAEAL,EAAWkC,UAAY,CACrB3B,aAAc4B,EAAUC,MAAM,CAC5B/B,UAAW8B,EAAUE,SAEvBhC,UAAW8B,EAAUE,QAGvB,IAAM7B,EAAoC,CAAE"}

package/components/DateTimePicker/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import c from"classnames";import i from"prop-types";import n from"moment";import{KeyboardDateTimePicker as t}from"@material-ui/pickers";import{makeStyles as r}from"@material-ui/core";import{CalendarIcon as m,TimeIcon as e,RightIcon as p,LeftIcon as u}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{DATE_TIME_FORMAT as a}from"../../constants/dateTimeFormat.js";import{jsx as l}from"react/jsx-runtime";var I=["className","PopoverProps","format"];function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function d(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var f=r((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:o.palette.primary.main},"&:hover .MuiIconButton-root":{color:o.palette.primary.contrastText},"& .MuiIconButton-root":{color:o.palette.primary.text6,borderRadius:8,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function b(o){var i,r,a=o.className,j=void 0===a?"":a,b=o.PopoverProps,v=void 0===b?O:b,g=o.format,P=void 0===g?h:g,C=s(o,I),y=f();return l(t,d(d({dateRangeIcon:l(m,{size:24}),timeIcon:l(e,{size:24}),rightArrowIcon:l(p,{size:24}),leftArrowIcon:l(u,{size:24}),keyboardIcon:l(m,{size:16}),format:P,refuse:/[^(\w|\d)]+/gi,placeholder:n().format(P),maxDate:null!==(i=C.maxDate)&&void 0!==i?i:void 0,minDate:null!==(r=C.minDate)&&void 0!==r?r:void 0},C),{},{PopoverProps:d({className:y.paper},v),className:c(y.dateTimePickerInput,j)}))}b.propTypes={className:i.string,PopoverProps:i.shape({className:i.string}),format:i.string};var O={},h=a;export{b as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import c from"classnames";import i from"prop-types";import n from"moment";import{KeyboardDateTimePicker as t}from"@material-ui/pickers";import{makeStyles as r}from"@material-ui/core";import{CalendarIcon as m,TimeIcon as e,RightIcon as p,LeftIcon as u}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{DATE_TIME_FORMAT as a}from"../../constants/dateTimeFormat.js";import{jsx as I}from"react/jsx-runtime";var j=["className","PopoverProps","format"];function l(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 d(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?l(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):l(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var f=r((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:o.palette.primary.main},"&:hover .MuiIconButton-root":{color:o.palette.primary.contrastText},"& .MuiIconButton-root":{color:o.palette.primary.text6,borderRadius:8,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function b(o){var i,r,a=o.className,l=void 0===a?"":a,b=o.PopoverProps,h=void 0===b?O:b,v=o.format,g=void 0===v?P:v,C=s(o,j),y=f();return I(t,d(d({dateRangeIcon:I(m,{size:24}),timeIcon:I(e,{size:24}),rightArrowIcon:I(p,{size:24}),leftArrowIcon:I(u,{size:24}),keyboardIcon:I(m,{size:16}),format:g,refuse:/[^(\w|\d)]+/gi,placeholder:n().format(g),maxDate:null!==(i=C.maxDate)&&void 0!==i?i:void 0,minDate:null!==(r=C.minDate)&&void 0!==r?r:void 0},C),{},{PopoverProps:d({className:y.paper},h),className:c(y.dateTimePickerInput,l)}))}b.propTypes={className:i.string,PopoverProps:i.shape({className:i.string}),format:i.string};var O={},P=a;export{b as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/DateTimePicker/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\n\nimport { KeyboardDateTimePicker, KeyboardDateTimePickerProps } from '@material-ui/pickers';\nimport { makeStyles } from '@material-ui/core';\nimport { CalendarIcon, RightIcon, LeftIcon, TimeIcon } from '~/icons';\nimport { DATE_TIME_FORMAT } from '../../constants/dateTimeFormat';\n\nconst useStyles = makeStyles(theme => ({\n dateTimePickerInput: {\n width: '100%',\n paddingBottom: 8,\n '& .MuiFormLabel-root.Mui-focused': {\n color: theme.palette.primary.main,\n },\n '& .MuiInput-root.Mui-focused .MuiIconButton-root': {\n color: theme.palette.primary.main,\n },\n '&:hover .MuiIconButton-root': {\n color: theme.palette.primary.contrastText,\n },\n '& .MuiIconButton-root': {\n color: theme.palette.primary.text6,\n borderRadius: 8,\n fontSize: 'unset',\n marginRight: -3,\n marginBottom: -8,\n padding: 6,\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 0.16)',\n },\n },\n '& .MuiIconButton-root > span > span svg': {\n fill: 'transparent !important',\n },\n },\n paper: {\n marginTop: 8,\n },\n}));\n\nfunction DateTimePicker({\n className = '',\n PopoverProps = DEFAULT_DATE_TIME_PICKER_POPOVER_PROPS,\n format = DEFAULT_DATE_TIME_PICKER_FORMAT,\n ...otherProps\n}: KeyboardDateTimePickerProps): JSX.Element {\n const styles = useStyles();\n\n return (\n <KeyboardDateTimePicker\n dateRangeIcon={<CalendarIcon size={24} />}\n timeIcon={<TimeIcon size={24} />}\n rightArrowIcon={<RightIcon size={24} />}\n leftArrowIcon={<LeftIcon size={24} />}\n keyboardIcon={<CalendarIcon size={16} />}\n format={format}\n refuse={/[^(\\w\|\\d)]+/gi}\n placeholder={moment().format(format)}\n // Even though the type of maxDate and minDate allows null, it leads to an error during parsing date\n maxDate={otherProps.maxDate ?? undefined}\n minDate={otherProps.minDate ?? undefined}\n {...otherProps}\n PopoverProps={{ className: styles.paper, ...PopoverProps }}\n className={classNames(styles.dateTimePickerInput, className)}\n />\n );\n}\n\nDateTimePicker.propTypes = {\n className: PropTypes.string,\n PopoverProps: PropTypes.shape({\n className: PropTypes.string,\n }),\n format: PropTypes.string,\n};\n\nconst DEFAULT_DATE_TIME_PICKER_POPOVER_PROPS = {};\nconst DEFAULT_DATE_TIME_PICKER_FORMAT = DATE_TIME_FORMAT;\n\nexport default DateTimePicker;\n"],"names":["useStyles","makeStyles","theme","dateTimePickerInput","width","paddingBottom","color","palette","primary","main","contrastText","text6","borderRadius","fontSize","marginRight","marginBottom","padding","backgroundColor","fill","paper","marginTop","DateTimePicker","_ref","_otherProps$maxDate","_otherProps$minDate","_ref$className","className","_ref$PopoverProps","PopoverProps","DEFAULT_DATE_TIME_PICKER_POPOVER_PROPS","_ref$format","format","DEFAULT_DATE_TIME_PICKER_FORMAT","otherProps","_objectWithoutProperties","_excluded","styles","_jsx","KeyboardDateTimePicker","_objectSpread","dateRangeIcon","CalendarIcon","size","timeIcon","TimeIcon","rightArrowIcon","RightIcon","leftArrowIcon","LeftIcon","keyboardIcon","refuse","placeholder","moment","maxDate","undefined","minDate","classNames","propTypes","PropTypes","string","shape","DATE_TIME_FORMAT"],"mappings":"~~oyJASA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,oBAAqB,CACnBC,MAAO,OACPC,cAAe,EACf,mCAAoC,CAClCC,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,oDAAqD,CACnDH,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,8BAA+B,CAC7BH,MAAOJ,EAAMK,QAAQC,QAAQE,cAE/B,wBAAyB,CACvBJ,MAAOJ,EAAMK,QAAQC,QAAQG,MAC7BC,aAAc,EACdC,SAAU,QACVC,aAAc,EACdC,cAAe,EACfC,QAAS,EACT,UAAW,CACTC,gBAAiB,8BAGrB,0CAA2C,CACzCC,KAAM,2BAGVC,MAAO,CACLC,UAAW,GAEd,IAED,SAASC,EAKoCC,GAAA,IAAAC,EAAAC,EAAAC,EAAAH,EAJ3CI,UAAAA,aAAY,GAAED,EAAAE,EAAAL,EACdM,aAAAA,aAAeC,EAAsCF,EAAAG,EAAAR,EACrDS,OAAAA,aAASC,EAA+BF,EACrCG,EAAUC,EAAAZ,EAAAa,GAEPC,EAASpC,IAEf,OACEqC,EAACC,EAAsBC,EAAAA,EAAA,CACrBC,cAAeH,EAACI,EAAY,CAACC,KAAM,KACnCC,SAAUN,EAACO,EAAQ,CAACF,KAAM,KAC1BG,eAAgBR,EAACS,EAAS,CAACJ,KAAM,KACjCK,cAAeV,EAACW,EAAQ,CAACN,KAAM,KAC/BO,aAAcZ,EAACI,EAAY,CAACC,KAAM,KAClCX,OAAQA,EACRmB,OAAQ,gBACRC,YAAaC,IAASrB,OAAOA,GAE7BsB,gBAASpB,EAAAA,EAAWoB,4BAAWC,EAC/BC,QAA+BD,QAAtBrB,EAAAA,EAAWsB,eAAWD,IAAAA,EAAAA,OAAAA,GAC3BrB,GAAU,GAAA,CACdL,aAAYW,EAAA,CAAIb,UAAWU,EAAOjB,OAAUS,GAC5CF,UAAW8B,EAAWpB,EAAOjC,oBAAqBuB,KAGxD,CAEAL,EAAeoC,UAAY,CACzB/B,UAAWgC,EAAUC,OACrB/B,aAAc8B,EAAUE,MAAM,CAC5BlC,UAAWgC,EAAUC,SAEvB5B,OAAQ2B,EAAUC,QAGpB,IAAM9B,EAAyC,CAAA,EACzCG,EAAkC6B"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/DateTimePicker/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\n\nimport { KeyboardDateTimePicker, KeyboardDateTimePickerProps } from '@material-ui/pickers';\nimport { makeStyles } from '@material-ui/core';\nimport { CalendarIcon, RightIcon, LeftIcon, TimeIcon } from '~/icons';\nimport { DATE_TIME_FORMAT } from '../../constants/dateTimeFormat';\n\nconst useStyles = makeStyles(theme => ({\n dateTimePickerInput: {\n width: '100%',\n paddingBottom: 8,\n '& .MuiFormLabel-root.Mui-focused': {\n color: theme.palette.primary.main,\n },\n '& .MuiInput-root.Mui-focused .MuiIconButton-root': {\n color: theme.palette.primary.main,\n },\n '&:hover .MuiIconButton-root': {\n color: theme.palette.primary.contrastText,\n },\n '& .MuiIconButton-root': {\n color: theme.palette.primary.text6,\n borderRadius: 8,\n fontSize: 'unset',\n marginRight: -3,\n marginBottom: -8,\n padding: 6,\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 0.16)',\n },\n },\n '& .MuiIconButton-root > span > span svg': {\n fill: 'transparent !important',\n },\n },\n paper: {\n marginTop: 8,\n },\n}));\n\nfunction DateTimePicker({\n className = '',\n PopoverProps = DEFAULT_DATE_TIME_PICKER_POPOVER_PROPS,\n format = DEFAULT_DATE_TIME_PICKER_FORMAT,\n ...otherProps\n}: KeyboardDateTimePickerProps): JSX.Element {\n const styles = useStyles();\n\n return (\n <KeyboardDateTimePicker\n dateRangeIcon={<CalendarIcon size={24} />}\n timeIcon={<TimeIcon size={24} />}\n rightArrowIcon={<RightIcon size={24} />}\n leftArrowIcon={<LeftIcon size={24} />}\n keyboardIcon={<CalendarIcon size={16} />}\n format={format}\n refuse={/[^(\\w\|\\d)]+/gi}\n placeholder={moment().format(format)}\n // Even though the type of maxDate and minDate allows null, it leads to an error during parsing date\n maxDate={otherProps.maxDate ?? undefined}\n minDate={otherProps.minDate ?? undefined}\n {...otherProps}\n PopoverProps={{ className: styles.paper, ...PopoverProps }}\n className={classNames(styles.dateTimePickerInput, className)}\n />\n );\n}\n\nDateTimePicker.propTypes = {\n className: PropTypes.string,\n PopoverProps: PropTypes.shape({\n className: PropTypes.string,\n }),\n format: PropTypes.string,\n};\n\nconst DEFAULT_DATE_TIME_PICKER_POPOVER_PROPS = {};\nconst DEFAULT_DATE_TIME_PICKER_FORMAT = DATE_TIME_FORMAT;\n\nexport default DateTimePicker;\n"],"names":["useStyles","makeStyles","theme","dateTimePickerInput","width","paddingBottom","color","palette","primary","main","contrastText","text6","borderRadius","fontSize","marginRight","marginBottom","padding","backgroundColor","fill","paper","marginTop","DateTimePicker","_ref","_otherProps$maxDate","_otherProps$minDate","_ref$className","className","_ref$PopoverProps","PopoverProps","DEFAULT_DATE_TIME_PICKER_POPOVER_PROPS","_ref$format","format","DEFAULT_DATE_TIME_PICKER_FORMAT","otherProps","_objectWithoutProperties","_excluded","styles","_jsx","KeyboardDateTimePicker","_objectSpread","dateRangeIcon","CalendarIcon","size","timeIcon","TimeIcon","rightArrowIcon","RightIcon","leftArrowIcon","LeftIcon","keyboardIcon","refuse","placeholder","moment","maxDate","undefined","minDate","classNames","propTypes","PropTypes","string","shape","DATE_TIME_FORMAT"],"mappings":"24JASA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,oBAAqB,CACnBC,MAAO,OACPC,cAAe,EACf,mCAAoC,CAClCC,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,oDAAqD,CACnDH,MAAOJ,EAAMK,QAAQC,QAAQC,MAE/B,8BAA+B,CAC7BH,MAAOJ,EAAMK,QAAQC,QAAQE,cAE/B,wBAAyB,CACvBJ,MAAOJ,EAAMK,QAAQC,QAAQG,MAC7BC,aAAc,EACdC,SAAU,QACVC,aAAc,EACdC,cAAe,EACfC,QAAS,EACT,UAAW,CACTC,gBAAiB,8BAGrB,0CAA2C,CACzCC,KAAM,2BAGVC,MAAO,CACLC,UAAW,GAEd,IAED,SAASC,EAKoCC,GAAA,IAAAC,EAAAC,EAAAC,EAAAH,EAJ3CI,UAAAA,aAAY,GAAED,EAAAE,EAAAL,EACdM,aAAAA,aAAeC,EAAsCF,EAAAG,EAAAR,EACrDS,OAAAA,aAASC,EAA+BF,EACrCG,EAAUC,EAAAZ,EAAAa,GAEPC,EAASpC,IAEf,OACEqC,EAACC,EAAsBC,EAAAA,EAAA,CACrBC,cAAeH,EAACI,EAAY,CAACC,KAAM,KACnCC,SAAUN,EAACO,EAAQ,CAACF,KAAM,KAC1BG,eAAgBR,EAACS,EAAS,CAACJ,KAAM,KACjCK,cAAeV,EAACW,EAAQ,CAACN,KAAM,KAC/BO,aAAcZ,EAACI,EAAY,CAACC,KAAM,KAClCX,OAAQA,EACRmB,OAAQ,gBACRC,YAAaC,IAASrB,OAAOA,GAE7BsB,gBAASpB,EAAAA,EAAWoB,4BAAWC,EAC/BC,QAA+BD,QAAtBrB,EAAAA,EAAWsB,eAAWD,IAAAA,EAAAA,OAAAA,GAC3BrB,GAAU,GAAA,CACdL,aAAYW,EAAA,CAAIb,UAAWU,EAAOjB,OAAUS,GAC5CF,UAAW8B,EAAWpB,EAAOjC,oBAAqBuB,KAGxD,CAEAL,EAAeoC,UAAY,CACzB/B,UAAWgC,EAAUC,OACrB/B,aAAc8B,EAAUE,MAAM,CAC5BlC,UAAWgC,EAAUC,SAEvB5B,OAAQ2B,EAAUC,QAGpB,IAAM9B,EAAyC,CAAA,EACzCG,EAAkC6B"}

package/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{makeStyles as i,useTheme as c}from"@material-ui/core";import{CenterAlignmentIcon as n}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../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 t from"../AppSideBar/AppSideBar.js";import r from"../../IconButton/index.js";import{AppSettingsPopover as e}from"../AppSettingsPopover/AppSettingsPopover.js";import m from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{jsxs as p,jsx as a}from"react/jsx-runtime";import{useMatchAppContainerSize as u}from"../../../effects/useMatchAppContainerSize.js";import{isNativeDetected as l,isMobileDetected as j}from"../../../utils/mobileDetect.js";function d(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,c)}return i}function I(s){for(var i=1;i<arguments.length;i++){var c=null!=arguments[i]?arguments[i]:{};i%2?d(Object(c),!0).forEach((function(i){o(s,i,c[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):d(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var h=i({appLayout:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},header:{paddingLeft:12,paddingRight:12,display:"flex",height:36},contentWrapper:{display:"flex",position:"relative",flexGrow:1,height:"calc(100% - 36px)","@media (max-width: 960px)":{height:"100%"}},content:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",width:"100%"},popoverContent:{padding:"0 16px"},filtersTrigger:{width:30,height:30}}),f=function(o){var s=c(),i=u({width:{max:s.breakpoints.width("md")}}),t=h();return i?a(r,I(I({className:t.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},o),{},{children:a(n,{size:16})})):a(m,I(I({startIcon:a(n,{size:16})},o),{},{children:"Filters"}))},g=function(o){var i=o.appSettingsPopoverProps,n=o.children,r=o.classes,m=void 0===r?{}:r,d=o.header,g=o.sideBarContent,b=o.sideBarProps,v=h(),O=c(),C=u({width:{max:O.breakpoints.width("md")}}),P=l||j||C;return p("div",{className:s(v.appLayout,m.appLayout),children:[P&&p("div",{className:s(v.header,m.header),children:[a(e,I(I({Trigger:f,classes:{popoverContent:v.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},i),{},{children:g})),d]}),p("div",{className:s(v.contentWrapper,m.contentWrapper),children:[!P&&a(t,I(I({},b),{},{anchor:"left",children:g})),!!n&&a("div",{className:s(v.content,m.content),children:n})]})]})};export{g as AppFilterPanelLayout};
+import o from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{makeStyles as i,useTheme as c}from"@material-ui/core";import{CenterAlignmentIcon as n}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../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 t from"../AppSideBar/AppSideBar.js";import r from"../../IconButton/index.js";import{AppSettingsPopover as e}from"../AppSettingsPopover/AppSettingsPopover.js";import m from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{jsxs as p,jsx as a}from"react/jsx-runtime";import{useMatchAppContainerSize as u}from"../../../effects/useMatchAppContainerSize.js";import{isNativeDetected as l,isMobileDetected as j}from"../../../utils/mobileDetect.js";function d(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,c)}return i}function I(s){for(var i=1;i<arguments.length;i++){var c=null!=arguments[i]?arguments[i]:{};i%2?d(Object(c),!0).forEach((function(i){o(s,i,c[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):d(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var h=i({appLayout:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},header:{paddingLeft:12,paddingRight:12,display:"flex",height:36},contentWrapper:{display:"flex",position:"relative",flexGrow:1,height:"calc(100% - 36px)","@media (max-width: 960px)":{height:"100%"}},content:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",width:"100%"},popoverContent:{padding:"0 16px"},filtersTrigger:{width:30,height:30}}),f=function(o){var s=c(),i=u({width:{max:s.breakpoints.width("md")}}),t=h();return i?a(r,I(I({className:t.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},o),{},{children:a(n,{size:16})})):a(m,I(I({startIcon:a(n,{size:16})},o),{},{children:"Filters"}))},g=function(o){var i=o.appSettingsPopoverProps,n=o.children,r=o.classes,m=void 0===r?{}:r,d=o.header,g=o.sideBarContent,O=o.sideBarProps,b=h(),v=c(),C=u({width:{max:v.breakpoints.width("md")}}),P=l||j||C;return p("div",{className:s(b.appLayout,m.appLayout),children:[P&&p("div",{className:s(b.header,m.header),children:[a(e,I(I({Trigger:f,classes:{popoverContent:b.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},i),{},{children:g})),d]}),p("div",{className:s(b.contentWrapper,m.contentWrapper),children:[!P&&a(t,I(I({},O),{},{anchor:"left",children:g})),!!n&&a("div",{className:s(b.content,m.content),children:n})]})]})};export{g as AppFilterPanelLayout};
 //# sourceMappingURL=AppFilterPanelLayout.js.map

package/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppFilterPanelLayout.js","sources":["../../../../src/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { CenterAlignmentIcon } from '~/icons';\n\nimport AppSideBarComponent, { AppSideBarProps } from '~/components/DevCenter/AppSideBar/AppSideBar';\nimport IconButton from '~/components/IconButton';\n\nimport {\n AppSettingsPopover,\n AppSettingsPopoverProps,\n} from '~/components/DevCenter/AppSettingsPopover/AppSettingsPopover';\nimport Button, { ButtonProps } from '~/components/Button';\nimport { useMatchAppContainerSize } from '~/effects/useMatchAppContainerSize';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\n\nconst useStyles = makeStyles({\n appLayout: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n height: '100%',\n },\n header: {\n paddingLeft: 12,\n paddingRight: 12,\n display: 'flex',\n height: 36,\n },\n contentWrapper: {\n display: 'flex',\n position: 'relative',\n flexGrow: 1,\n height: 'calc(100% - 36px)', // NOTE: 36px is header height\n '@media (max-width: 960px)': {\n height: '100%',\n },\n },\n content: {\n display: 'flex',\n flexDirection: 'column',\n textAlign: 'center',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n width: '100%',\n },\n popoverContent: {\n padding: '0 16px',\n },\n filtersTrigger: {\n width: 30,\n height: 30,\n },\n});\n\nexport interface AppFilterPanelLayoutProps {\n sideBarContent: ReactNode;\n\n appSettingsPopoverProps?: Omit<AppSettingsPopoverProps, 'children' \| 'classes'>;\n children?: ReactNode;\n classes?: {\n appLayout?: string;\n content?: string;\n contentWrapper?: string;\n header?: string;\n };\n header?: ReactNode;\n sideBarProps?: Omit<AppSideBarProps, 'anchor'>;\n}\nconst FiltersTrigger = (props: ButtonProps) => {\n const theme = useTheme();\n const isTabletView = useMatchAppContainerSize({\n width: { max: theme.breakpoints.width('md') },\n });\n const styles = useStyles();\n\n if (isTabletView) {\n return (\n <IconButton\n className={styles.filtersTrigger}\n size=\"small\"\n tooltipProps={{ title: 'Filters' }}\n //@ts-ignore\n variant=\"contained\"\n {...props}\n >\n <CenterAlignmentIcon size={16} />\n </IconButton>\n );\n }\n\n return (\n <Button startIcon={<CenterAlignmentIcon size={16} />} {...props}>\n Filters\n </Button>\n );\n};\n\nexport const AppFilterPanelLayout: FC<AppFilterPanelLayoutProps> = ({\n appSettingsPopoverProps,\n children,\n classes = {},\n header,\n sideBarContent,\n sideBarProps,\n}) => {\n const styles = useStyles();\n const theme = useTheme();\n\n const isTabletView = useMatchAppContainerSize({\n width: { max: theme.breakpoints.width('md') },\n });\n const showFilterButton = isNativeDetected \|\| isMobileDetected \|\| isTabletView;\n\n return (\n <div className={classNames(styles.appLayout, classes.appLayout)}>\n {showFilterButton && (\n <div className={classNames(styles.header, classes.header)}>\n <AppSettingsPopover\n Trigger={FiltersTrigger}\n classes={{ popoverContent: styles.popoverContent }}\n header=\"Filters\"\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n {...appSettingsPopoverProps}\n >\n {sideBarContent}\n </AppSettingsPopover>\n {header}\n </div>\n )}\n <div className={classNames(styles.contentWrapper, classes.contentWrapper)}>\n {!showFilterButton && (\n <AppSideBarComponent {...sideBarProps} anchor=\"left\">\n {sideBarContent}\n </AppSideBarComponent>\n )}\n {!!children && (\n <div className={classNames(styles.content, classes.content)}>{children}</div>\n )}\n </div>\n </div>\n );\n};\n"],"names":["useStyles","makeStyles","appLayout","display","flexDirection","width","height","header","paddingLeft","paddingRight","contentWrapper","position","flexGrow","content","textAlign","alignItems","justifyContent","popoverContent","padding","filtersTrigger","FiltersTrigger","props","theme","useTheme","isTabletView","useMatchAppContainerSize","max","breakpoints","styles","_jsx","IconButton","_objectSpread","className","size","tooltipProps","title","variant","children","CenterAlignmentIcon","Button","startIcon","AppFilterPanelLayout","_ref","appSettingsPopoverProps","_ref$classes","classes","sideBarContent","sideBarProps","showFilterButton","isNativeDetected","isMobileDetected","_jsxs","classNames","AppSettingsPopover","Trigger","anchorOrigin","vertical","horizontal","transformOrigin","AppSideBarComponent","anchor"],"mappings":"~~+0KAgBA~~,IAAMA,EAAYC,EAAW,CAC3BC,UAAW,CACTC,QAAS,OACTC,cAAe,SACfC,MAAO,OACPC,OAAQ,QAEVC,OAAQ,CACNC,YAAa,GACbC,aAAc,GACdN,QAAS,OACTG,OAAQ,IAEVI,eAAgB,CACdP,QAAS,OACTQ,SAAU,WACVC,SAAU,EACVN,OAAQ,oBACR,4BAA6B,CAC3BA,OAAQ,SAGZO,QAAS,CACPV,QAAS,OACTC,cAAe,SACfU,UAAW,SACXC,WAAY,SACZC,eAAgB,SAChBV,OAAQ,OACRD,MAAO,QAETY,eAAgB,CACdC,QAAS,UAEXC,eAAgB,CACdd,MAAO,GACPC,OAAQ,MAkBNc,EAAiB,SAACC,GACtB,IAAMC,EAAQC,IACRC,EAAeC,EAAyB,CAC5CpB,MAAO,CAAEqB,IAAKJ,EAAMK,YAAYtB,MAAM,SAElCuB,EAAS5B,IAEf,OAAIwB,EAEAK,EAACC,EAAUC,EAAAA,EAAA,CACTC,UAAWJ,EAAOT,eAClBc,KAAK,QACLC,aAAc,CAAEC,MAAO,WAEvBC,QAAQ,aACJf,GAAK,GAAA,CAAAgB,SAETR,EAACS,EAAmB,CAACL,KAAM,QAM/BJ,EAACU,EAAMR,EAAAA,EAAA,CAACS,UAAWX,EAACS,EAAmB,CAACL,KAAM,MAAYZ,GAAK,GAAA,CAAAgB,SAAA,YAInE,EAEaI,EAAsD,SAO7DC,GAAA,IANJC,IAAAA,wBACAN,IAAAA,SAAQO,EAAAF,EACRG,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EACZrC,IAAAA,OACAuC,IAAAA,eACAC,IAAAA,aAEMnB,EAAS5B,IACTsB,EAAQC,IAERC,EAAeC,EAAyB,CAC5CpB,MAAO,CAAEqB,IAAKJ,EAAMK,YAAYtB,MAAM,SAElC2C,EAAmBC,GAAoBC,GAAoB1B,EAEjE,OACE2B,EAAA,MAAA,CAAKnB,UAAWoB,EAAWxB,EAAO1B,UAAW2C,EAAQ3C,WAAWmC,SAAA,CAC7DW,GACCG,EAAA,MAAA,CAAKnB,UAAWoB,EAAWxB,EAAOrB,OAAQsC,EAAQtC,QAAQ8B,SAAA,CACxDR,EAACwB,EAAkBtB,EAAAA,EAAA,CACjBuB,QAASlC,EACTyB,QAAS,CAAE5B,eAAgBW,EAAOX,gBAClCV,OAAO,UACPgD,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,SAEVd,GAAuB,GAAA,CAAAN,SAE1BS,KAEFvC,KAGL4C,EAAA,MAAA,CAAKnB,UAAWoB,EAAWxB,EAAOlB,eAAgBmC,EAAQnC,gBAAgB2B,SAAA,EACtEW,GACAnB,EAAC8B,SAAwBZ,GAAY,GAAA,CAAEa,OAAO,OAAMvB,SACjDS,OAGFT,GACDR,EAAA,MAAA,CAAKG,UAAWoB,EAAWxB,EAAOf,QAASgC,EAAQhC,SAASwB,SAAEA,SAKxE"}
1	+ {"version":3,"file":"AppFilterPanelLayout.js","sources":["../../../../src/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { CenterAlignmentIcon } from '~/icons';\n\nimport AppSideBarComponent, { AppSideBarProps } from '~/components/DevCenter/AppSideBar/AppSideBar';\nimport IconButton from '~/components/IconButton';\n\nimport {\n AppSettingsPopover,\n AppSettingsPopoverProps,\n} from '~/components/DevCenter/AppSettingsPopover/AppSettingsPopover';\nimport Button, { ButtonProps } from '~/components/Button';\nimport { useMatchAppContainerSize } from '~/effects/useMatchAppContainerSize';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\n\nconst useStyles = makeStyles({\n appLayout: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n height: '100%',\n },\n header: {\n paddingLeft: 12,\n paddingRight: 12,\n display: 'flex',\n height: 36,\n },\n contentWrapper: {\n display: 'flex',\n position: 'relative',\n flexGrow: 1,\n height: 'calc(100% - 36px)', // NOTE: 36px is header height\n '@media (max-width: 960px)': {\n height: '100%',\n },\n },\n content: {\n display: 'flex',\n flexDirection: 'column',\n textAlign: 'center',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n width: '100%',\n },\n popoverContent: {\n padding: '0 16px',\n },\n filtersTrigger: {\n width: 30,\n height: 30,\n },\n});\n\nexport interface AppFilterPanelLayoutProps {\n sideBarContent: ReactNode;\n\n appSettingsPopoverProps?: Omit<AppSettingsPopoverProps, 'children' \| 'classes'>;\n children?: ReactNode;\n classes?: {\n appLayout?: string;\n content?: string;\n contentWrapper?: string;\n header?: string;\n };\n header?: ReactNode;\n sideBarProps?: Omit<AppSideBarProps, 'anchor'>;\n}\nconst FiltersTrigger = (props: ButtonProps) => {\n const theme = useTheme();\n const isTabletView = useMatchAppContainerSize({\n width: { max: theme.breakpoints.width('md') },\n });\n const styles = useStyles();\n\n if (isTabletView) {\n return (\n <IconButton\n className={styles.filtersTrigger}\n size=\"small\"\n tooltipProps={{ title: 'Filters' }}\n //@ts-ignore\n variant=\"contained\"\n {...props}\n >\n <CenterAlignmentIcon size={16} />\n </IconButton>\n );\n }\n\n return (\n <Button startIcon={<CenterAlignmentIcon size={16} />} {...props}>\n Filters\n </Button>\n );\n};\n\nexport const AppFilterPanelLayout: FC<AppFilterPanelLayoutProps> = ({\n appSettingsPopoverProps,\n children,\n classes = {},\n header,\n sideBarContent,\n sideBarProps,\n}) => {\n const styles = useStyles();\n const theme = useTheme();\n\n const isTabletView = useMatchAppContainerSize({\n width: { max: theme.breakpoints.width('md') },\n });\n const showFilterButton = isNativeDetected \|\| isMobileDetected \|\| isTabletView;\n\n return (\n <div className={classNames(styles.appLayout, classes.appLayout)}>\n {showFilterButton && (\n <div className={classNames(styles.header, classes.header)}>\n <AppSettingsPopover\n Trigger={FiltersTrigger}\n classes={{ popoverContent: styles.popoverContent }}\n header=\"Filters\"\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n {...appSettingsPopoverProps}\n >\n {sideBarContent}\n </AppSettingsPopover>\n {header}\n </div>\n )}\n <div className={classNames(styles.contentWrapper, classes.contentWrapper)}>\n {!showFilterButton && (\n <AppSideBarComponent {...sideBarProps} anchor=\"left\">\n {sideBarContent}\n </AppSideBarComponent>\n )}\n {!!children && (\n <div className={classNames(styles.content, classes.content)}>{children}</div>\n )}\n </div>\n </div>\n );\n};\n"],"names":["useStyles","makeStyles","appLayout","display","flexDirection","width","height","header","paddingLeft","paddingRight","contentWrapper","position","flexGrow","content","textAlign","alignItems","justifyContent","popoverContent","padding","filtersTrigger","FiltersTrigger","props","theme","useTheme","isTabletView","useMatchAppContainerSize","max","breakpoints","styles","_jsx","IconButton","_objectSpread","className","size","tooltipProps","title","variant","children","CenterAlignmentIcon","Button","startIcon","AppFilterPanelLayout","_ref","appSettingsPopoverProps","_ref$classes","classes","sideBarContent","sideBarProps","showFilterButton","isNativeDetected","isMobileDetected","_jsxs","classNames","AppSettingsPopover","Trigger","anchorOrigin","vertical","horizontal","transformOrigin","AppSideBarComponent","anchor"],"mappings":"47KAgBA,IAAMA,EAAYC,EAAW,CAC3BC,UAAW,CACTC,QAAS,OACTC,cAAe,SACfC,MAAO,OACPC,OAAQ,QAEVC,OAAQ,CACNC,YAAa,GACbC,aAAc,GACdN,QAAS,OACTG,OAAQ,IAEVI,eAAgB,CACdP,QAAS,OACTQ,SAAU,WACVC,SAAU,EACVN,OAAQ,oBACR,4BAA6B,CAC3BA,OAAQ,SAGZO,QAAS,CACPV,QAAS,OACTC,cAAe,SACfU,UAAW,SACXC,WAAY,SACZC,eAAgB,SAChBV,OAAQ,OACRD,MAAO,QAETY,eAAgB,CACdC,QAAS,UAEXC,eAAgB,CACdd,MAAO,GACPC,OAAQ,MAkBNc,EAAiB,SAACC,GACtB,IAAMC,EAAQC,IACRC,EAAeC,EAAyB,CAC5CpB,MAAO,CAAEqB,IAAKJ,EAAMK,YAAYtB,MAAM,SAElCuB,EAAS5B,IAEf,OAAIwB,EAEAK,EAACC,EAAUC,EAAAA,EAAA,CACTC,UAAWJ,EAAOT,eAClBc,KAAK,QACLC,aAAc,CAAEC,MAAO,WAEvBC,QAAQ,aACJf,GAAK,GAAA,CAAAgB,SAETR,EAACS,EAAmB,CAACL,KAAM,QAM/BJ,EAACU,EAAMR,EAAAA,EAAA,CAACS,UAAWX,EAACS,EAAmB,CAACL,KAAM,MAAYZ,GAAK,GAAA,CAAAgB,SAAA,YAInE,EAEaI,EAAsD,SAO7DC,GAAA,IANJC,IAAAA,wBACAN,IAAAA,SAAQO,EAAAF,EACRG,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EACZrC,IAAAA,OACAuC,IAAAA,eACAC,IAAAA,aAEMnB,EAAS5B,IACTsB,EAAQC,IAERC,EAAeC,EAAyB,CAC5CpB,MAAO,CAAEqB,IAAKJ,EAAMK,YAAYtB,MAAM,SAElC2C,EAAmBC,GAAoBC,GAAoB1B,EAEjE,OACE2B,EAAA,MAAA,CAAKnB,UAAWoB,EAAWxB,EAAO1B,UAAW2C,EAAQ3C,WAAWmC,SAAA,CAC7DW,GACCG,EAAA,MAAA,CAAKnB,UAAWoB,EAAWxB,EAAOrB,OAAQsC,EAAQtC,QAAQ8B,SAAA,CACxDR,EAACwB,EAAkBtB,EAAAA,EAAA,CACjBuB,QAASlC,EACTyB,QAAS,CAAE5B,eAAgBW,EAAOX,gBAClCV,OAAO,UACPgD,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,SAEVd,GAAuB,GAAA,CAAAN,SAE1BS,KAEFvC,KAGL4C,EAAA,MAAA,CAAKnB,UAAWoB,EAAWxB,EAAOlB,eAAgBmC,EAAQnC,gBAAgB2B,SAAA,EACtEW,GACAnB,EAAC8B,SAAwBZ,GAAY,GAAA,CAAEa,OAAO,OAAMvB,SACjDS,OAGFT,GACDR,EAAA,MAAA,CAAKG,UAAWoB,EAAWxB,EAAOf,QAASgC,EAAQhC,SAASwB,SAAEA,SAKxE"}

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/helpers/objectWithoutProperties";import{useState as n}from"react";import c from"classnames";import{makeStyles as t,Popover as e}from"@material-ui/core";import{SettingTwoIcon as r,CloseSmallIcon as m}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../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{isNativeDetected as p,isMobileDetected as l}from"../../../utils/mobileDetect.js";import a from"../../IconButton/index.js";import u from"../../Modal/Modal.js";import d from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{jsxs as j,Fragment as I,jsx as h}from"react/jsx-runtime";var b=["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"],g=["popoverContent"];function v(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,n)}return i}function f(s){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?v(Object(n),!0).forEach((function(i){o(s,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var C=p||l,O=t((function(o){return{popoverPaper:{position:"relative",marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var s=o.maxHeight;return s?s-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(o.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}})),x=function(o){var t=o.Trigger,l=void 0===t?null:t,v=o.children,x=o.classes,P=o.defaultScrollable,y=void 0!==P&&P,k=o.header,S=void 0===k?"Settings":k,F=o.iconSettingsProps,A=void 0===F?{}:F,w=o.maxHeight,T=void 0===w?null:w,B=o.modalActions,D=void 0===B?null:B,z=o.modalProps,H=void 0===z?{}:z,M=o.onClose,E=void 0===M?function(){}:M,N=i(o,b),L=n(null),R=s(L,2),G=R[0],U=R[1],W=n(!0),q=s(W,2),Y=q[0],K=q[1],X=O({maxHeight:T,isScrollable:Y,isNativeDetected:p}),Z=x||{},J=Z.popoverContent,Q=i(Z,g),V=function(){U(null),E()},$=Boolean(G),_=function(o){return U(o.currentTarget)},oo=D||h(d,{variation:"secondary",onClick:V,children:"CLOSE"});return j(I,{children:[l?h(l,{onClick:_,isActive:$}):h(a,f(f({"data-testid":"chartSettingsButton",isActive:$,onClick:_,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},A),{},{children:h(r,{size:(null==A?void 0:A.size)||16})})),!C&&j(e,f(f({open:$,anchorEl:G,onClose:V,anchorOrigin:{vertical:Y?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},N),{},{classes:f(f({},Q),{},{paper:c(X.popoverPaper,Y&&"scrollable",null==Q?void 0:Q.paper)}),children:[j("div",{className:c(X.popoverHeader,Y&&"scrollable"),children:[h("div",{className:X.headerTitle,children:S}),h(a,{tooltipProps:{title:"Close"},onClick:V,children:h(m,{})})]}),h("div",{className:c(X.popoverContentContainer,Y&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!y&&K(!1)},children:h("div",{className:c(X.popoverContent,J),children:v})})]})),C&&h(u,f(f({actions:oo,onClose:V,open:$,actionsClassName:X.modalActions,title:S},H),{},{children:v}))]})};export{x as AppSettingsPopover};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/helpers/objectWithoutProperties";import{useState as n}from"react";import c from"classnames";import{makeStyles as t,Popover as e}from"@material-ui/core";import{SettingTwoIcon as r,CloseSmallIcon as m}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../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{isNativeDetected as p,isMobileDetected as l}from"../../../utils/mobileDetect.js";import a from"../../IconButton/index.js";import u from"../../Modal/Modal.js";import d from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{jsxs as j,Fragment as I,jsx as h}from"react/jsx-runtime";var b=["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"],g=["popoverContent"];function v(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,n)}return i}function f(s){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?v(Object(n),!0).forEach((function(i){o(s,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var C=p||l,O=t((function(o){return{popoverPaper:{position:"relative",marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var s=o.maxHeight;return s?s-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(o.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}})),P=function(o){var t=o.Trigger,l=void 0===t?null:t,v=o.children,P=o.classes,x=o.defaultScrollable,y=void 0!==x&&x,k=o.header,S=void 0===k?"Settings":k,F=o.iconSettingsProps,A=void 0===F?{}:F,w=o.maxHeight,T=void 0===w?null:w,B=o.modalActions,D=void 0===B?null:B,z=o.modalProps,H=void 0===z?{}:z,M=o.onClose,E=void 0===M?function(){}:M,N=i(o,b),L=n(null),R=s(L,2),G=R[0],U=R[1],W=n(!0),q=s(W,2),Y=q[0],K=q[1],X=O({maxHeight:T,isScrollable:Y,isNativeDetected:p}),Z=P||{},J=Z.popoverContent,Q=i(Z,g),V=function(){U(null),E()},$=Boolean(G),_=function(o){return U(o.currentTarget)},oo=D||h(d,{variation:"secondary",onClick:V,children:"CLOSE"});return j(I,{children:[l?h(l,{onClick:_,isActive:$}):h(a,f(f({"data-testid":"chartSettingsButton",isActive:$,onClick:_,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},A),{},{children:h(r,{size:(null==A?void 0:A.size)||16})})),!C&&j(e,f(f({open:$,anchorEl:G,onClose:V,anchorOrigin:{vertical:Y?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},N),{},{classes:f(f({},Q),{},{paper:c(X.popoverPaper,Y&&"scrollable",null==Q?void 0:Q.paper)}),children:[j("div",{className:c(X.popoverHeader,Y&&"scrollable"),children:[h("div",{className:X.headerTitle,children:S}),h(a,{tooltipProps:{title:"Close"},onClick:V,children:h(m,{})})]}),h("div",{className:c(X.popoverContentContainer,Y&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!y&&K(!1)},children:h("div",{className:c(X.popoverContent,J),children:v})})]})),C&&h(u,f(f({actions:oo,onClose:V,open:$,actionsClassName:X.modalActions,title:S},H),{},{children:v}))]})};export{P as AppSettingsPopover};
 //# sourceMappingURL=AppSettingsPopover.js.map

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppSettingsPopover.js","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"sourcesContent":["import { FC, ReactNode, useState } from 'react';\nimport classNames from 'classnames';\n// NOTE: it is important to import Popover form @mui and not from ~/components\nimport { makeStyles, Popover, PopoverProps } from '@material-ui/core';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\n\nimport { CloseSmallIcon, SettingTwoIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport IconButton, { IconButtonProps } from '~/components/IconButton';\nimport Modal from '~/components/Modal';\nimport Button from '~/components/Button';\n\nconst isNativeOrMobileBrowser = isNativeDetected \|\| isMobileDetected;\n\nconst useStyles = makeStyles<\n Theme,\n { isScrollable: boolean; maxHeight: number \| null; isNativeDetected: boolean }\n>(theme => ({\n popoverPaper: {\n position: 'relative',\n marginTop: ({ isScrollable }) => (isScrollable ? 0 : 8),\n minWidth: 286,\n width: 286,\n overflowY: 'hidden',\n backgroundColor: theme.palette.background.b9,\n maxHeight: ({ maxHeight }) => (maxHeight ? maxHeight - 24 : 'calc(100% - 24px)'),\n '&.scrollable': {\n height: ({ maxHeight }) => maxHeight \|\| '100%',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n left: 0,\n bottom: 0,\n height: 16,\n width: 'calc(100% - 16px)',\n zIndex: 1,\n background: `linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ${theme.palette.background.b9} 100%);`,\n },\n },\n },\n popoverHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n height: 76,\n padding: '24px 16px 16px 16px',\n position: 'absolute',\n left: 0,\n right: 0,\n zIndex: 1,\n '&.scrollable': {\n background: `linear-gradient(to bottom, ${theme.palette.background.b9}, ${theme.palette.background.b9} 89%, rgba(65, 65, 65, 0) 100%)`,\n },\n },\n headerTitle: {\n fontSize: 20,\n },\n popoverContentContainer: {\n marginTop: 60,\n paddingTop: 16,\n overflowX: 'hidden',\n overflowY: 'auto',\n '&.scrollable': {\n height: 'calc(100% - 60px)',\n },\n },\n popoverContent: {\n width: '100%',\n },\n\n modalActions: {\n display: 'flex',\n justifyContent: 'flex-end',\n },\n}));\n\nexport type AppSettingsPopoverProps = Omit<PopoverProps, 'classes' \| 'children' \| 'open'> & {\n /*\n Popover/Modal content\n */\n children: ReactNode;\n classes?: PopoverProps['classes'] & {\n popoverContent?: string;\n };\n Trigger?: ((props: { onClick: (event: React.MouseEvent<HTMLElement>) => void; isActive: boolean }) => JSX.Element) \| null;\n open?: boolean;\n defaultScrollable?: boolean;\n header?: ReactNode;\n iconSettingsProps?: Omit<IconButtonProps, 'children'>;\n maxHeight?: number \| null;\n modalActions?: ReactNode;\n modalProps?: {};\n onClose?: () => void;\n};\n\nexport const AppSettingsPopover: FC<AppSettingsPopoverProps> = ({\n Trigger = null,\n children,\n classes,\n defaultScrollable = false,\n header = 'Settings',\n iconSettingsProps = {},\n maxHeight = null,\n modalActions = null,\n modalProps = {},\n onClose = () => {},\n ...popoverProps\n}) => {\n const [anchorEl, setAnchorEl] = useState<HTMLElement \| null>(null);\n const [isScrollable, setIsScrollable] = useState(true);\n const styles = useStyles({ maxHeight, isScrollable, isNativeDetected });\n const { popoverContent: popoverContentClassName, ...popoverClasses } = classes \|\| {};\n\n const handleClose = () => {\n setAnchorEl(null);\n onClose();\n };\n\n const isOpen = Boolean(anchorEl);\n\n const handleContainerRef = (containerEl: HTMLDivElement \| null) => {\n if (containerEl) {\n if (containerEl.scrollHeight <= containerEl.clientHeight && !defaultScrollable)\n setIsScrollable(false);\n }\n };\n\n const handleTriggerClick = (event: React.MouseEvent<HTMLElement>) => setAnchorEl(event.currentTarget);\n\n const actions = modalActions \|\| (\n <Button variation=\"secondary\" onClick={handleClose}>\n CLOSE\n </Button>\n );\n\n return (\n <>\n {Trigger ? (\n // @ts-ignore\n <Trigger onClick={handleTriggerClick} isActive={isOpen} />\n ) : (\n <IconButton\n data-testid=\"chartSettingsButton\"\n isActive={isOpen}\n onClick={handleTriggerClick}\n size=\"small\"\n tooltipProps={{ title: 'Settings' }}\n variant=\"contained\"\n {...iconSettingsProps}\n >\n <SettingTwoIcon size={iconSettingsProps?.size \|\| 16} />\n </IconButton>\n )}\n {!isNativeOrMobileBrowser && (\n <Popover\n open={isOpen}\n anchorEl={anchorEl}\n onClose={handleClose}\n anchorOrigin={{\n vertical: isScrollable ? 'top' : 'bottom',\n horizontal: 'right',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n marginThreshold={12}\n {...popoverProps}\n classes={{\n ...popoverClasses,\n paper: classNames(\n styles.popoverPaper,\n isScrollable && 'scrollable',\n popoverClasses?.paper\n ),\n }}\n >\n <div className={classNames(styles.popoverHeader, isScrollable && 'scrollable')}>\n <div className={styles.headerTitle}>{header}</div>\n <IconButton tooltipProps={{ title: 'Close' }} onClick={handleClose}>\n <CloseSmallIcon />\n </IconButton>\n </div>\n <div\n className={classNames(styles.popoverContentContainer, isScrollable && 'scrollable')}\n ref={handleContainerRef}\n >\n <div className={classNames(styles.popoverContent, popoverContentClassName)}>\n {children}\n </div>\n </div>\n </Popover>\n )}\n {isNativeOrMobileBrowser && (\n <Modal\n actions={actions}\n onClose={handleClose}\n open={isOpen}\n actionsClassName={styles.modalActions}\n title={header}\n {...modalProps}\n >\n {children}\n </Modal>\n )}\n </>\n );\n}\n"],"names":["isNativeOrMobileBrowser","isNativeDetected","isMobileDetected","useStyles","makeStyles","theme","popoverPaper","position","marginTop","_ref","isScrollable","minWidth","width","overflowY","backgroundColor","palette","background","b9","maxHeight","_ref2","height","_ref3","content","left","bottom","zIndex","popoverHeader","display","justifyContent","alignItems","padding","right","concat","headerTitle","fontSize","popoverContentContainer","paddingTop","overflowX","popoverContent","modalActions","AppSettingsPopover","_ref4","_ref4$Trigger","Trigger","children","classes","_ref4$defaultScrollab","defaultScrollable","_ref4$header","header","_ref4$iconSettingsPro","iconSettingsProps","_ref4$maxHeight","_ref4$modalActions","_ref4$modalProps","modalProps","_ref4$onClose","onClose","popoverProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState4","_useState3","setIsScrollable","styles","popoverContentClassName","popoverClasses","_ref5","_excluded2","handleClose","isOpen","Boolean","handleTriggerClick","event","currentTarget","actions","_jsx","Button","variation","onClick","_jsxs","_Fragment","isActive","IconButton","_objectSpread","size","tooltipProps","title","variant","SettingTwoIcon","Popover","open","anchorOrigin","vertical","horizontal","transformOrigin","marginThreshold","paper","classNames","className","CloseSmallIcon","ref","containerEl","scrollHeight","clientHeight","Modal","actionsClassName"],"mappings":"w6KAYA,IAAMA,EAA0BC,GAAoBC,EAE9CC,EAAYC,GAGhB,SAAAC,GAAK,MAAK,CACVC,aAAc,CACZC,SAAU,WACVC,UAAW,SAAAC,GAAe,SAAZC,aAAmC,EAAI,CAAE,EACvDC,SAAU,IACVC,MAAO,IACPC,UAAW,SACXC,gBAAiBT,EAAMU,QAAQC,WAAWC,GAC1CC,UAAW,SAAAC,GAAA,IAAGD,IAAAA,UAAS,OAAQA,EAAYA,EAAY,GAAK,mBAAoB,EAChF,eAAgB,CACdE,OAAQ,SAAAC,GAAY,SAATH,WAA6B,MAAM,EAC9C,WAAY,CACVI,QAAS,KACTf,SAAU,WACVgB,KAAM,EACNC,OAAQ,EACRJ,OAAQ,GACRR,MAAO,oBACPa,OAAQ,EACRT,wEAAkEX,EAAMU,QAAQC,WAAWC,GAAE,cAInGS,cAAe,CACbC,QAAS,OACTC,eAAgB,gBAChBC,WAAY,SACZT,OAAQ,GACRU,QAAS,sBACTvB,SAAU,WACVgB,KAAM,EACNQ,MAAO,EACPN,OAAQ,EACR,eAAgB,CACdT,WAA0CX,8BAAAA,OAAAA,EAAMU,QAAQC,WAAWC,GAAE,MAAAe,OAAK3B,EAAMU,QAAQC,WAAWC,GAAE,qCAGzGgB,YAAa,CACXC,SAAU,IAEZC,wBAAyB,CACvB3B,UAAW,GACX4B,WAAY,GACZC,UAAW,SACXxB,UAAW,OACX,eAAgB,CACdO,OAAQ,sBAGZkB,eAAgB,CACd1B,MAAO,QAGT2B,aAAc,CACZZ,QAAS,OACTC,eAAgB,YAEnB,IAqBYY,EAAkD,SAYzDC,GAAA,IAAAC,EAAAD,EAXJE,QAAAA,aAAU,KAAID,EACdE,IAAAA,SACAC,IAAAA,QAAOC,EAAAL,EACPM,kBAAAA,cAAyBD,EAAAE,EAAAP,EACzBQ,OAAAA,aAAS,WAAUD,EAAAE,EAAAT,EACnBU,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAX,EACtBvB,UAAAA,aAAY,KAAIkC,EAAAC,EAAAZ,EAChBF,aAAAA,aAAe,KAAIc,EAAAC,EAAAb,EACnBc,WAAAA,OAAU,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAf,EACfgB,QAAAA,OAAO,IAAAD,EAAG,WAAQ,EAAAA,EACfE,EAAYC,EAAAlB,EAAAmB,GAEiBC,EAAAA,EAA6B,MAAKC,EAAAC,EAAAC,EAAA,GAA3DC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GACYD,EAAAA,GAAS,GAAKM,EAAAJ,EAAAK,EAAA,GAA/C1D,EAAYyD,EAAA,GAAEE,EAAeF,EAAA,GAC9BG,EAASnE,EAAU,CAAEe,UAAAA,EAAWR,aAAAA,EAAcT,iBAAAA,IACmB4C,EAAAA,GAAW,CAAE,EAA5D0B,IAAhBjC,eAA4CkC,EAAcb,EAAAc,EAAAC,GAE5DC,EAAc,WAClBT,EAAY,MACZT,KAGImB,EAASC,QAAQZ,GASjBa,EAAqB,SAACC,GAAoC,OAAKb,EAAYa,EAAMC,cAAc,EAE/FC,GAAU1C,GACd2C,EAACC,EAAM,CAACC,UAAU,YAAYC,QAASV,EAAY/B,SAAA,UAKrD,OACE0C,EAAAC,EAAA,CAAA3C,SAAA,CACGD,EAECuC,EAACvC,EAAO,CAAC0C,QAASP,EAAoBU,SAAUZ,IAEhDM,EAACO,EAAUC,EAAAA,EAAA,CACT,cAAY,sBACZF,SAAUZ,EACVS,QAASP,EACTa,KAAK,QACLC,aAAc,CAAEC,MAAO,YACvBC,QAAQ,aACJ3C,GAAiB,GAAA,CAAAP,SAErBsC,EAACa,EAAc,CAACJ,MAAMxC,aAAAA,EAAAA,EAAmBwC,OAAQ,SAGnD3F,GACAsF,EAACU,EAAON,EAAAA,EAAA,CACNO,KAAMrB,EACNX,SAAUA,EACVR,QAASkB,EACTuB,aAAc,CACZC,SAAUzF,EAAe,MAAQ,SACjC0F,WAAY,SAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,SAEdE,gBAAiB,IACb5C,GAAY,GAAA,CAChBb,eACK2B,GAAc,CAAA,EAAA,CACjB+B,MAAOC,EACLlC,EAAOhE,aACPI,GAAgB,aAChB8D,aAAAA,EAAAA,EAAgB+B,SAElB3D,SAEF,CAAA0C,EAAA,MAAA,CAAKmB,UAAWD,EAAWlC,EAAO5C,cAAehB,GAAgB,cAAckC,SAC7E,CAAAsC,EAAA,MAAA,CAAKuB,UAAWnC,EAAOrC,YAAYW,SAAEK,IACrCiC,EAACO,EAAU,CAACG,aAAc,CAAEC,MAAO,SAAWR,QAASV,EAAY/B,SACjEsC,EAACwB,EAAc,SAGnBxB,EAAA,MAAA,CACEuB,UAAWD,EAAWlC,EAAOnC,wBAAyBzB,GAAgB,cACtEiG,IAjEiB,SAACC,GACtBA,GACEA,EAAYC,cAAgBD,EAAYE,eAAiB/D,GAC3DsB,GAAgB,IA8DYzB,SAExBsC,EAAA,MAAA,CAAKuB,UAAWD,EAAWlC,EAAOhC,eAAgBiC,GAAyB3B,SACxEA,UAKR5C,GACCkF,EAAC6B,EAAKrB,EAAAA,EAAA,CACJT,QAASA,GACTxB,QAASkB,EACTsB,KAAMrB,EACNoC,iBAAkB1C,EAAO/B,aACzBsD,MAAO5C,GACHM,GAAU,GAAA,CAAAX,SAEbA,OAKX"}
1	+ {"version":3,"file":"AppSettingsPopover.js","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"sourcesContent":["import { FC, ReactNode, useState } from 'react';\nimport classNames from 'classnames';\n// NOTE: it is important to import Popover form @mui and not from ~/components\nimport { makeStyles, Popover, PopoverProps } from '@material-ui/core';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\n\nimport { CloseSmallIcon, SettingTwoIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport IconButton, { IconButtonProps } from '~/components/IconButton';\nimport Modal from '~/components/Modal';\nimport Button from '~/components/Button';\n\nconst isNativeOrMobileBrowser = isNativeDetected \|\| isMobileDetected;\n\nconst useStyles = makeStyles<\n Theme,\n { isScrollable: boolean; maxHeight: number \| null; isNativeDetected: boolean }\n>(theme => ({\n popoverPaper: {\n position: 'relative',\n marginTop: ({ isScrollable }) => (isScrollable ? 0 : 8),\n minWidth: 286,\n width: 286,\n overflowY: 'hidden',\n backgroundColor: theme.palette.background.b9,\n maxHeight: ({ maxHeight }) => (maxHeight ? maxHeight - 24 : 'calc(100% - 24px)'),\n '&.scrollable': {\n height: ({ maxHeight }) => maxHeight \|\| '100%',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n left: 0,\n bottom: 0,\n height: 16,\n width: 'calc(100% - 16px)',\n zIndex: 1,\n background: `linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ${theme.palette.background.b9} 100%);`,\n },\n },\n },\n popoverHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n height: 76,\n padding: '24px 16px 16px 16px',\n position: 'absolute',\n left: 0,\n right: 0,\n zIndex: 1,\n '&.scrollable': {\n background: `linear-gradient(to bottom, ${theme.palette.background.b9}, ${theme.palette.background.b9} 89%, rgba(65, 65, 65, 0) 100%)`,\n },\n },\n headerTitle: {\n fontSize: 20,\n },\n popoverContentContainer: {\n marginTop: 60,\n paddingTop: 16,\n overflowX: 'hidden',\n overflowY: 'auto',\n '&.scrollable': {\n height: 'calc(100% - 60px)',\n },\n },\n popoverContent: {\n width: '100%',\n },\n\n modalActions: {\n display: 'flex',\n justifyContent: 'flex-end',\n },\n}));\n\nexport type AppSettingsPopoverProps = Omit<PopoverProps, 'classes' \| 'children' \| 'open'> & {\n /*\n Popover/Modal content\n */\n children: ReactNode;\n classes?: PopoverProps['classes'] & {\n popoverContent?: string;\n };\n Trigger?: ((props: { onClick: (event: React.MouseEvent<HTMLElement>) => void; isActive: boolean }) => JSX.Element) \| null;\n open?: boolean;\n defaultScrollable?: boolean;\n header?: ReactNode;\n iconSettingsProps?: Omit<IconButtonProps, 'children'>;\n maxHeight?: number \| null;\n modalActions?: ReactNode;\n modalProps?: {};\n onClose?: () => void;\n};\n\nexport const AppSettingsPopover: FC<AppSettingsPopoverProps> = ({\n Trigger = null,\n children,\n classes,\n defaultScrollable = false,\n header = 'Settings',\n iconSettingsProps = {},\n maxHeight = null,\n modalActions = null,\n modalProps = {},\n onClose = () => {},\n ...popoverProps\n}) => {\n const [anchorEl, setAnchorEl] = useState<HTMLElement \| null>(null);\n const [isScrollable, setIsScrollable] = useState(true);\n const styles = useStyles({ maxHeight, isScrollable, isNativeDetected });\n const { popoverContent: popoverContentClassName, ...popoverClasses } = classes \|\| {};\n\n const handleClose = () => {\n setAnchorEl(null);\n onClose();\n };\n\n const isOpen = Boolean(anchorEl);\n\n const handleContainerRef = (containerEl: HTMLDivElement \| null) => {\n if (containerEl) {\n if (containerEl.scrollHeight <= containerEl.clientHeight && !defaultScrollable)\n setIsScrollable(false);\n }\n };\n\n const handleTriggerClick = (event: React.MouseEvent<HTMLElement>) => setAnchorEl(event.currentTarget);\n\n const actions = modalActions \|\| (\n <Button variation=\"secondary\" onClick={handleClose}>\n CLOSE\n </Button>\n );\n\n return (\n <>\n {Trigger ? (\n // @ts-ignore\n <Trigger onClick={handleTriggerClick} isActive={isOpen} />\n ) : (\n <IconButton\n data-testid=\"chartSettingsButton\"\n isActive={isOpen}\n onClick={handleTriggerClick}\n size=\"small\"\n tooltipProps={{ title: 'Settings' }}\n variant=\"contained\"\n {...iconSettingsProps}\n >\n <SettingTwoIcon size={iconSettingsProps?.size \|\| 16} />\n </IconButton>\n )}\n {!isNativeOrMobileBrowser && (\n <Popover\n open={isOpen}\n anchorEl={anchorEl}\n onClose={handleClose}\n anchorOrigin={{\n vertical: isScrollable ? 'top' : 'bottom',\n horizontal: 'right',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n marginThreshold={12}\n {...popoverProps}\n classes={{\n ...popoverClasses,\n paper: classNames(\n styles.popoverPaper,\n isScrollable && 'scrollable',\n popoverClasses?.paper\n ),\n }}\n >\n <div className={classNames(styles.popoverHeader, isScrollable && 'scrollable')}>\n <div className={styles.headerTitle}>{header}</div>\n <IconButton tooltipProps={{ title: 'Close' }} onClick={handleClose}>\n <CloseSmallIcon />\n </IconButton>\n </div>\n <div\n className={classNames(styles.popoverContentContainer, isScrollable && 'scrollable')}\n ref={handleContainerRef}\n >\n <div className={classNames(styles.popoverContent, popoverContentClassName)}>\n {children}\n </div>\n </div>\n </Popover>\n )}\n {isNativeOrMobileBrowser && (\n <Modal\n actions={actions}\n onClose={handleClose}\n open={isOpen}\n actionsClassName={styles.modalActions}\n title={header}\n {...modalProps}\n >\n {children}\n </Modal>\n )}\n </>\n );\n}\n"],"names":["isNativeOrMobileBrowser","isNativeDetected","isMobileDetected","useStyles","makeStyles","theme","popoverPaper","position","marginTop","_ref","isScrollable","minWidth","width","overflowY","backgroundColor","palette","background","b9","maxHeight","_ref2","height","_ref3","content","left","bottom","zIndex","popoverHeader","display","justifyContent","alignItems","padding","right","concat","headerTitle","fontSize","popoverContentContainer","paddingTop","overflowX","popoverContent","modalActions","AppSettingsPopover","_ref4","_ref4$Trigger","Trigger","children","classes","_ref4$defaultScrollab","defaultScrollable","_ref4$header","header","_ref4$iconSettingsPro","iconSettingsProps","_ref4$maxHeight","_ref4$modalActions","_ref4$modalProps","modalProps","_ref4$onClose","onClose","popoverProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState4","_useState3","setIsScrollable","styles","popoverContentClassName","popoverClasses","_ref5","_excluded2","handleClose","isOpen","Boolean","handleTriggerClick","event","currentTarget","actions","_jsx","Button","variation","onClick","_jsxs","_Fragment","isActive","IconButton","_objectSpread","size","tooltipProps","title","variant","SettingTwoIcon","Popover","open","anchorOrigin","vertical","horizontal","transformOrigin","marginThreshold","paper","classNames","className","CloseSmallIcon","ref","containerEl","scrollHeight","clientHeight","Modal","actionsClassName"],"mappings":"qhLAYA,IAAMA,EAA0BC,GAAoBC,EAE9CC,EAAYC,GAGhB,SAAAC,GAAK,MAAK,CACVC,aAAc,CACZC,SAAU,WACVC,UAAW,SAAAC,GAAe,SAAZC,aAAmC,EAAI,CAAE,EACvDC,SAAU,IACVC,MAAO,IACPC,UAAW,SACXC,gBAAiBT,EAAMU,QAAQC,WAAWC,GAC1CC,UAAW,SAAAC,GAAA,IAAGD,IAAAA,UAAS,OAAQA,EAAYA,EAAY,GAAK,mBAAoB,EAChF,eAAgB,CACdE,OAAQ,SAAAC,GAAY,SAATH,WAA6B,MAAM,EAC9C,WAAY,CACVI,QAAS,KACTf,SAAU,WACVgB,KAAM,EACNC,OAAQ,EACRJ,OAAQ,GACRR,MAAO,oBACPa,OAAQ,EACRT,wEAAkEX,EAAMU,QAAQC,WAAWC,GAAE,cAInGS,cAAe,CACbC,QAAS,OACTC,eAAgB,gBAChBC,WAAY,SACZT,OAAQ,GACRU,QAAS,sBACTvB,SAAU,WACVgB,KAAM,EACNQ,MAAO,EACPN,OAAQ,EACR,eAAgB,CACdT,WAA0CX,8BAAAA,OAAAA,EAAMU,QAAQC,WAAWC,GAAE,MAAAe,OAAK3B,EAAMU,QAAQC,WAAWC,GAAE,qCAGzGgB,YAAa,CACXC,SAAU,IAEZC,wBAAyB,CACvB3B,UAAW,GACX4B,WAAY,GACZC,UAAW,SACXxB,UAAW,OACX,eAAgB,CACdO,OAAQ,sBAGZkB,eAAgB,CACd1B,MAAO,QAGT2B,aAAc,CACZZ,QAAS,OACTC,eAAgB,YAEnB,IAqBYY,EAAkD,SAYzDC,GAAA,IAAAC,EAAAD,EAXJE,QAAAA,aAAU,KAAID,EACdE,IAAAA,SACAC,IAAAA,QAAOC,EAAAL,EACPM,kBAAAA,cAAyBD,EAAAE,EAAAP,EACzBQ,OAAAA,aAAS,WAAUD,EAAAE,EAAAT,EACnBU,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAX,EACtBvB,UAAAA,aAAY,KAAIkC,EAAAC,EAAAZ,EAChBF,aAAAA,aAAe,KAAIc,EAAAC,EAAAb,EACnBc,WAAAA,OAAU,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAf,EACfgB,QAAAA,OAAO,IAAAD,EAAG,WAAQ,EAAAA,EACfE,EAAYC,EAAAlB,EAAAmB,GAEiBC,EAAAA,EAA6B,MAAKC,EAAAC,EAAAC,EAAA,GAA3DC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GACYD,EAAAA,GAAS,GAAKM,EAAAJ,EAAAK,EAAA,GAA/C1D,EAAYyD,EAAA,GAAEE,EAAeF,EAAA,GAC9BG,EAASnE,EAAU,CAAEe,UAAAA,EAAWR,aAAAA,EAAcT,iBAAAA,IACmB4C,EAAAA,GAAW,CAAE,EAA5D0B,IAAhBjC,eAA4CkC,EAAcb,EAAAc,EAAAC,GAE5DC,EAAc,WAClBT,EAAY,MACZT,KAGImB,EAASC,QAAQZ,GASjBa,EAAqB,SAACC,GAAoC,OAAKb,EAAYa,EAAMC,cAAc,EAE/FC,GAAU1C,GACd2C,EAACC,EAAM,CAACC,UAAU,YAAYC,QAASV,EAAY/B,SAAA,UAKrD,OACE0C,EAAAC,EAAA,CAAA3C,SAAA,CACGD,EAECuC,EAACvC,EAAO,CAAC0C,QAASP,EAAoBU,SAAUZ,IAEhDM,EAACO,EAAUC,EAAAA,EAAA,CACT,cAAY,sBACZF,SAAUZ,EACVS,QAASP,EACTa,KAAK,QACLC,aAAc,CAAEC,MAAO,YACvBC,QAAQ,aACJ3C,GAAiB,GAAA,CAAAP,SAErBsC,EAACa,EAAc,CAACJ,MAAMxC,aAAAA,EAAAA,EAAmBwC,OAAQ,SAGnD3F,GACAsF,EAACU,EAAON,EAAAA,EAAA,CACNO,KAAMrB,EACNX,SAAUA,EACVR,QAASkB,EACTuB,aAAc,CACZC,SAAUzF,EAAe,MAAQ,SACjC0F,WAAY,SAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,SAEdE,gBAAiB,IACb5C,GAAY,GAAA,CAChBb,eACK2B,GAAc,CAAA,EAAA,CACjB+B,MAAOC,EACLlC,EAAOhE,aACPI,GAAgB,aAChB8D,aAAAA,EAAAA,EAAgB+B,SAElB3D,SAEF,CAAA0C,EAAA,MAAA,CAAKmB,UAAWD,EAAWlC,EAAO5C,cAAehB,GAAgB,cAAckC,SAC7E,CAAAsC,EAAA,MAAA,CAAKuB,UAAWnC,EAAOrC,YAAYW,SAAEK,IACrCiC,EAACO,EAAU,CAACG,aAAc,CAAEC,MAAO,SAAWR,QAASV,EAAY/B,SACjEsC,EAACwB,EAAc,SAGnBxB,EAAA,MAAA,CACEuB,UAAWD,EAAWlC,EAAOnC,wBAAyBzB,GAAgB,cACtEiG,IAjEiB,SAACC,GACtBA,GACEA,EAAYC,cAAgBD,EAAYE,eAAiB/D,GAC3DsB,GAAgB,IA8DYzB,SAExBsC,EAAA,MAAA,CAAKuB,UAAWD,EAAWlC,EAAOhC,eAAgBiC,GAAyB3B,SACxEA,UAKR5C,GACCkF,EAAC6B,EAAKrB,EAAAA,EAAA,CACJT,QAASA,GACTxB,QAASkB,EACTsB,KAAMrB,EACNoC,iBAAkB1C,EAAO/B,aACzBsD,MAAO5C,GACHM,GAAU,GAAA,CAAAX,SAEbA,OAKX"}

package/components/DevCenter/AppSideBar/AppSideBar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import{useState as n,useRef as i,useEffect as c}from"react";import t from"classnames";import{noop as e}from"lodash";import{makeStyles as r,createStyles as m,Drawer as a,Box as p,Tooltip as l}from"@material-ui/core";import u from"../../IconButton/index.js";import d from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{LeftAlignmentIcon as I,CloseSmallIcon as j,CheckSmallIcon as h,RightIcon as f,LeftIcon as g}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as v,Fragment as C,jsx as b}from"react/jsx-runtime";var x=r((function(o){var n;return m({drawer:function(o){var n=o.openedDrawerWidth;return s({height:"100%",position:"relative",zIndex:0,width:n},"&.".concat("closed"),{width:"48px"})},drawerPaper:(n={position:"relative",width:"100%",borderRadius:function(o){return"left"===o.anchor?"0 8px 0 0":"8px 0 0 0"},backgroundColor:o.palette.background.b5},s(n,"&.".concat("closed"),{cursor:"pointer","&:hover":{backgroundColor:o.palette.background.b7,"& > $header":{backgroundColor:o.palette.background.b7}}}),s(n,"&.MuiDrawer-paperAnchorDockedLeft",{borderRight:"none"}),s(n,"&.MuiDrawer-paperAnchorDockedRight",{borderLeft:"none"}),n),header:s({cursor:"pointer",alignItems:"center",backgroundColor:o.palette.background.b5,borderBottom:"1px solid",borderBottomColor:"#ffffff14",display:"flex",fontSize:16,fontWeight:400,height:48,justifyContent:"center",left:0,letterSpacing:"1px",lineHeight:"22px",position:"absolute",right:0,textTransform:"capitalize",top:0},"&.".concat("open"),{padding:o.spacing(1.5),justifyContent:"flex-start"}),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(o){var n=o.anchor;return s({alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"},"&.".concat("open"),{justifyContent:"left"===n?"flex-end":"flex-start",paddingRight:6})},contentWrapper:{marginTop:48,height:"calc(100% - 96px)",overflowY:"auto"},content:{padding:"16px 12px",display:"flex",flexDirection:"column"},selectAllButton:{textTransform:"none",fontSize:"10px",lineHeight:"14px",letterSpacing:"0.4px","& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"12px !important"},"& .MuiButton-startIcon":{marginRight:4},"&:hover":{background:"transparent"}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer",paddingLeft:7,letterSpacing:1}})})),k=function(r){var m=r.classes,k=void 0===m?{}:m,A=r.anchor,B=void 0===A?"left":A,O=r.children,w=r.drawerPaperClassName,S=void 0===w?"":w,T=r.drawerClassName,F=void 0===T?"":T,D=r.expandedTooltipTitle,P=void 0===D?"Collapse":D,y=r.collapsedTooltipTitle,z=void 0===y?"Expand":y,M=r.header,N=r.headerIcon,R=r.headerTitleIcon,W=r.isOpen,L=void 0!==W&&W,E=r.openedDrawerWidth,G=r.setIsOpen,H=void 0===G?e:G,U=r.size,_=void 0===U?"medium":U,q=r.allOptionsButtonShown,K=void 0!==q&&q,Y=r.isAllOptionsSelected,Z=void 0!==Y&&Y,$=r.onAllOptionsClick,J=void 0===$?e:$,Q=n(!1),V=o(Q,2);V[0];var X=V[1],oo=i(null),so=x({anchor:B,openedDrawerWidth:null!=E?E:{small:235,medium:354,large:473}[_]});c((function(){if(oo.current){var o=oo.current,s=o.scrollHeight,n=o.clientHeight;X(s>n)}}));var no="left"===B?f:g;return v(a,{"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){L||H(!0)},className:t(so.drawer,!L&&"closed",F),variant:"permanent",classes:{paper:t(so.drawerPaper,S,!L&&"closed")},anchor:B,children:[v("div",{className:t(so.header,null==k?void 0:k.header,L&&"open"),onClick:function(){L&&H(!1)},children:[L&&v(C,{children:[R||b(I,{size:24}),b("div",{"data-testid":"".concat("AppSideBar","_header"),className:so.headerIconText,children:M}),K&&b(d,{className:so.selectAllButton,onClick:function(o){o.stopPropagation(),J(o)},startIcon:b(Z?j:h,{size:16}),children:Z?"Clear All":"Select All"})]}),!L&&N]}),b("div",{className:t(so.contentWrapper,null==k?void 0:k.contentWrapper),ref:oo,children:b("div",{className:t(so.content,null==k?void 0:k.content),children:L&&O})}),b(p,{className:t(so.openToggleContainer,null==k?void 0:k.openToggleContainer,s({},"open",L)),children:b(l,{title:L?P:z,placement:"bottom",children:b("div",{children:b(u,{"aria-label":"toggle sidebar",onClick:function(){H(!L)},children:b(no,{size:24,"data-testid":"".concat("AppSideBar","_arrowButton"),className:t(L&&so.openToggleIconOpen)})})})})})]})};export{k as default};
+import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import{useState as n,useRef as i,useEffect as c}from"react";import t from"classnames";import{noop as e}from"lodash";import{makeStyles as r,createStyles as m,Drawer as p,Box as a,Tooltip as l}from"@material-ui/core";import u from"../../IconButton/index.js";import d from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{LeftAlignmentIcon as I,CloseSmallIcon as j,CheckSmallIcon as h,RightIcon as f,LeftIcon as g}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as v,Fragment as C,jsx as b}from"react/jsx-runtime";var x=r((function(o){var n;return m({drawer:function(o){var n=o.openedDrawerWidth;return s({height:"100%",position:"relative",zIndex:0,width:n},"&.".concat("closed"),{width:"48px"})},drawerPaper:(n={position:"relative",width:"100%",borderRadius:function(o){return"left"===o.anchor?"0 8px 0 0":"8px 0 0 0"},backgroundColor:o.palette.background.b5},s(n,"&.".concat("closed"),{cursor:"pointer","&:hover":{backgroundColor:o.palette.background.b7,"& > $header":{backgroundColor:o.palette.background.b7}}}),s(n,"&.MuiDrawer-paperAnchorDockedLeft",{borderRight:"none"}),s(n,"&.MuiDrawer-paperAnchorDockedRight",{borderLeft:"none"}),n),header:s({cursor:"pointer",alignItems:"center",backgroundColor:o.palette.background.b5,borderBottom:"1px solid",borderBottomColor:"#ffffff14",display:"flex",fontSize:16,fontWeight:400,height:48,justifyContent:"center",left:0,letterSpacing:"1px",lineHeight:"22px",position:"absolute",right:0,textTransform:"capitalize",top:0},"&.".concat("open"),{padding:o.spacing(1.5),justifyContent:"flex-start"}),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(o){var n=o.anchor;return s({alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"},"&.".concat("open"),{justifyContent:"left"===n?"flex-end":"flex-start",paddingRight:6})},contentWrapper:{marginTop:48,height:"calc(100% - 96px)",overflowY:"auto"},content:{padding:"16px 12px",display:"flex",flexDirection:"column"},selectAllButton:{textTransform:"none",fontSize:"10px",lineHeight:"14px",letterSpacing:"0.4px","& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"12px !important"},"& .MuiButton-startIcon":{marginRight:4},"&:hover":{background:"transparent"}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer",paddingLeft:7,letterSpacing:1}})})),k=function(r){var m=r.classes,k=void 0===m?{}:m,O=r.anchor,A=void 0===O?"left":O,B=r.children,w=r.drawerPaperClassName,S=void 0===w?"":w,T=r.drawerClassName,F=void 0===T?"":T,P=r.expandedTooltipTitle,D=void 0===P?"Collapse":P,y=r.collapsedTooltipTitle,z=void 0===y?"Expand":y,M=r.header,N=r.headerIcon,R=r.headerTitleIcon,W=r.isOpen,L=void 0!==W&&W,E=r.openedDrawerWidth,G=r.setIsOpen,H=void 0===G?e:G,U=r.size,_=void 0===U?"medium":U,q=r.allOptionsButtonShown,K=void 0!==q&&q,Y=r.isAllOptionsSelected,Z=void 0!==Y&&Y,$=r.onAllOptionsClick,J=void 0===$?e:$,Q=n(!1),V=o(Q,2);V[0];var X=V[1],oo=i(null),so=x({anchor:A,openedDrawerWidth:null!=E?E:{small:235,medium:354,large:473}[_]});c((function(){if(oo.current){var o=oo.current,s=o.scrollHeight,n=o.clientHeight;X(s>n)}}));var no="left"===A?f:g;return v(p,{"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){L||H(!0)},className:t(so.drawer,!L&&"closed",F),variant:"permanent",classes:{paper:t(so.drawerPaper,S,!L&&"closed")},anchor:A,children:[v("div",{className:t(so.header,null==k?void 0:k.header,L&&"open"),onClick:function(){L&&H(!1)},children:[L&&v(C,{children:[R||b(I,{size:24}),b("div",{"data-testid":"".concat("AppSideBar","_header"),className:so.headerIconText,children:M}),K&&b(d,{className:so.selectAllButton,onClick:function(o){o.stopPropagation(),J(o)},startIcon:b(Z?j:h,{size:16}),children:Z?"Clear All":"Select All"})]}),!L&&N]}),b("div",{className:t(so.contentWrapper,null==k?void 0:k.contentWrapper),ref:oo,children:b("div",{className:t(so.content,null==k?void 0:k.content),children:L&&B})}),b(a,{className:t(so.openToggleContainer,null==k?void 0:k.openToggleContainer,s({},"open",L)),children:b(l,{title:L?D:z,placement:"bottom",children:b("div",{children:b(u,{"aria-label":"toggle sidebar",onClick:function(){H(!L)},children:b(no,{size:24,"data-testid":"".concat("AppSideBar","_arrowButton"),className:t(L&&so.openToggleIconOpen)})})})})})]})};export{k as default};
 //# sourceMappingURL=AppSideBar.js.map