@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSettingsPopover.js","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"sourcesContent":["import { 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; 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: any) => void; isActive: boolean }) => JSX.Element;\n  open?: boolean;\n  defaultScrollable?: boolean;\n  header?: ReactNode;\n  iconSettingsProps?: Omit<IconButtonProps, 'children'>;\n  maxHeight?: number;\n  modalActions?: ReactNode;\n  modalProps?: {};\n  onClose?: () => void;\n};\n\nexport function AppSettingsPopover({\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}: AppSettingsPopoverProps): JSX.Element {\n  const [anchorEl, setAnchorEl] = useState(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 => {\n    if (containerEl) {\n      if (containerEl.scrollHeight <= containerEl.clientHeight && !defaultScrollable)\n        setIsScrollable(false);\n    }\n  };\n\n  const handleTriggerClick = event => 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","isScrollable","minWidth","width","overflowY","backgroundColor","palette","background","b9","maxHeight","height","content","left","bottom","zIndex","popoverHeader","display","justifyContent","alignItems","padding","right","headerTitle","fontSize","popoverContentContainer","paddingTop","overflowX","popoverContent","modalActions","AppSettingsPopover","Trigger","children","classes","defaultScrollable","header","iconSettingsProps","modalProps","onClose","popoverProps","useState","anchorEl","setAnchorEl","setIsScrollable","styles","popoverContentClassName","popoverClasses","handleClose","isOpen","Boolean","handleContainerRef","containerEl","scrollHeight","clientHeight","handleTriggerClick","event","currentTarget","actions","_jsx","_jsxs","_Fragment","title","size","vertical","horizontal","paper","classNames"],"mappings":"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"}

package/components/DevCenter/AppSideBar/AppSideBar.js

@@ -1 +1,315 @@
-import{jsxs as o,Fragment as e,jsx as n}from"react/jsx-runtime";import{useState as t,useRef as i,useEffect as r}from"react";import s from"prop-types";import c from"classnames";import{noop as a}from"lodash";import{makeStyles as l,createStyles as p,Drawer as d,Box as m,Tooltip as u}from"@material-ui/core";import h from"../../IconButton/index.js";import f from"../../Button/components/Button/index.js";import"moment-timezone";import{LeftAlignmentIcon as g,CloseSmallIcon as I,CheckSmallIcon as x,RightIcon as C,LeftIcon as j}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/Gap.js";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";var b=l((function(o){var e,n;return p({drawer:function(o){var e;return(e={height:"100%",position:"relative",width:o.openedDrawerWidth})["&.".concat("closed")]={width:"48px"},e},drawerPaper:(e={position:"relative",width:"100%",borderRadius:function(o){return"left"===o.anchor?"0 8px 0 0":"8px 0 0 0"},backgroundColor:o.palette.background.b5},e["&.".concat("closed")]={cursor:"pointer","&:hover":{backgroundColor:o.palette.background.b7,"& > $header":{backgroundColor:o.palette.background.b7}}},e["&.MuiDrawer-paperAnchorDockedLeft"]={borderRight:"none"},e["&.MuiDrawer-paperAnchorDockedRight"]={borderLeft:"none"},e),header:(n={cursor:"pointer",alignItems:"center",backgroundColor:o.palette.background.b5,borderBottom:"1px solid",borderBottomColor:"#ffffff14",display:"flex",fontSize:16,fontWeight:400,height:48,justifyContent:"center",left:0,letterSpacing:"1px",lineHeight:"22px",position:"absolute",right:0,textTransform:"capitalize",top:0},n["&.".concat("open")]={padding:o.spacing(1.5),justifyContent:"flex-start"},n),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(o){var e,n=o.anchor;return(e={alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"})["&.".concat("open")]={justifyContent:"left"===n?"flex-end":"flex-start",paddingRight:6},e},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",marginLeft:16,"& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"12px !important"},"& .MuiButton-startIcon":{marginRight:4}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer",paddingLeft:7,letterSpacing:1}})})),T=function(s){var a,l=s.classes,p=s.anchor,T=s.children,w=s.drawerPaperClassName,k=s.expandedTooltipTitle,O=s.collapsedTooltipTitle,v=s.header,B=s.headerIcon,S=s.headerTitleIcon,A=s.isOpen,z=s.openedDrawerWidth,D=s.setIsOpen,W=s.size,y=s.allOptionsButtonShown,N=s.isAllOptionsSelected,P=s.onAllOptionsClick,R=t(!1);R[0];var L=R[1],M=i(),F=b({anchor:p,openedDrawerWidth:z||{small:235,medium:354,large:473}[W]});r((function(){var o=M.current,e=o.scrollHeight,n=o.clientHeight;L(e>n)}));var E="left"===p?C:j;return o(d,{"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){A||D(!0)},className:c(F.drawer,!A&&"closed"),variant:"permanent",classes:{paper:c(F.drawerPaper,w,!A&&"closed")},anchor:p,children:[o("div",{className:c(F.header,l.header,A&&"open"),onClick:function(){A&&D(!1)},children:[A&&o(e,{children:[S||n(g,{size:24}),n("div",{"data-testid":"".concat("AppSideBar","_header"),className:F.headerIconText,children:v}),y&&n(f,{className:F.selectAllButton,onClick:function(o){o.stopPropagation(),P(o)},startIcon:n(N?I:x,{size:16}),children:N?"Clear All":"Select All"})]}),!A&&B]}),n("div",{className:c(F.contentWrapper,l.contentWrapper),ref:M,children:n("div",{className:c(F.content,l.content),children:A&&T})}),n(m,{className:c(F.openToggleContainer,l.openToggleContainer,(a={},a.open=A,a)),children:n(u,{title:A?k:O,placement:"bottom",children:n("div",{children:n(h,{"aria-label":"toggle sidebar",onClick:function(){D(!A)},children:n(E,{size:24,"data-testid":"".concat("AppSideBar","_arrowButton"),className:c(A&&F.openToggleIconOpen)})})})})})]})},w={classes:s.shape({contentWrapper:s.shape({}),content:s.shape({}),header:s.shape({}),openToggleContainer:s.shape({})}),anchor:s.oneOf(["left","right"]),children:s.node.isRequired,drawerPaperClassName:s.string,expandedTooltipTitle:s.string,collapsedTooltipTitle:s.string,header:s.node,headerIcon:s.node,headerTitleIcon:s.node,isOpen:s.bool,openedDrawerWidth:s.oneOfType([s.string,s.number]),setIsOpen:s.func,size:s.oneOf(["small","medium","large"]),allOptionsButtonShown:s.bool,isAllOptionsSelected:s.bool,onAllOptionsClick:s.func};T.propTypes=w,T.defaultProps={classes:{contentWrapper:{},content:{},header:{},openToggleContainer:{}},anchor:"left",drawerPaperClassName:"",expandedTooltipTitle:"Collapse",collapsedTooltipTitle:"Expand",header:null,headerIcon:null,headerTitleIcon:null,isOpen:!1,openedDrawerWidth:0,setIsOpen:a,size:"medium",allOptionsButtonShown:!1,isAllOptionsSelected:!1,onAllOptionsClick:a};export{T as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useState, useRef, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { noop } from 'lodash';
+import { makeStyles, createStyles, Drawer, Box, Tooltip } from '@material-ui/core';
+import IconButton from '../../IconButton/index.js';
+import Button from '../../Button/components/Button/index.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'moment-timezone';
+import { LeftAlignmentIcon, CloseSmallIcon, CheckSmallIcon, RightIcon, LeftIcon } from '../../../icons/iconParkIcons.js';
+import '../../../icons/customIcons/icons/AddMessage.js';
+import '../../../icons/customIcons/icons/Attention.js';
+import '../../../icons/customIcons/icons/Collapse.js';
+import '../../../icons/customIcons/icons/Dashboard.js';
+import '../../../icons/customIcons/icons/Expand.js';
+import '../../../icons/customIcons/icons/FolderClosed.js';
+import '../../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../../icons/customIcons/icons/FolderOpened.js';
+import '../../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../../icons/customIcons/icons/LessOrEqual.js';
+import '../../../icons/customIcons/icons/Search.js';
+import '../../../icons/customIcons/icons/Wellhub.js';
+import '../../../icons/customIcons/icons/MultiRuler.js';
+import '../../../icons/customIcons/icons/Checkbox.js';
+import '../../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../../icons/customIcons/icons/Radio.js';
+import '../../../icons/customIcons/icons/RadioChecked.js';
+import '../../../icons/customIcons/icons/SimulFrac.js';
+import '../../../icons/customIcons/icons/ZipperFrac.js';
+import '../../../icons/customIcons/icons/CautionFilled.js';
+import '../../../icons/customIcons/icons/MoreApp.js';
+import '../../../icons/customIcons/icons/Pad.js';
+import '../../../icons/customIcons/icons/Gap.js';
+import '../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
+import '../../Button/components/LiveButton/styles.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'AppSideBar';
+var OPEN_CLASSNAME = 'open';
+var CLOSED_CLASSNAME = 'closed';
+var useStyles = makeStyles(function (theme) {
+  var _drawerPaper;
+  return createStyles({
+    drawer: function drawer(_ref) {
+      var openedDrawerWidth = _ref.openedDrawerWidth;
+      return _defineProperty({
+        height: '100%',
+        position: 'relative',
+        width: openedDrawerWidth
+      }, "&.".concat(CLOSED_CLASSNAME), {
+        width: '48px'
+      });
+    },
+    drawerPaper: (_drawerPaper = {
+      position: 'relative',
+      width: '100%',
+      borderRadius: function borderRadius(_ref3) {
+        var anchor = _ref3.anchor;
+        return anchor === 'left' ? '0 8px 0 0' : '8px 0 0 0';
+      },
+      backgroundColor: theme.palette.background.b5
+    }, _defineProperty(_drawerPaper, "&.".concat(CLOSED_CLASSNAME), {
+      cursor: 'pointer',
+      '&:hover': {
+        backgroundColor: theme.palette.background.b7,
+        '& > $header': {
+          backgroundColor: theme.palette.background.b7
+        }
+      }
+    }), _defineProperty(_drawerPaper, '&.MuiDrawer-paperAnchorDockedLeft', {
+      borderRight: 'none'
+    }), _defineProperty(_drawerPaper, '&.MuiDrawer-paperAnchorDockedRight', {
+      borderLeft: 'none'
+    }), _drawerPaper),
+    header: _defineProperty({
+      cursor: 'pointer',
+      alignItems: 'center',
+      backgroundColor: theme.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_CLASSNAME), {
+      padding: theme.spacing(1.5),
+      justifyContent: 'flex-start'
+    }),
+    openToggleIconOpen: {
+      transform: 'rotate(180deg)'
+    },
+    openToggleContainer: function openToggleContainer(_ref4) {
+      var anchor = _ref4.anchor;
+      return _defineProperty({
+        alignItems: 'center',
+        bottom: 0,
+        display: 'flex',
+        flex: '0 0',
+        height: 48,
+        justifyContent: 'center',
+        padding: 6,
+        position: 'absolute',
+        width: '100%'
+      }, "&.".concat(OPEN_CLASSNAME), {
+        justifyContent: anchor === 'left' ? 'flex-end' : 'flex-start',
+        paddingRight: 6
+      });
+    },
+    contentWrapper: {
+      marginTop: 48,
+      height: 'calc(100% - 96px)',
+      // NOTE: 48px - height of header
+      overflowY: 'auto'
+    },
+    content: {
+      padding: '16px 12px',
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    selectAllButton: {
+      textTransform: 'none',
+      fontSize: '10px',
+      lineHeight: '14px',
+      letterSpacing: '0.4px',
+      marginLeft: 16,
+      '& .MuiButton-iconSizeMedium > *:first-child': {
+        fontSize: '12px !important'
+      },
+      '& .MuiButton-startIcon': {
+        marginRight: 4
+      }
+    },
+    headerIcon: {
+      cursor: 'pointer'
+    },
+    headerIconText: {
+      cursor: 'pointer',
+      paddingLeft: 7,
+      letterSpacing: 1
+    }
+  });
+});
+var AppSideBar = function AppSideBar(_ref6) {
+  var classes = _ref6.classes,
+    anchor = _ref6.anchor,
+    children = _ref6.children,
+    drawerPaperClassName = _ref6.drawerPaperClassName,
+    expandedTooltipTitle = _ref6.expandedTooltipTitle,
+    collapsedTooltipTitle = _ref6.collapsedTooltipTitle,
+    header = _ref6.header,
+    headerIcon = _ref6.headerIcon,
+    headerTitleIcon = _ref6.headerTitleIcon,
+    isOpen = _ref6.isOpen,
+    openedDrawerWidth = _ref6.openedDrawerWidth,
+    setIsOpen = _ref6.setIsOpen,
+    size = _ref6.size,
+    allOptionsButtonShown = _ref6.allOptionsButtonShown,
+    isAllOptionsSelected = _ref6.isAllOptionsSelected,
+    onAllOptionsClick = _ref6.onAllOptionsClick;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2);
+    _useState2[0];
+    var setIsScrollable = _useState2[1];
+  var contentRef = useRef();
+  var styles = useStyles({
+    anchor: anchor,
+    openedDrawerWidth: openedDrawerWidth || {
+      small: 235,
+      medium: 354,
+      large: 473
+    }[size]
+  });
+  useEffect(function () {
+    var _contentRef$current = contentRef.current,
+      scrollHeight = _contentRef$current.scrollHeight,
+      clientHeight = _contentRef$current.clientHeight;
+    setIsScrollable(scrollHeight > clientHeight);
+  });
+  var toggleIsOpen = function toggleIsOpen() {
+    setIsOpen(!isOpen);
+  };
+  var onSidebarClick = function onSidebarClick() {
+    if (!isOpen) {
+      setIsOpen(true);
+    }
+  };
+  var onHeaderClick = function onHeaderClick() {
+    if (isOpen) {
+      setIsOpen(false);
+    }
+  };
+  var allOptionsClickHandler = function allOptionsClickHandler(e) {
+    e.stopPropagation();
+    onAllOptionsClick(e);
+  };
+  var ChevronIcon = anchor === 'left' ? RightIcon : LeftIcon;
+  return /*#__PURE__*/jsxs(Drawer, {
+    "data-testid": "".concat(PAGE_NAME, "_Drawer"),
+    onClick: onSidebarClick,
+    className: classNames(styles.drawer, !isOpen && CLOSED_CLASSNAME),
+    variant: "permanent",
+    classes: {
+      paper: classNames(styles.drawerPaper, drawerPaperClassName, !isOpen && CLOSED_CLASSNAME)
+    },
+    anchor: anchor,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classNames(styles.header, classes.header, isOpen && OPEN_CLASSNAME),
+      onClick: onHeaderClick,
+      children: [isOpen && /*#__PURE__*/jsxs(Fragment, {
+        children: [headerTitleIcon || /*#__PURE__*/jsx(LeftAlignmentIcon, {
+          size: 24
+        }), /*#__PURE__*/jsx("div", {
+          "data-testid": "".concat(PAGE_NAME, "_header"),
+          className: styles.headerIconText,
+          children: header
+        }), allOptionsButtonShown && /*#__PURE__*/jsx(Button, {
+          className: styles.selectAllButton,
+          onClick: allOptionsClickHandler,
+          startIcon: isAllOptionsSelected ? /*#__PURE__*/jsx(CloseSmallIcon, {
+            size: 16
+          }) : /*#__PURE__*/jsx(CheckSmallIcon, {
+            size: 16
+          }),
+          children: isAllOptionsSelected ? 'Clear All' : 'Select All'
+        })]
+      }), !isOpen && headerIcon]
+    }), /*#__PURE__*/jsx("div", {
+      className: classNames(styles.contentWrapper, classes.contentWrapper),
+      ref: contentRef,
+      children: /*#__PURE__*/jsx("div", {
+        className: classNames(styles.content, classes.content),
+        children: isOpen && children
+      })
+    }), /*#__PURE__*/jsx(Box, {
+      className: classNames(styles.openToggleContainer, classes.openToggleContainer, _defineProperty({}, OPEN_CLASSNAME, isOpen)),
+      children: /*#__PURE__*/jsx(Tooltip, {
+        title: isOpen ? expandedTooltipTitle : collapsedTooltipTitle,
+        placement: "bottom",
+        children: /*#__PURE__*/jsx("div", {
+          children: /*#__PURE__*/jsx(IconButton, {
+            "aria-label": "toggle sidebar",
+            onClick: toggleIsOpen,
+            children: /*#__PURE__*/jsx(ChevronIcon, {
+              size: 24,
+              "data-testid": "".concat(PAGE_NAME, "_arrowButton"),
+              className: classNames(isOpen && styles.openToggleIconOpen)
+            })
+          })
+        })
+      })
+    })]
+  });
+};
+var appSideBarPropTypes = {
+  classes: PropTypes.shape({
+    contentWrapper: PropTypes.shape({}),
+    content: PropTypes.shape({}),
+    header: PropTypes.shape({}),
+    openToggleContainer: PropTypes.shape({})
+  }),
+  anchor: PropTypes.oneOf(['left', 'right']),
+  children: PropTypes.node.isRequired,
+  drawerPaperClassName: PropTypes.string,
+  expandedTooltipTitle: PropTypes.string,
+  collapsedTooltipTitle: PropTypes.string,
+  header: PropTypes.node,
+  headerIcon: PropTypes.node,
+  headerTitleIcon: PropTypes.node,
+  isOpen: PropTypes.bool,
+  openedDrawerWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  setIsOpen: PropTypes.func,
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  allOptionsButtonShown: PropTypes.bool,
+  isAllOptionsSelected: PropTypes.bool,
+  onAllOptionsClick: PropTypes.func
+};
+AppSideBar.propTypes = appSideBarPropTypes;
+AppSideBar.defaultProps = {
+  classes: {
+    contentWrapper: {},
+    content: {},
+    header: {},
+    openToggleContainer: {}
+  },
+  anchor: 'left',
+  drawerPaperClassName: '',
+  expandedTooltipTitle: 'Collapse',
+  collapsedTooltipTitle: 'Expand',
+  header: null,
+  headerIcon: null,
+  headerTitleIcon: null,
+  isOpen: false,
+  openedDrawerWidth: 0,
+  setIsOpen: noop,
+  size: 'medium',
+  allOptionsButtonShown: false,
+  isAllOptionsSelected: false,
+  onAllOptionsClick: noop
+};
+
+// export default ({ children }) => children;
+
+export { AppSideBar as default };
+//# sourceMappingURL=AppSideBar.js.map

package/components/DevCenter/AppSideBar/AppSideBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSideBar.js","sources":["../../../../src/components/DevCenter/AppSideBar/AppSideBar.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\n\nimport { Box, Drawer, Tooltip, makeStyles, createStyles } from '@material-ui/core';\nimport ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';\nimport ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';\n\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\nimport {\n  LeftAlignmentIcon,\n  CenterAlignmentIcon,\n  LeftIcon,\n  RightIcon,\n  CheckSmallIcon,\n  CloseSmallIcon,\n} 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 };\nexport interface AppSideBarProps extends PropTypes.InferProps<typeof appSideBarPropTypes> {\n  anchor: Anchor;\n}\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    drawer: ({ openedDrawerWidth }: makeStylesProps) => ({\n      height: '100%',\n      position: 'relative',\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      marginLeft: 16,\n      '& .MuiButton-iconSizeMedium > *:first-child': {\n        fontSize: '12px !important',\n      },\n      '& .MuiButton-startIcon': {\n        marginRight: 4,\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 = ({\n  classes,\n  anchor,\n  children,\n  drawerPaperClassName,\n  expandedTooltipTitle,\n  collapsedTooltipTitle,\n  header,\n  headerIcon,\n  headerTitleIcon,\n  isOpen,\n  openedDrawerWidth,\n  setIsOpen,\n  size,\n  allOptionsButtonShown,\n  isAllOptionsSelected,\n  onAllOptionsClick,\n}: AppSideBarProps): JSX.Element => {\n  const [isScrollable, setIsScrollable] = useState(false);\n  const contentRef = useRef<HTMLDivElement>();\n\n  const styles = useStyles({\n    anchor,\n    openedDrawerWidth: openedDrawerWidth || { small: 235, medium: 354, large: 473 }[size],\n  });\n\n  useEffect(() => {\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 => {\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)}\n      variant=\"permanent\"\n      classes={{\n        paper: classnames(styles.drawerPaper, drawerPaperClassName, !isOpen && CLOSED_CLASSNAME),\n      }}\n      anchor={anchor as Anchor}\n    >\n      <div className={classnames(styles.header, classes.header, isOpen && OPEN_CLASSNAME)} onClick={onHeaderClick}>\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 className={classnames(styles.openToggleContainer, classes.openToggleContainer, { [OPEN_CLASSNAME]: isOpen })}>\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\nconst appSideBarPropTypes = {\n  classes: PropTypes.shape({\n    contentWrapper: PropTypes.shape({}),\n    content: PropTypes.shape({}),\n    header: PropTypes.shape({}),\n    openToggleContainer: PropTypes.shape({}),\n  }),\n  anchor: PropTypes.oneOf(['left', 'right']),\n  children: PropTypes.node.isRequired,\n  drawerPaperClassName: PropTypes.string,\n  expandedTooltipTitle: PropTypes.string,\n  collapsedTooltipTitle: PropTypes.string,\n  header: PropTypes.node,\n  headerIcon: PropTypes.node,\n  headerTitleIcon: PropTypes.node,\n  isOpen: PropTypes.bool,\n  openedDrawerWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  setIsOpen: PropTypes.func,\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n  allOptionsButtonShown: PropTypes.bool,\n  isAllOptionsSelected: PropTypes.bool,\n  onAllOptionsClick: PropTypes.func,\n};\n\nAppSideBar.propTypes = appSideBarPropTypes;\n\nAppSideBar.defaultProps = {\n  classes: { contentWrapper: {}, content: {}, header: {}, openToggleContainer: {} },\n  anchor: 'left',\n  drawerPaperClassName: '',\n  expandedTooltipTitle: 'Collapse',\n  collapsedTooltipTitle: 'Expand',\n  header: null,\n  headerIcon: null,\n  headerTitleIcon: null,\n  isOpen: false,\n  openedDrawerWidth: 0,\n  setIsOpen: noop,\n  size: 'medium',\n  allOptionsButtonShown: false,\n  isAllOptionsSelected: false,\n  onAllOptionsClick: noop,\n};\n\nexport default AppSideBar;\n\n// export default ({ children }) => children;\n"],"names":["PAGE_NAME","OPEN_CLASSNAME","CLOSED_CLASSNAME","useStyles","makeStyles","theme","createStyles","drawer","openedDrawerWidth","height","position","width","drawerPaper","borderRadius","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","bottom","flex","paddingRight","contentWrapper","marginTop","overflowY","content","flexDirection","selectAllButton","marginLeft","marginRight","headerIcon","headerIconText","paddingLeft","AppSideBar","classes","children","drawerPaperClassName","expandedTooltipTitle","collapsedTooltipTitle","headerTitleIcon","isOpen","setIsOpen","size","allOptionsButtonShown","isAllOptionsSelected","onAllOptionsClick","useState","setIsScrollable","contentRef","useRef","styles","small","medium","large","useEffect","current","scrollHeight","clientHeight","toggleIsOpen","onSidebarClick","onHeaderClick","allOptionsClickHandler","e","stopPropagation","ChevronIcon","RightIcon","LeftIcon","_jsxs","classnames","paper","_Fragment","_jsx","appSideBarPropTypes","PropTypes","shape","oneOf","node","isRequired","string","bool","oneOfType","number","func","propTypes","defaultProps","noop"],"mappings":"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"}

package/components/DevCenter/AppsDataProvider/AppsDataProvider.js

@@ -1 +1,29 @@
-import r from"prop-types";import s from"../AppContext.js";import e from"./effects/useAppsData.js";import{jsx as p}from"react/jsx-runtime";function a(r){var a=r.children,d=r.dashboardAssetId,t=r.apps,o=e({apps:t,dashboardAssetId:d});return p(s.Provider,{value:o,children:a})}a.propTypes={children:r.node.isRequired,dashboardAssetId:r.string,apps:r.arrayOf(r.shape({})).isRequired},a.defaultProps={dashboardAssetId:null};export{a as default};
+import PropTypes from 'prop-types';
+import AppContext from '../AppContext.js';
+import useAppsData from './effects/useAppsData.js';
+import { jsx } from 'react/jsx-runtime';
+
+function AppsDataProvider(_ref) {
+  var children = _ref.children,
+    dashboardAssetId = _ref.dashboardAssetId,
+    apps = _ref.apps;
+  var appsData = useAppsData({
+    apps: apps,
+    dashboardAssetId: dashboardAssetId
+  });
+  return /*#__PURE__*/jsx(AppContext.Provider, {
+    value: appsData,
+    children: children
+  });
+}
+AppsDataProvider.propTypes = {
+  children: PropTypes.node.isRequired,
+  dashboardAssetId: PropTypes.string,
+  apps: PropTypes.arrayOf(PropTypes.shape({})).isRequired
+};
+AppsDataProvider.defaultProps = {
+  dashboardAssetId: null
+};
+
+export { AppsDataProvider as default };
+//# sourceMappingURL=AppsDataProvider.js.map

package/components/DevCenter/AppsDataProvider/AppsDataProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppsDataProvider.js","sources":["../../../../src/components/DevCenter/AppsDataProvider/AppsDataProvider.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport AppContext from '../AppContext';\n\nimport { useAppsData } from './effects';\n\nfunction AppsDataProvider({ children, dashboardAssetId, apps }) {\n  const appsData = useAppsData({ apps, dashboardAssetId });\n\n  return <AppContext.Provider value={appsData}>{children}</AppContext.Provider>;\n}\n\nAppsDataProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  dashboardAssetId: PropTypes.string,\n  apps: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n};\n\nAppsDataProvider.defaultProps = {\n  dashboardAssetId: null,\n};\n\nexport default AppsDataProvider;\n"],"names":["AppsDataProvider","children","dashboardAssetId","apps","appsData","useAppsData","_jsx","propTypes","PropTypes","node","isRequired","string","arrayOf","shape","defaultProps"],"mappings":";;;;;AAMA,SAASA,gBAAgB,CAAuC,IAAA,EAAA;EAAA,IAApCC,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,gBAAgB,QAAhBA,gBAAgB;AAAEC,IAAAA,IAAI,QAAJA,IAAI,CAAA;EAC1D,IAAMC,QAAQ,GAAGC,WAAW,CAAC;AAAEF,IAAAA,IAAI,EAAJA,IAAI;AAAED,IAAAA,gBAAgB,EAAhBA,gBAAAA;AAAiB,GAAC,CAAC,CAAA;EAExD,oBAAOI,GAAA,CAAC,UAAU,CAAC,QAAQ,EAAA;AAAC,IAAA,KAAK,EAAEF,QAAS;IAAA,QAAEH,EAAAA,QAAAA;GAA+B,CAAA,CAAA;AAC/E,CAAA;AAEAD,gBAAgB,CAACO,SAAS,GAAG;AAC3BN,EAAAA,QAAQ,EAAEO,SAAS,CAACC,IAAI,CAACC,UAAU;EACnCR,gBAAgB,EAAEM,SAAS,CAACG,MAAM;AAClCR,EAAAA,IAAI,EAAEK,SAAS,CAACI,OAAO,CAACJ,SAAS,CAACK,KAAK,CAAC,EAAE,CAAC,CAAC,CAACH,UAAAA;AAC/C,CAAC,CAAA;AAEDV,gBAAgB,CAACc,YAAY,GAAG;AAC9BZ,EAAAA,gBAAgB,EAAE,IAAA;AACpB,CAAC;;;;"}

package/components/DevCenter/AppsDataProvider/effects/constants.js

@@ -1 +1,10 @@
-var L={WELLS:"WELLS",RIGS:"RIGS",FRAC_FLEETS:"FRAC_FLEETS",FRAC_FLEET_WELLS:"FRAC_FLEET_WELLS",PAD_WELLS:"PAD_WELLS"};export{L as APPS_DATA_REQUESTS};
+var APPS_DATA_REQUESTS = {
+  WELLS: 'WELLS',
+  RIGS: 'RIGS',
+  FRAC_FLEETS: 'FRAC_FLEETS',
+  FRAC_FLEET_WELLS: 'FRAC_FLEET_WELLS',
+  PAD_WELLS: 'PAD_WELLS'
+};
+
+export { APPS_DATA_REQUESTS };
+//# sourceMappingURL=constants.js.map

package/components/DevCenter/AppsDataProvider/effects/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/DevCenter/AppsDataProvider/effects/constants.js"],"sourcesContent":["export const APPS_DATA_REQUESTS = {\n  WELLS: 'WELLS',\n  RIGS: 'RIGS',\n  FRAC_FLEETS: 'FRAC_FLEETS',\n  FRAC_FLEET_WELLS: 'FRAC_FLEET_WELLS',\n  PAD_WELLS: 'PAD_WELLS',\n};\n"],"names":["APPS_DATA_REQUESTS","WELLS","RIGS","FRAC_FLEETS","FRAC_FLEET_WELLS","PAD_WELLS"],"mappings":"AAAO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,gBAAgB,EAAE,kBAAkB;AACpCC,EAAAA,SAAS,EAAE,WAAA;AACb;;;;"}