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

package/cjs-bundle/components/DatePicker/index.js

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

package/cjs-bundle/components/DatePicker/index.js.map

@@ -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":"43JASA,IAAMA,EAAYC,EAAAA,YAAW,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,EAAA,QAAAT,EAAAU,GAEPC,EAASjC,IAEf,OACEkC,MAACC,EAAAA,mBAAkBC,EAAAA,EAAA,CACjBC,gBAAc,EACdC,QAAQ,SACRC,aAAcL,MAACM,eAAY,CAACC,KAAM,KAClCC,eAAgBR,MAACS,YAAS,CAACF,KAAM,KACjCG,cAAeV,MAACW,WAAQ,CAACJ,KAAM,KAC/BK,OAAQC,EAAYA,YACpBC,YAAaC,EAAM,UAAGH,OAAOC,eAC7BG,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,EAAU,QAACrB,EAAOd,MAAOS,aAAAA,EAAAA,EAAcF,YAC/CE,GAELF,UAAW4B,EAAU,QAACrB,EAAO9B,oBAAqBuB,KAGxD,EAEAL,EAAWkC,UAAY,CACrB3B,aAAc4B,EAAS,QAACC,MAAM,CAC5B/B,UAAW8B,EAAS,QAACE,SAEvBhC,UAAW8B,EAAS,QAACE,QAGvB,IAAM7B,EAAoC,CAAE"}
+{"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":"ylKASA,IAAMA,EAAYC,EAAAA,YAAW,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,EAAA,QAAAT,EAAAU,GAEPC,EAASjC,IAEf,OACEkC,MAACC,EAAAA,mBAAkBC,EAAAA,EAAA,CACjBC,gBAAc,EACdC,QAAQ,SACRC,aAAcL,MAACM,eAAY,CAACC,KAAM,KAClCC,eAAgBR,MAACS,YAAS,CAACF,KAAM,KACjCG,cAAeV,MAACW,WAAQ,CAACJ,KAAM,KAC/BK,OAAQC,EAAYA,YACpBC,YAAaC,EAAM,UAAGH,OAAOC,eAC7BG,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,EAAU,QAACrB,EAAOd,MAAOS,aAAAA,EAAAA,EAAcF,YAC/CE,GAELF,UAAW4B,EAAU,QAACrB,EAAO9B,oBAAqBuB,KAGxD,EAEAL,EAAWkC,UAAY,CACrB3B,aAAc4B,EAAS,QAACC,MAAM,CAC5B/B,UAAW8B,EAAS,QAACE,SAEvBhC,UAAW8B,EAAS,QAACE,QAGvB,IAAM7B,EAAoC,CAAE"}

package/cjs-bundle/components/DateTimePicker/index.js

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

package/cjs-bundle/components/DateTimePicker/index.js.map

@@ -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":"q4JASA,IAAMA,EAAYC,EAAAA,YAAW,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,EAAA,QAAAZ,EAAAa,GAEPC,EAASpC,IAEf,OACEqC,MAACC,EAAAA,uBAAsBC,EAAAA,EAAA,CACrBC,cAAeH,MAACI,eAAY,CAACC,KAAM,KACnCC,SAAUN,MAACO,WAAQ,CAACF,KAAM,KAC1BG,eAAgBR,MAACS,YAAS,CAACJ,KAAM,KACjCK,cAAeV,MAACW,WAAQ,CAACN,KAAM,KAC/BO,aAAcZ,MAACI,eAAY,CAACC,KAAM,KAClCX,OAAQA,EACRmB,OAAQ,gBACRC,YAAaC,EAAM,UAAGrB,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,EAAU,QAACpB,EAAOjC,oBAAqBuB,KAGxD,CAEAL,EAAeoC,UAAY,CACzB/B,UAAWgC,EAAS,QAACC,OACrB/B,aAAc8B,EAAS,QAACE,MAAM,CAC5BlC,UAAWgC,EAAS,QAACC,SAEvB5B,OAAQ2B,EAAS,QAACC,QAGpB,IAAM9B,EAAyC,CAAA,EACzCG,EAAkC6B,EAAgBA"}
+{"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":"kmKASA,IAAMA,EAAYC,EAAAA,YAAW,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,EAAA,QAAAZ,EAAAa,GAEPC,EAASpC,IAEf,OACEqC,MAACC,EAAAA,uBAAsBC,EAAAA,EAAA,CACrBC,cAAeH,MAACI,eAAY,CAACC,KAAM,KACnCC,SAAUN,MAACO,WAAQ,CAACF,KAAM,KAC1BG,eAAgBR,MAACS,YAAS,CAACJ,KAAM,KACjCK,cAAeV,MAACW,WAAQ,CAACN,KAAM,KAC/BO,aAAcZ,MAACI,eAAY,CAACC,KAAM,KAClCX,OAAQA,EACRmB,OAAQ,gBACRC,YAAaC,EAAM,UAAGrB,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,EAAU,QAACpB,EAAOjC,oBAAqBuB,KAGxD,CAEAL,EAAeoC,UAAY,CACzB/B,UAAWgC,EAAS,QAACC,OACrB/B,aAAc8B,EAAS,QAACE,MAAM,CAC5BlC,UAAWgC,EAAS,QAACC,SAEvB5B,OAAQ2B,EAAS,QAACC,QAGpB,IAAM9B,EAAyC,CAAA,EACzCG,EAAkC6B,EAAgBA"}

package/cjs-bundle/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("classnames"),o=require("@material-ui/core"),i=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var c=require("../AppSideBar/AppSideBar.js"),n=require("../../IconButton/index.js"),r=require("../AppSettingsPopover/AppSettingsPopover.js"),t=require("../../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var u=require("react/jsx-runtime"),a=require("../../../effects/useMatchAppContainerSize.js"),l=require("../../../utils/mobileDetect.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e),j=m(s);function d(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,i)}return o}function q(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?d(Object(o),!0).forEach((function(s){p.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var I=o.makeStyles({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}}),h=function(e){var s=o.useTheme(),c=a.useMatchAppContainerSize({width:{max:s.breakpoints.width("md")}}),r=I();return c?u.jsx(n,q(q({className:r.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},e),{},{children:u.jsx(i.CenterAlignmentIcon,{size:16})})):u.jsx(t,q(q({startIcon:u.jsx(i.CenterAlignmentIcon,{size:16})},e),{},{children:"Filters"}))};exports.AppFilterPanelLayout=function(e){var s=e.appSettingsPopoverProps,i=e.children,n=e.classes,t=void 0===n?{}:n,m=e.header,p=e.sideBarContent,d=e.sideBarProps,f=I(),g=o.useTheme(),v=a.useMatchAppContainerSize({width:{max:g.breakpoints.width("md")}}),b=l.isNativeDetected||l.isMobileDetected||v;return u.jsxs("div",{className:j.default(f.appLayout,t.appLayout),children:[b&&u.jsxs("div",{className:j.default(f.header,t.header),children:[u.jsx(r.AppSettingsPopover,q(q({Trigger:h,classes:{popoverContent:f.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},s),{},{children:p})),m]}),u.jsxs("div",{className:j.default(f.contentWrapper,t.contentWrapper),children:[!b&&u.jsx(c,q(q({},d),{},{anchor:"left",children:p})),!!i&&u.jsx("div",{className:j.default(f.content,t.content),children:i})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("classnames"),o=require("@material-ui/core"),i=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var c=require("../AppSideBar/AppSideBar.js"),n=require("../../IconButton/index.js"),r=require("../AppSettingsPopover/AppSettingsPopover.js"),t=require("../../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var u=require("react/jsx-runtime"),a=require("../../../effects/useMatchAppContainerSize.js"),l=require("../../../utils/mobileDetect.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var p=m(s),j=m(e);function d(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,i)}return o}function q(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?d(Object(o),!0).forEach((function(e){p.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var I=o.makeStyles({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}}),h=function(s){var e=o.useTheme(),c=a.useMatchAppContainerSize({width:{max:e.breakpoints.width("md")}}),r=I();return c?u.jsx(n,q(q({className:r.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},s),{},{children:u.jsx(i.CenterAlignmentIcon,{size:16})})):u.jsx(t,q(q({startIcon:u.jsx(i.CenterAlignmentIcon,{size:16})},s),{},{children:"Filters"}))};exports.AppFilterPanelLayout=function(s){var e=s.appSettingsPopoverProps,i=s.children,n=s.classes,t=void 0===n?{}:n,m=s.header,p=s.sideBarContent,d=s.sideBarProps,f=I(),g=o.useTheme(),v=a.useMatchAppContainerSize({width:{max:g.breakpoints.width("md")}}),b=l.isNativeDetected||l.isMobileDetected||v;return u.jsxs("div",{className:j.default(f.appLayout,t.appLayout),children:[b&&u.jsxs("div",{className:j.default(f.header,t.header),children:[u.jsx(r.AppSettingsPopover,q(q({Trigger:h,classes:{popoverContent:f.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},e),{},{children:p})),m]}),u.jsxs("div",{className:j.default(f.contentWrapper,t.contentWrapper),children:[!b&&u.jsx(c,q(q({},d),{},{anchor:"left",children:p})),!!i&&u.jsx("div",{className:j.default(f.content,t.content),children:i})]})]})};
 //# sourceMappingURL=AppFilterPanelLayout.js.map

package/cjs-bundle/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js.map

@@ -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","_ref","appSettingsPopoverProps","_ref$classes","classes","sideBarContent","sideBarProps","showFilterButton","isNativeDetected","isMobileDetected","_jsxs","classNames","jsxs","AppSettingsPopover","Trigger","anchorOrigin","vertical","horizontal","transformOrigin","AppSideBarComponent","anchor"],"mappings":"+7KAgBA,IAAMA,EAAYC,EAAAA,WAAW,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,EAAAA,WACRC,EAAeC,EAAAA,yBAAyB,CAC5CpB,MAAO,CAAEqB,IAAKJ,EAAMK,YAAYtB,MAAM,SAElCuB,EAAS5B,IAEf,OAAIwB,EAEAK,MAACC,EAAUC,EAAAA,EAAA,CACTC,UAAWJ,EAAOT,eAClBc,KAAK,QACLC,aAAc,CAAEC,MAAO,WAEvBC,QAAQ,aACJf,GAAK,GAAA,CAAAgB,SAETR,MAACS,sBAAmB,CAACL,KAAM,QAM/BJ,MAACU,EAAMR,EAAAA,EAAA,CAACS,UAAWX,MAACS,sBAAmB,CAACL,KAAM,MAAYZ,GAAK,GAAA,CAAAgB,SAAA,YAInE,+BAEmE,SAO7DI,GAAA,IANJC,IAAAA,wBACAL,IAAAA,SAAQM,EAAAF,EACRG,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EACZpC,IAAAA,OACAsC,IAAAA,eACAC,IAAAA,aAEMlB,EAAS5B,IACTsB,EAAQC,EAAAA,WAERC,EAAeC,EAAAA,yBAAyB,CAC5CpB,MAAO,CAAEqB,IAAKJ,EAAMK,YAAYtB,MAAM,SAElC0C,EAAmBC,EAAAA,kBAAoBC,EAAgBA,kBAAIzB,EAEjE,OACE0B,EAAAA,KAAA,MAAA,CAAKlB,UAAWmB,EAAAA,QAAWvB,EAAO1B,UAAW0C,EAAQ1C,WAAWmC,SAAA,CAC7DU,GACCG,EAAAE,KAAA,MAAA,CAAKpB,UAAWmB,EAAAA,QAAWvB,EAAOrB,OAAQqC,EAAQrC,QAAQ8B,SAAA,CACxDR,MAACwB,qBAAkBtB,EAAAA,EAAA,CACjBuB,QAASlC,EACTwB,QAAS,CAAE3B,eAAgBW,EAAOX,gBAClCV,OAAO,UACPgD,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,SAEVf,GAAuB,GAAA,CAAAL,SAE1BQ,KAEFtC,KAGL2C,EAAAE,KAAA,MAAA,CAAKpB,UAAWmB,EAAAA,QAAWvB,EAAOlB,eAAgBkC,EAAQlC,gBAAgB2B,SAAA,EACtEU,GACAlB,EAAAA,IAAC8B,SAAwBb,GAAY,GAAA,CAAEc,OAAO,OAAMvB,SACjDQ,OAGFR,GACDR,EAAAA,IAAA,MAAA,CAAKG,UAAWmB,EAAAA,QAAWvB,EAAOf,QAAS+B,EAAQ/B,SAASwB,SAAEA,SAKxE"}
+{"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","_ref","appSettingsPopoverProps","_ref$classes","classes","sideBarContent","sideBarProps","showFilterButton","isNativeDetected","isMobileDetected","_jsxs","classNames","jsxs","AppSettingsPopover","Trigger","anchorOrigin","vertical","horizontal","transformOrigin","AppSideBarComponent","anchor"],"mappings":"wqLAgBA,IAAMA,EAAYC,EAAAA,WAAW,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,EAAAA,WACRC,EAAeC,EAAAA,yBAAyB,CAC5CpB,MAAO,CAAEqB,IAAKJ,EAAMK,YAAYtB,MAAM,SAElCuB,EAAS5B,IAEf,OAAIwB,EAEAK,MAACC,EAAUC,EAAAA,EAAA,CACTC,UAAWJ,EAAOT,eAClBc,KAAK,QACLC,aAAc,CAAEC,MAAO,WAEvBC,QAAQ,aACJf,GAAK,GAAA,CAAAgB,SAETR,MAACS,sBAAmB,CAACL,KAAM,QAM/BJ,MAACU,EAAMR,EAAAA,EAAA,CAACS,UAAWX,MAACS,sBAAmB,CAACL,KAAM,MAAYZ,GAAK,GAAA,CAAAgB,SAAA,YAInE,+BAEmE,SAO7DI,GAAA,IANJC,IAAAA,wBACAL,IAAAA,SAAQM,EAAAF,EACRG,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EACZpC,IAAAA,OACAsC,IAAAA,eACAC,IAAAA,aAEMlB,EAAS5B,IACTsB,EAAQC,EAAAA,WAERC,EAAeC,EAAAA,yBAAyB,CAC5CpB,MAAO,CAAEqB,IAAKJ,EAAMK,YAAYtB,MAAM,SAElC0C,EAAmBC,EAAAA,kBAAoBC,EAAgBA,kBAAIzB,EAEjE,OACE0B,EAAAA,KAAA,MAAA,CAAKlB,UAAWmB,EAAAA,QAAWvB,EAAO1B,UAAW0C,EAAQ1C,WAAWmC,SAAA,CAC7DU,GACCG,EAAAE,KAAA,MAAA,CAAKpB,UAAWmB,EAAAA,QAAWvB,EAAOrB,OAAQqC,EAAQrC,QAAQ8B,SAAA,CACxDR,MAACwB,qBAAkBtB,EAAAA,EAAA,CACjBuB,QAASlC,EACTwB,QAAS,CAAE3B,eAAgBW,EAAOX,gBAClCV,OAAO,UACPgD,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,SAEVf,GAAuB,GAAA,CAAAL,SAE1BQ,KAEFtC,KAGL2C,EAAAE,KAAA,MAAA,CAAKpB,UAAWmB,EAAAA,QAAWvB,EAAOlB,eAAgBkC,EAAQlC,gBAAgB2B,SAAA,EACtEU,GACAlB,EAAAA,IAAC8B,SAAwBb,GAAY,GAAA,CAAEc,OAAO,OAAMvB,SACjDQ,OAGFR,GACDR,EAAAA,IAAA,MAAA,CAAKG,UAAWmB,EAAAA,QAAWvB,EAAOf,QAAS+B,EAAQ/B,SAASwB,SAAEA,SAKxE"}

package/cjs-bundle/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/slicedToArray"),s=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("classnames"),c=require("@material-ui/core"),r=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var t=require("../../../utils/mobileDetect.js"),u=require("../../IconButton/index.js"),l=require("../../Modal/Modal.js"),a=require("../../Button/components/Button/index.js");require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var d=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e),j=m(o),q=m(s),I=m(n),h=["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"],b=["popoverContent"];function g(e,o){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),s.push.apply(s,i)}return s}function v(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?g(Object(s),!0).forEach((function(o){p.default(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):g(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var f=t.isNativeDetected||t.isMobileDetected,C=c.makeStyles((function(e){return{popoverPaper:{position:"relative",marginTop:function(e){return e.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:function(e){var o=e.maxHeight;return o?o-24:"calc(100% - 24px)"},"&.scrollable":{height:function(e){return e.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(e.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(e.palette.background.b9,", ").concat(e.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"}}}));exports.AppSettingsPopover=function(e){var o=e.Trigger,s=void 0===o?null:o,n=e.children,m=e.classes,p=e.defaultScrollable,g=void 0!==p&&p,x=e.header,O=void 0===x?"Settings":x,P=e.iconSettingsProps,y=void 0===P?{}:P,S=e.maxHeight,k=void 0===S?null:S,A=e.modalActions,F=void 0===A?null:A,D=e.modalProps,w=void 0===D?{}:D,T=e.onClose,B=void 0===T?function(){}:T,M=q.default(e,h),z=i.useState(null),H=j.default(z,2),N=H[0],E=H[1],L=i.useState(!0),R=j.default(L,2),G=R[0],U=R[1],W=C({maxHeight:k,isScrollable:G,isNativeDetected:t.isNativeDetected}),Y=m||{},_=Y.popoverContent,K=q.default(Y,b),X=function(){E(null),B()},Z=Boolean(N),J=function(e){return E(e.currentTarget)},Q=F||d.jsx(a,{variation:"secondary",onClick:X,children:"CLOSE"});return d.jsxs(d.Fragment,{children:[s?d.jsx(s,{onClick:J,isActive:Z}):d.jsx(u,v(v({"data-testid":"chartSettingsButton",isActive:Z,onClick:J,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},y),{},{children:d.jsx(r.SettingTwoIcon,{size:(null==y?void 0:y.size)||16})})),!f&&d.jsxs(c.Popover,v(v({open:Z,anchorEl:N,onClose:X,anchorOrigin:{vertical:G?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},M),{},{classes:v(v({},K),{},{paper:I.default(W.popoverPaper,G&&"scrollable",null==K?void 0:K.paper)}),children:[d.jsxs("div",{className:I.default(W.popoverHeader,G&&"scrollable"),children:[d.jsx("div",{className:W.headerTitle,children:O}),d.jsx(u,{tooltipProps:{title:"Close"},onClick:X,children:d.jsx(r.CloseSmallIcon,{})})]}),d.jsx("div",{className:I.default(W.popoverContentContainer,G&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&!g&&U(!1)},children:d.jsx("div",{className:I.default(W.popoverContent,_),children:n})})]})),f&&d.jsx(l,v(v({actions:Q,onClose:X,open:Z,actionsClassName:W.modalActions,title:O},w),{},{children:n}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),s=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("classnames"),c=require("@material-ui/core"),r=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var t=require("../../../utils/mobileDetect.js"),u=require("../../IconButton/index.js"),l=require("../../Modal/Modal.js"),a=require("../../Button/components/Button/index.js");require("moment-timezone"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js");var d=require("react/jsx-runtime");function m(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var p=m(o),j=m(e),q=m(s),I=m(n),h=["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"],b=["popoverContent"];function g(o,e){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),s.push.apply(s,i)}return s}function v(o){for(var e=1;e<arguments.length;e++){var s=null!=arguments[e]?arguments[e]:{};e%2?g(Object(s),!0).forEach((function(e){p.default(o,e,s[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(s)):g(Object(s)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(s,e))}))}return o}var f=t.isNativeDetected||t.isMobileDetected,C=c.makeStyles((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 e=o.maxHeight;return e?e-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"}}}));exports.AppSettingsPopover=function(o){var e=o.Trigger,s=void 0===e?null:e,n=o.children,m=o.classes,p=o.defaultScrollable,g=void 0!==p&&p,x=o.header,O=void 0===x?"Settings":x,P=o.iconSettingsProps,y=void 0===P?{}:P,S=o.maxHeight,k=void 0===S?null:S,F=o.modalActions,A=void 0===F?null:F,D=o.modalProps,w=void 0===D?{}:D,T=o.onClose,B=void 0===T?function(){}:T,M=q.default(o,h),z=i.useState(null),H=j.default(z,2),N=H[0],E=H[1],L=i.useState(!0),R=j.default(L,2),G=R[0],U=R[1],W=C({maxHeight:k,isScrollable:G,isNativeDetected:t.isNativeDetected}),Y=m||{},_=Y.popoverContent,K=q.default(Y,b),X=function(){E(null),B()},Z=Boolean(N),J=function(o){return E(o.currentTarget)},Q=A||d.jsx(a,{variation:"secondary",onClick:X,children:"CLOSE"});return d.jsxs(d.Fragment,{children:[s?d.jsx(s,{onClick:J,isActive:Z}):d.jsx(u,v(v({"data-testid":"chartSettingsButton",isActive:Z,onClick:J,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},y),{},{children:d.jsx(r.SettingTwoIcon,{size:(null==y?void 0:y.size)||16})})),!f&&d.jsxs(c.Popover,v(v({open:Z,anchorEl:N,onClose:X,anchorOrigin:{vertical:G?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},M),{},{classes:v(v({},K),{},{paper:I.default(W.popoverPaper,G&&"scrollable",null==K?void 0:K.paper)}),children:[d.jsxs("div",{className:I.default(W.popoverHeader,G&&"scrollable"),children:[d.jsx("div",{className:W.headerTitle,children:O}),d.jsx(u,{tooltipProps:{title:"Close"},onClick:X,children:d.jsx(r.CloseSmallIcon,{})})]}),d.jsx("div",{className:I.default(W.popoverContentContainer,G&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!g&&U(!1)},children:d.jsx("div",{className:I.default(W.popoverContent,_),children:n})})]})),f&&d.jsx(l,v(v({actions:Q,onClose:X,open:Z,actionsClassName:W.modalActions,title:O},w),{},{children:n}))]})};
 //# sourceMappingURL=AppSettingsPopover.js.map

package/cjs-bundle/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js.map

@@ -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","_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","jsxs","className","jsx","CloseSmallIcon","ref","containerEl","scrollHeight","clientHeight","Modal","actionsClassName"],"mappings":"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"}
+{"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","_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","jsxs","className","jsx","CloseSmallIcon","ref","containerEl","scrollHeight","clientHeight","Modal","actionsClassName"],"mappings":"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"}

package/cjs-bundle/components/DevCenter/AppSideBar/AppSideBar.js

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

package/cjs-bundle/components/DevCenter/AppSideBar/AppSideBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSideBar.js","sources":["../../../../../src/components/DevCenter/AppSideBar/AppSideBar.tsx"],"sourcesContent":["import { FC, ReactNode, useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { Box, createStyles, Drawer, makeStyles, Tooltip } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\nimport { CheckSmallIcon, CloseSmallIcon, LeftAlignmentIcon, LeftIcon, RightIcon } from '~/icons';\n\nconst PAGE_NAME = 'AppSideBar';\n\nconst OPEN_CLASSNAME = 'open';\nconst CLOSED_CLASSNAME = 'closed';\n\ntype Anchor = 'left' | 'right';\ntype makeStylesProps = { openedDrawerWidth: string | number; anchor: Anchor };\n\nexport type AppSideBarProps = {\n  classes?: {\n    contentWrapper?: string;\n    content?: string;\n    header?: string;\n    openToggleContainer?: string;\n  };\n  anchor?: Anchor;\n  children: ReactNode;\n  drawerPaperClassName?: string;\n  drawerClassName?: string;\n  expandedTooltipTitle?: string;\n  collapsedTooltipTitle?: string;\n  header?: ReactNode;\n  headerIcon?: ReactNode;\n  headerTitleIcon?: ReactNode;\n  isOpen?: boolean;\n  openedDrawerWidth?: string | number;\n  setIsOpen?: (isOpen: boolean) => void;\n  size?: 'small' | 'medium' | 'large';\n  allOptionsButtonShown?: boolean;\n  isAllOptionsSelected?: boolean;\n  onAllOptionsClick?: (e: React.MouseEvent) => void;\n};\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    drawer: ({ openedDrawerWidth }: makeStylesProps) => ({\n      height: '100%',\n      position: 'relative',\n      zIndex: 0,\n      width: openedDrawerWidth,\n      [`&.${CLOSED_CLASSNAME}`]: {\n        width: '48px',\n      },\n    }),\n    drawerPaper: {\n      position: 'relative',\n      width: '100%',\n      borderRadius: ({ anchor }) => (anchor === 'left' ? '0 8px 0 0' : '8px 0 0 0'),\n      backgroundColor: theme.palette.background.b5,\n      [`&.${CLOSED_CLASSNAME}`]: {\n        cursor: 'pointer',\n        '&:hover': {\n          backgroundColor: theme.palette.background.b7,\n          '& > $header': {\n            backgroundColor: theme.palette.background.b7,\n          },\n        },\n      },\n      '&.MuiDrawer-paperAnchorDockedLeft': {\n        borderRight: 'none',\n      },\n      '&.MuiDrawer-paperAnchorDockedRight': {\n        borderLeft: 'none',\n      },\n    },\n    header: {\n      cursor: 'pointer',\n      alignItems: 'center',\n      backgroundColor: theme.palette.background.b5,\n      borderBottom: '1px solid',\n      borderBottomColor: '#ffffff14',\n      display: 'flex',\n      fontSize: 16,\n      fontWeight: 400,\n      height: 48,\n      justifyContent: 'center',\n      left: 0,\n      letterSpacing: '1px',\n      lineHeight: '22px',\n      position: 'absolute',\n      right: 0,\n      textTransform: 'capitalize',\n      top: 0,\n      [`&.${OPEN_CLASSNAME}`]: {\n        padding: theme.spacing(1.5),\n        justifyContent: 'flex-start',\n      },\n    },\n    openToggleIconOpen: {\n      transform: 'rotate(180deg)',\n    },\n    openToggleContainer: ({ anchor }: makeStylesProps) => ({\n      alignItems: 'center',\n      bottom: 0,\n      display: 'flex',\n      flex: '0 0',\n      height: 48,\n      justifyContent: 'center',\n      padding: 6,\n      position: 'absolute',\n      width: '100%',\n      [`&.${OPEN_CLASSNAME}`]: {\n        justifyContent: anchor === 'left' ? 'flex-end' : 'flex-start',\n        paddingRight: 6,\n      },\n    }),\n    contentWrapper: {\n      marginTop: 48,\n      height: 'calc(100% - 96px)', // NOTE: 48px - height of header\n      overflowY: 'auto',\n    },\n    content: {\n      padding: '16px 12px',\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    selectAllButton: {\n      textTransform: 'none',\n      fontSize: '10px',\n      lineHeight: '14px',\n      letterSpacing: '0.4px',\n\n      '& .MuiButton-iconSizeMedium > *:first-child': {\n        fontSize: '12px !important',\n      },\n      '& .MuiButton-startIcon': {\n        marginRight: 4,\n      },\n      '&:hover': {\n        background: 'transparent',\n      },\n    },\n    headerIcon: {\n      cursor: 'pointer',\n    },\n    headerIconText: {\n      cursor: 'pointer',\n      paddingLeft: 7,\n      letterSpacing: 1,\n    },\n  })\n);\n\nconst AppSideBar: FC<AppSideBarProps> = ({\n  classes = {},\n  anchor = 'left',\n  children,\n  drawerPaperClassName = '',\n  drawerClassName = '',\n  expandedTooltipTitle = 'Collapse',\n  collapsedTooltipTitle = 'Expand',\n  header,\n  headerIcon,\n  headerTitleIcon,\n  isOpen = false,\n  openedDrawerWidth,\n  setIsOpen = noop,\n  size = 'medium',\n  allOptionsButtonShown = false,\n  isAllOptionsSelected = false,\n  onAllOptionsClick = noop,\n}) => {\n  const [_isScrollable, setIsScrollable] = useState(false);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const styles = useStyles({\n    anchor,\n    openedDrawerWidth: openedDrawerWidth ?? { small: 235, medium: 354, large: 473 }[size],\n  });\n\n  useEffect(() => {\n    if (!contentRef.current) return;\n    const { scrollHeight, clientHeight } = contentRef.current;\n    setIsScrollable(scrollHeight > clientHeight);\n  });\n\n  const toggleIsOpen = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const onSidebarClick = () => {\n    if (!isOpen) {\n      setIsOpen(true);\n    }\n  };\n\n  const onHeaderClick = () => {\n    if (isOpen) {\n      setIsOpen(false);\n    }\n  };\n\n  const allOptionsClickHandler = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onAllOptionsClick(e);\n  };\n\n  const ChevronIcon = anchor === 'left' ? RightIcon : LeftIcon;\n\n  return (\n    <Drawer\n      data-testid={`${PAGE_NAME}_Drawer`}\n      onClick={onSidebarClick}\n      className={classnames(styles.drawer, !isOpen && CLOSED_CLASSNAME, drawerClassName)}\n      variant=\"permanent\"\n      classes={{\n        paper: classnames(styles.drawerPaper, drawerPaperClassName, !isOpen && CLOSED_CLASSNAME),\n      }}\n      anchor={anchor as Anchor}\n    >\n      <div\n        className={classnames(styles.header, classes?.header, isOpen && OPEN_CLASSNAME)}\n        onClick={onHeaderClick}\n      >\n        {isOpen && (\n          <>\n            {headerTitleIcon || <LeftAlignmentIcon size={24} />}\n            <div data-testid={`${PAGE_NAME}_header`} className={styles.headerIconText}>\n              {header}\n            </div>\n            {allOptionsButtonShown && (\n              <Button\n                className={styles.selectAllButton}\n                onClick={allOptionsClickHandler}\n                startIcon={\n                  isAllOptionsSelected ? <CloseSmallIcon size={16} /> : <CheckSmallIcon size={16} />\n                }\n              >\n                {isAllOptionsSelected ? 'Clear All' : 'Select All'}\n              </Button>\n            )}\n          </>\n        )}\n        {!isOpen && headerIcon}\n      </div>\n      <div className={classnames(styles.contentWrapper, classes?.contentWrapper)} ref={contentRef}>\n        <div className={classnames(styles.content, classes?.content)}>{isOpen && children}</div>\n      </div>\n      <Box\n        className={classnames(styles.openToggleContainer, classes?.openToggleContainer, {\n          [OPEN_CLASSNAME]: isOpen,\n        })}\n      >\n        <Tooltip title={isOpen ? expandedTooltipTitle : collapsedTooltipTitle} placement=\"bottom\">\n          <div>\n            <IconButton aria-label=\"toggle sidebar\" onClick={toggleIsOpen}>\n              <ChevronIcon\n                size={24}\n                data-testid={`${PAGE_NAME}_arrowButton`}\n                className={classnames(isOpen && styles.openToggleIconOpen)}\n              />\n            </IconButton>\n          </div>\n        </Tooltip>\n      </Box>\n    </Drawer>\n  );\n};\n\nexport default AppSideBar;\n"],"names":["useStyles","makeStyles","theme","_drawerPaper","createStyles","drawer","_ref","openedDrawerWidth","_defineProperty","height","position","zIndex","width","concat","drawerPaper","borderRadius","_ref3","anchor","backgroundColor","palette","background","b5","cursor","b7","borderRight","borderLeft","header","alignItems","borderBottom","borderBottomColor","display","fontSize","fontWeight","justifyContent","left","letterSpacing","lineHeight","right","textTransform","top","padding","spacing","openToggleIconOpen","transform","openToggleContainer","_ref4","bottom","flex","paddingRight","contentWrapper","marginTop","overflowY","content","flexDirection","selectAllButton","marginRight","headerIcon","headerIconText","paddingLeft","_ref6","_ref6$classes","classes","_ref6$anchor","children","_ref6$drawerPaperClas","drawerPaperClassName","_ref6$drawerClassName","drawerClassName","_ref6$expandedTooltip","expandedTooltipTitle","_ref6$collapsedToolti","collapsedTooltipTitle","headerTitleIcon","_ref6$isOpen","isOpen","_ref6$setIsOpen","setIsOpen","noop","_ref6$size","size","_ref6$allOptionsButto","allOptionsButtonShown","_ref6$isAllOptionsSel","isAllOptionsSelected","_ref6$onAllOptionsCli","onAllOptionsClick","useState","_useState2","_slicedToArray","_useState","setIsScrollable","contentRef","useRef","styles","small","medium","large","useEffect","current","scrollHeight","clientHeight","ChevronIcon","RightIcon","LeftIcon","_jsxs","Drawer","onClick","className","classnames","variant","paper","jsxs","_Fragment","_jsx","jsx","LeftAlignmentIcon","Button","e","stopPropagation","startIcon","CloseSmallIcon","CheckSmallIcon","ref","Box","Tooltip","title","placement","IconButton"],"mappings":"wsJA0CMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,IAAAC,EAAA,OAChCC,eAAa,CACXC,OAAQ,SAAAC,GAAA,IAAGC,IAAAA,kBAAiB,OAAAC,UAAA,CAC1BC,OAAQ,OACRC,SAAU,WACVC,OAAQ,EACRC,MAAOL,GAAiB,KAAAM,OApCL,UAqCQ,CACzBD,MAAO,QAET,EACFE,aAAWX,EAAA,CACTO,SAAU,WACVE,MAAO,OACPG,aAAc,SAAAC,GAAS,MAAmB,WAAzBC,OAAkC,YAAc,WAAY,EAC7EC,gBAAiBhB,EAAMiB,QAAQC,WAAWC,IAAEb,EAAA,QAAAL,EAAA,KAAAU,OA7CzB,UA8CQ,CACzBS,OAAQ,UACR,UAAW,CACTJ,gBAAiBhB,EAAMiB,QAAQC,WAAWG,GAC1C,cAAe,CACbL,gBAAiBhB,EAAMiB,QAAQC,WAAWG,OAG/Cf,EAAAA,QAAAL,EACD,oCAAqC,CACnCqB,YAAa,SACdhB,EAAAA,QAAAL,EACD,qCAAsC,CACpCsB,WAAY,SAEftB,GACDuB,OAAMlB,EAAAA,QAAA,CACJc,OAAQ,UACRK,WAAY,SACZT,gBAAiBhB,EAAMiB,QAAQC,WAAWC,GAC1CO,aAAc,YACdC,kBAAmB,YACnBC,QAAS,OACTC,SAAU,GACVC,WAAY,IACZvB,OAAQ,GACRwB,eAAgB,SAChBC,KAAM,EACNC,cAAe,MACfC,WAAY,OACZ1B,SAAU,WACV2B,MAAO,EACPC,cAAe,aACfC,IAAK,GAAC,KAAA1B,OAhFW,QAiFQ,CACvB2B,QAAStC,EAAMuC,QAAQ,KACvBR,eAAgB,eAGpBS,mBAAoB,CAClBC,UAAW,kBAEbC,oBAAqB,SAAAC,GAAA,IAAG5B,IAAAA,OAAM,OAAAT,UAAA,CAC5BmB,WAAY,SACZmB,OAAQ,EACRhB,QAAS,OACTiB,KAAM,MACNtC,OAAQ,GACRwB,eAAgB,SAChBO,QAAS,EACT9B,SAAU,WACVE,MAAO,QAAM,KAAAC,OAlGI,QAmGQ,CACvBoB,eAA2B,SAAXhB,EAAoB,WAAa,aACjD+B,aAAc,GAEhB,EACFC,eAAgB,CACdC,UAAW,GACXzC,OAAQ,oBACR0C,UAAW,QAEbC,QAAS,CACPZ,QAAS,YACTV,QAAS,OACTuB,cAAe,UAEjBC,gBAAiB,CACfhB,cAAe,OACfP,SAAU,OACVK,WAAY,OACZD,cAAe,QAEf,8CAA+C,CAC7CJ,SAAU,mBAEZ,yBAA0B,CACxBwB,YAAa,GAEf,UAAW,CACTnC,WAAY,gBAGhBoC,WAAY,CACVlC,OAAQ,WAEVmC,eAAgB,CACdnC,OAAQ,UACRoC,YAAa,EACbvB,cAAe,IAEjB,mBAGoC,SAkBlCwB,GAAA,IAAAC,EAAAD,EAjBJE,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAH,EACZ1C,OAAAA,aAAS,OAAM6C,EACfC,IAAAA,SAAQC,EAAAL,EACRM,qBAAAA,aAAuB,GAAED,EAAAE,EAAAP,EACzBQ,gBAAAA,aAAkB,GAAED,EAAAE,EAAAT,EACpBU,qBAAAA,aAAuB,WAAUD,EAAAE,EAAAX,EACjCY,sBAAAA,aAAwB,SAAQD,EAChC5C,IAAAA,OACA8B,IAAAA,WACAgB,IAAAA,gBAAeC,EAAAd,EACfe,OAAAA,cAAcD,EACdlE,IAAAA,kBAAiBoE,EAAAhB,EACjBiB,UAAAA,aAAYC,EAAIA,KAAAF,EAAAG,EAAAnB,EAChBoB,KAAAA,aAAO,SAAQD,EAAAE,EAAArB,EACfsB,sBAAAA,cAA6BD,EAAAE,EAAAvB,EAC7BwB,qBAAAA,cAA4BD,EAAAE,EAAAzB,EAC5B0B,kBAAAA,aAAoBR,EAAAA,KAAIO,EAEiBE,EAAAA,YAAS,GAAMC,EAAAC,EAAA,QAAAC,EAAA,GAApCF,EAAA,OAAEG,EAAeH,EAAA,GAC/BI,EAAaC,SAAuB,MAEpCC,EAAS7F,EAAU,CACvBiB,OAAAA,EACAV,kBAAmBA,QAAAA,EAAqB,CAAEuF,MAAO,IAAKC,OAAQ,IAAKC,MAAO,KAAMjB,KAGlFkB,EAAAA,WAAU,WACR,GAAKN,EAAWO,QAAhB,CACA,IAAuCP,EAAAA,EAAWO,QAA1CC,IAAAA,aAAcC,IAAAA,aACtBV,EAAgBS,EAAeC,EAFN,CAG3B,IAEA,IAqBMC,EAAyB,SAAXpF,EAAoBqF,EAAAA,UAAYC,EAAAA,SAEpD,OACEC,EAAAA,KAACC,EAAAA,OAAM,CACL,cAAA,GAAA5F,OAzMY,aAyMuB,WACnC6F,QAtBmB,WAChBhC,GACHE,GAAU,IAqBV+B,UAAWC,EAAU,QAACf,EAAOxF,QAASqE,GAxMnB,SAwM+CP,GAClE0C,QAAQ,YACRhD,QAAS,CACPiD,MAAOF,EAAU,QAACf,EAAO/E,YAAamD,GAAuBS,GA3M5C,WA6MnBzD,OAAQA,EAAiB8C,SAEzB,CAAAyC,EAAAO,KAAA,MAAA,CACEJ,UAAWC,EAAAA,QAAWf,EAAOnE,OAAQmC,aAAO,EAAPA,EAASnC,OAAQgD,GAjNvC,QAkNfgC,QA1BgB,WAChBhC,GACFE,GAAU,IAwBeb,SAAA,CAEtBW,GACC8B,EAAAO,KAAAC,WAAA,CAAAjD,SACGS,CAAAA,GAAmByC,EAAAC,IAACC,oBAAiB,CAACpC,KAAM,KAC7CkC,EAAAC,IAAA,MAAA,CAAK,cAAA,GAAArG,OAzNC,aAyNkC,WAAC8F,UAAWd,EAAOpC,eAAeM,SACvErC,IAEFuD,GACCgC,EAAAC,IAACE,EAAM,CACLT,UAAWd,EAAOvC,gBAClBoD,QA/BiB,SAACW,GAC9BA,EAAEC,kBACFjC,EAAkBgC,IA8BNE,UACEpC,EAAuB8B,EAAAC,IAACM,iBAAc,CAACzC,KAAM,KAASkC,MAACQ,iBAAc,CAAC1C,KAAM,KAC7EhB,SAEAoB,EAAuB,YAAc,mBAK5CT,GAAUlB,KAEdyD,EAAAC,IAAA,MAAA,CAAKP,UAAWC,EAAU,QAACf,EAAO5C,eAAgBY,aAAO,EAAPA,EAASZ,gBAAiByE,IAAK/B,EAAW5B,SAC1FkD,EAAAC,IAAA,MAAA,CAAKP,UAAWC,EAAU,QAACf,EAAOzC,QAASS,aAAO,EAAPA,EAAST,SAASW,SAAEW,GAAUX,MAE3EkD,MAACU,MAAG,CACFhB,UAAWC,EAAU,QAACf,EAAOjD,oBAAqBiB,aAAO,EAAPA,EAASjB,iCA7O5C,OA8OK8B,IACjBX,SAEHkD,MAACW,UAAO,CAACC,MAAOnD,EAASL,EAAuBE,EAAuBuD,UAAU,SAAQ/D,SACvFkD,EAAAC,IAAA,MAAA,CAAAnD,SACEkD,MAACc,EAAU,CAAC,aAAW,iBAAiBrB,QArE7B,WACnB9B,GAAWF,IAoE2DX,SAC5DkD,MAACZ,EAAW,CACVtB,KAAM,GACN,cAAA,GAAAlE,OAxPE,aAwPsC,gBACxC8F,UAAWC,EAAU,QAAClC,GAAUmB,EAAOnD,gCAQvD"}
+{"version":3,"file":"AppSideBar.js","sources":["../../../../../src/components/DevCenter/AppSideBar/AppSideBar.tsx"],"sourcesContent":["import { FC, ReactNode, useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { Box, createStyles, Drawer, makeStyles, Tooltip } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\nimport { CheckSmallIcon, CloseSmallIcon, LeftAlignmentIcon, LeftIcon, RightIcon } from '~/icons';\n\nconst PAGE_NAME = 'AppSideBar';\n\nconst OPEN_CLASSNAME = 'open';\nconst CLOSED_CLASSNAME = 'closed';\n\ntype Anchor = 'left' | 'right';\ntype makeStylesProps = { openedDrawerWidth: string | number; anchor: Anchor };\n\nexport type AppSideBarProps = {\n  classes?: {\n    contentWrapper?: string;\n    content?: string;\n    header?: string;\n    openToggleContainer?: string;\n  };\n  anchor?: Anchor;\n  children: ReactNode;\n  drawerPaperClassName?: string;\n  drawerClassName?: string;\n  expandedTooltipTitle?: string;\n  collapsedTooltipTitle?: string;\n  header?: ReactNode;\n  headerIcon?: ReactNode;\n  headerTitleIcon?: ReactNode;\n  isOpen?: boolean;\n  openedDrawerWidth?: string | number;\n  setIsOpen?: (isOpen: boolean) => void;\n  size?: 'small' | 'medium' | 'large';\n  allOptionsButtonShown?: boolean;\n  isAllOptionsSelected?: boolean;\n  onAllOptionsClick?: (e: React.MouseEvent) => void;\n};\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    drawer: ({ openedDrawerWidth }: makeStylesProps) => ({\n      height: '100%',\n      position: 'relative',\n      zIndex: 0,\n      width: openedDrawerWidth,\n      [`&.${CLOSED_CLASSNAME}`]: {\n        width: '48px',\n      },\n    }),\n    drawerPaper: {\n      position: 'relative',\n      width: '100%',\n      borderRadius: ({ anchor }) => (anchor === 'left' ? '0 8px 0 0' : '8px 0 0 0'),\n      backgroundColor: theme.palette.background.b5,\n      [`&.${CLOSED_CLASSNAME}`]: {\n        cursor: 'pointer',\n        '&:hover': {\n          backgroundColor: theme.palette.background.b7,\n          '& > $header': {\n            backgroundColor: theme.palette.background.b7,\n          },\n        },\n      },\n      '&.MuiDrawer-paperAnchorDockedLeft': {\n        borderRight: 'none',\n      },\n      '&.MuiDrawer-paperAnchorDockedRight': {\n        borderLeft: 'none',\n      },\n    },\n    header: {\n      cursor: 'pointer',\n      alignItems: 'center',\n      backgroundColor: theme.palette.background.b5,\n      borderBottom: '1px solid',\n      borderBottomColor: '#ffffff14',\n      display: 'flex',\n      fontSize: 16,\n      fontWeight: 400,\n      height: 48,\n      justifyContent: 'center',\n      left: 0,\n      letterSpacing: '1px',\n      lineHeight: '22px',\n      position: 'absolute',\n      right: 0,\n      textTransform: 'capitalize',\n      top: 0,\n      [`&.${OPEN_CLASSNAME}`]: {\n        padding: theme.spacing(1.5),\n        justifyContent: 'flex-start',\n      },\n    },\n    openToggleIconOpen: {\n      transform: 'rotate(180deg)',\n    },\n    openToggleContainer: ({ anchor }: makeStylesProps) => ({\n      alignItems: 'center',\n      bottom: 0,\n      display: 'flex',\n      flex: '0 0',\n      height: 48,\n      justifyContent: 'center',\n      padding: 6,\n      position: 'absolute',\n      width: '100%',\n      [`&.${OPEN_CLASSNAME}`]: {\n        justifyContent: anchor === 'left' ? 'flex-end' : 'flex-start',\n        paddingRight: 6,\n      },\n    }),\n    contentWrapper: {\n      marginTop: 48,\n      height: 'calc(100% - 96px)', // NOTE: 48px - height of header\n      overflowY: 'auto',\n    },\n    content: {\n      padding: '16px 12px',\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    selectAllButton: {\n      textTransform: 'none',\n      fontSize: '10px',\n      lineHeight: '14px',\n      letterSpacing: '0.4px',\n\n      '& .MuiButton-iconSizeMedium > *:first-child': {\n        fontSize: '12px !important',\n      },\n      '& .MuiButton-startIcon': {\n        marginRight: 4,\n      },\n      '&:hover': {\n        background: 'transparent',\n      },\n    },\n    headerIcon: {\n      cursor: 'pointer',\n    },\n    headerIconText: {\n      cursor: 'pointer',\n      paddingLeft: 7,\n      letterSpacing: 1,\n    },\n  })\n);\n\nconst AppSideBar: FC<AppSideBarProps> = ({\n  classes = {},\n  anchor = 'left',\n  children,\n  drawerPaperClassName = '',\n  drawerClassName = '',\n  expandedTooltipTitle = 'Collapse',\n  collapsedTooltipTitle = 'Expand',\n  header,\n  headerIcon,\n  headerTitleIcon,\n  isOpen = false,\n  openedDrawerWidth,\n  setIsOpen = noop,\n  size = 'medium',\n  allOptionsButtonShown = false,\n  isAllOptionsSelected = false,\n  onAllOptionsClick = noop,\n}) => {\n  const [_isScrollable, setIsScrollable] = useState(false);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const styles = useStyles({\n    anchor,\n    openedDrawerWidth: openedDrawerWidth ?? { small: 235, medium: 354, large: 473 }[size],\n  });\n\n  useEffect(() => {\n    if (!contentRef.current) return;\n    const { scrollHeight, clientHeight } = contentRef.current;\n    setIsScrollable(scrollHeight > clientHeight);\n  });\n\n  const toggleIsOpen = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const onSidebarClick = () => {\n    if (!isOpen) {\n      setIsOpen(true);\n    }\n  };\n\n  const onHeaderClick = () => {\n    if (isOpen) {\n      setIsOpen(false);\n    }\n  };\n\n  const allOptionsClickHandler = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onAllOptionsClick(e);\n  };\n\n  const ChevronIcon = anchor === 'left' ? RightIcon : LeftIcon;\n\n  return (\n    <Drawer\n      data-testid={`${PAGE_NAME}_Drawer`}\n      onClick={onSidebarClick}\n      className={classnames(styles.drawer, !isOpen && CLOSED_CLASSNAME, drawerClassName)}\n      variant=\"permanent\"\n      classes={{\n        paper: classnames(styles.drawerPaper, drawerPaperClassName, !isOpen && CLOSED_CLASSNAME),\n      }}\n      anchor={anchor as Anchor}\n    >\n      <div\n        className={classnames(styles.header, classes?.header, isOpen && OPEN_CLASSNAME)}\n        onClick={onHeaderClick}\n      >\n        {isOpen && (\n          <>\n            {headerTitleIcon || <LeftAlignmentIcon size={24} />}\n            <div data-testid={`${PAGE_NAME}_header`} className={styles.headerIconText}>\n              {header}\n            </div>\n            {allOptionsButtonShown && (\n              <Button\n                className={styles.selectAllButton}\n                onClick={allOptionsClickHandler}\n                startIcon={\n                  isAllOptionsSelected ? <CloseSmallIcon size={16} /> : <CheckSmallIcon size={16} />\n                }\n              >\n                {isAllOptionsSelected ? 'Clear All' : 'Select All'}\n              </Button>\n            )}\n          </>\n        )}\n        {!isOpen && headerIcon}\n      </div>\n      <div className={classnames(styles.contentWrapper, classes?.contentWrapper)} ref={contentRef}>\n        <div className={classnames(styles.content, classes?.content)}>{isOpen && children}</div>\n      </div>\n      <Box\n        className={classnames(styles.openToggleContainer, classes?.openToggleContainer, {\n          [OPEN_CLASSNAME]: isOpen,\n        })}\n      >\n        <Tooltip title={isOpen ? expandedTooltipTitle : collapsedTooltipTitle} placement=\"bottom\">\n          <div>\n            <IconButton aria-label=\"toggle sidebar\" onClick={toggleIsOpen}>\n              <ChevronIcon\n                size={24}\n                data-testid={`${PAGE_NAME}_arrowButton`}\n                className={classnames(isOpen && styles.openToggleIconOpen)}\n              />\n            </IconButton>\n          </div>\n        </Tooltip>\n      </Box>\n    </Drawer>\n  );\n};\n\nexport default AppSideBar;\n"],"names":["useStyles","makeStyles","theme","_drawerPaper","createStyles","drawer","_ref","openedDrawerWidth","_defineProperty","height","position","zIndex","width","concat","drawerPaper","borderRadius","_ref3","anchor","backgroundColor","palette","background","b5","cursor","b7","borderRight","borderLeft","header","alignItems","borderBottom","borderBottomColor","display","fontSize","fontWeight","justifyContent","left","letterSpacing","lineHeight","right","textTransform","top","padding","spacing","openToggleIconOpen","transform","openToggleContainer","_ref4","bottom","flex","paddingRight","contentWrapper","marginTop","overflowY","content","flexDirection","selectAllButton","marginRight","headerIcon","headerIconText","paddingLeft","_ref6","_ref6$classes","classes","_ref6$anchor","children","_ref6$drawerPaperClas","drawerPaperClassName","_ref6$drawerClassName","drawerClassName","_ref6$expandedTooltip","expandedTooltipTitle","_ref6$collapsedToolti","collapsedTooltipTitle","headerTitleIcon","_ref6$isOpen","isOpen","_ref6$setIsOpen","setIsOpen","noop","_ref6$size","size","_ref6$allOptionsButto","allOptionsButtonShown","_ref6$isAllOptionsSel","isAllOptionsSelected","_ref6$onAllOptionsCli","onAllOptionsClick","useState","_useState2","_slicedToArray","_useState","setIsScrollable","contentRef","useRef","styles","small","medium","large","useEffect","current","scrollHeight","clientHeight","ChevronIcon","RightIcon","LeftIcon","_jsxs","Drawer","onClick","className","classnames","variant","paper","jsxs","_Fragment","_jsx","jsx","LeftAlignmentIcon","Button","e","stopPropagation","startIcon","CloseSmallIcon","CheckSmallIcon","ref","Box","Tooltip","title","placement","IconButton"],"mappings":"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"}