@corva/ui 0.65.0-1-test → 0.65.0-2

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js

@@ -1,210 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useState } from 'react';
-import classNames from 'classnames';
-import { makeStyles, Popover } from '@material-ui/core';
-import { Close, Settings } from '@material-ui/icons';
-import { isNativeDetected, isMobileDetected } from '../../../utils/mobileDetect.js';
-import IconButton from '../../IconButton/index.js';
-import Modal from '../../Modal/Modal.js';
-import Button from '../../Button/index.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var _excluded = ["Trigger", "children", "classes", "defaultScrollable", "header", "iconSettingsProps", "maxHeight", "modalActions", "modalProps", "onClose"],
-  _excluded2 = ["popoverContent"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var isNativeOrMobileBrowser = isNativeDetected || isMobileDetected;
-var useStyles = makeStyles(function (theme) {
-  return {
-    popoverPaper: {
-      marginTop: function marginTop(_ref) {
-        var isScrollable = _ref.isScrollable;
-        return isScrollable ? 0 : 8;
-      },
-      minWidth: 286,
-      width: 286,
-      overflowY: 'hidden',
-      backgroundColor: theme.palette.background.b9,
-      maxHeight: function maxHeight(_ref2) {
-        var _maxHeight = _ref2.maxHeight;
-        return _maxHeight ? _maxHeight - 24 : 'calc(100% - 24px)';
-      },
-      '&.scrollable': {
-        height: function height(_ref3) {
-          var maxHeight = _ref3.maxHeight;
-          return maxHeight || '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(theme.palette.background.b9, ", ").concat(theme.palette.background.b9, " 79%, 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%'
-    },
-    shadow: {
-      position: 'absolute',
-      bottom: 0,
-      width: '100%',
-      height: 16,
-      background: "linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(theme.palette.background.b9, " 100%)")
-    },
-    modalRoot: {
-      '& > div:first-child': {
-        backgroundColor: 'transparent !important'
-      }
-    },
-    modalActions: {
-      display: 'flex',
-      justifyContent: 'flex-end'
-    }
-  };
-});
-function AppSettingsPopover(_ref4) {
-  var Trigger = _ref4.Trigger,
-    children = _ref4.children,
-    classes = _ref4.classes,
-    _ref4$defaultScrollab = _ref4.defaultScrollable,
-    defaultScrollable = _ref4$defaultScrollab === void 0 ? false : _ref4$defaultScrollab,
-    _ref4$header = _ref4.header,
-    header = _ref4$header === void 0 ? 'Settings' : _ref4$header,
-    _ref4$iconSettingsPro = _ref4.iconSettingsProps,
-    iconSettingsProps = _ref4$iconSettingsPro === void 0 ? {} : _ref4$iconSettingsPro,
-    _ref4$maxHeight = _ref4.maxHeight,
-    maxHeight = _ref4$maxHeight === void 0 ? null : _ref4$maxHeight,
-    _ref4$modalActions = _ref4.modalActions,
-    modalActions = _ref4$modalActions === void 0 ? null : _ref4$modalActions,
-    _ref4$modalProps = _ref4.modalProps,
-    modalProps = _ref4$modalProps === void 0 ? {} : _ref4$modalProps,
-    _ref4$onClose = _ref4.onClose,
-    onClose = _ref4$onClose === void 0 ? function () {} : _ref4$onClose,
-    popoverProps = _objectWithoutProperties(_ref4, _excluded);
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    anchorEl = _useState2[0],
-    setAnchorEl = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isScrollable = _useState4[0],
-    setIsScrollable = _useState4[1];
-  var styles = useStyles({
-    maxHeight: maxHeight,
-    isScrollable: isScrollable,
-    isNativeDetected: isNativeDetected
-  });
-  var _ref5 = classes || {},
-    popoverContentClassName = _ref5.popoverContent,
-    popoverClasses = _objectWithoutProperties(_ref5, _excluded2);
-  var handleClose = function handleClose() {
-    setAnchorEl(null);
-    onClose();
-  };
-  var isOpen = Boolean(anchorEl);
-  var handleContainerRef = function handleContainerRef(containerEl) {
-    if (containerEl) {
-      if (containerEl.scrollHeight <= containerEl.clientHeight && !defaultScrollable) setIsScrollable(false);
-    }
-  };
-  var handleTriggerClick = function handleTriggerClick(event) {
-    return setAnchorEl(event.currentTarget);
-  };
-  var actions = modalActions || /*#__PURE__*/jsx(Button, {
-    variation: "secondary",
-    onClick: handleClose,
-    children: "CLOSE"
-  });
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [Trigger ?
-    /*#__PURE__*/
-    //@ts-ignore
-    jsx(Trigger, {
-      onClick: handleTriggerClick
-    }) : /*#__PURE__*/jsx(IconButton, _objectSpread(_objectSpread({
-      isActive: isOpen,
-      onClick: handleTriggerClick,
-      size: "small",
-      tooltipProps: {
-        title: 'Settings'
-      },
-      variant: "contained"
-    }, iconSettingsProps), {}, {
-      children: /*#__PURE__*/jsx(Settings, {})
-    })), !isNativeOrMobileBrowser && /*#__PURE__*/jsxs(Popover, _objectSpread(_objectSpread({
-      open: isOpen,
-      anchorEl: anchorEl,
-      onClose: handleClose,
-      anchorOrigin: {
-        vertical: isScrollable ? 'top' : 'bottom',
-        horizontal: 'right'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'right'
-      },
-      marginThreshold: 12
-    }, popoverProps), {}, {
-      classes: _objectSpread(_objectSpread({}, popoverClasses), {}, {
-        paper: classNames(styles.popoverPaper, isScrollable && 'scrollable', popoverClasses === null || popoverClasses === void 0 ? void 0 : popoverClasses.paper)
-      }),
-      children: [/*#__PURE__*/jsxs("div", {
-        className: classNames(styles.popoverHeader, isScrollable && 'scrollable'),
-        children: [/*#__PURE__*/jsx("div", {
-          className: styles.headerTitle,
-          children: header
-        }), /*#__PURE__*/jsx(IconButton, {
-          tooltipProps: {
-            title: 'Close'
-          },
-          onClick: handleClose,
-          children: /*#__PURE__*/jsx(Close, {})
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: classNames(styles.popoverContentContainer, isScrollable && 'scrollable'),
-        ref: handleContainerRef,
-        children: /*#__PURE__*/jsx("div", {
-          className: classNames(styles.popoverContent, popoverContentClassName),
-          children: children
-        })
-      }), /*#__PURE__*/jsx("div", {
-        className: styles.shadow
-      })]
-    })), isNativeOrMobileBrowser && /*#__PURE__*/jsx(Modal, _objectSpread(_objectSpread({
-      actions: actions,
-      onClose: handleClose,
-      open: isOpen,
-      rootClassName: styles.modalRoot,
-      actionsClassName: styles.modalActions,
-      title: header
-    }, modalProps), {}, {
-      children: children
-    }))]
-  });
-}
-
-export { AppSettingsPopover };
-//# sourceMappingURL=AppSettingsPopover.js.map
+import{__rest as o,__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as i,Fragment as r}from"react/jsx-runtime";import{useState as n}from"react";import l from"classnames";import{makeStyles as a,Popover as c}from"@material-ui/core";import{Settings as s,Close as d}from"@material-ui/icons";import{isNativeDetected as p,isMobileDetected as m}from"../../../utils/mobileDetect.js";import h from"../../IconButton/index.js";import g from"../../Modal/Modal.js";import u from"../../Button/index.js";var v=p||m,f=a((function(o){return{popoverPaper:{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%"}}},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," 79%, 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%"},shadow:{position:"absolute",bottom:0,width:"100%",height:16,background:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(o.palette.background.b9," 100%)")},modalRoot:{"& > div:first-child":{backgroundColor:"transparent !important"}},modalActions:{display:"flex",justifyContent:"flex-end"}}}));function b(a){var m=a.Trigger,b=a.children,C=a.classes,x=a.defaultScrollable,k=void 0!==x&&x,H=a.header,S=void 0===H?"Settings":H,w=a.iconSettingsProps,T=void 0===w?{}:w,j=a.maxHeight,N=void 0===j?null:j,P=a.modalActions,y=void 0===P?null:P,z=a.modalProps,A=void 0===z?{}:z,B=a.onClose,I=void 0===B?function(){}:B,O=o(a,["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"]),D=n(null),E=D[0],M=D[1],R=n(!0),Y=R[0],L=R[1],W=f({maxHeight:N,isScrollable:Y,isNativeDetected:p}),X=C||{},_=X.popoverContent,q=o(X,["popoverContent"]),F=function(){M(null),I()},G=Boolean(E),J=function(o){return M(o.currentTarget)},K=y||t(u,e({variation:"secondary",onClick:F},{children:"CLOSE"}));return i(r,{children:[m?t(m,{onClick:J}):t(h,e({isActive:G,onClick:J,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},T,{children:t(s,{})})),!v&&i(c,e({open:G,anchorEl:E,onClose:F,anchorOrigin:{vertical:Y?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},O,{classes:e(e({},q),{paper:l(W.popoverPaper,Y&&"scrollable",null==q?void 0:q.paper)})},{children:[i("div",e({className:l(W.popoverHeader,Y&&"scrollable")},{children:[t("div",e({className:W.headerTitle},{children:S})),t(h,e({tooltipProps:{title:"Close"},onClick:F},{children:t(d,{})}))]})),t("div",e({className:l(W.popoverContentContainer,Y&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!k&&L(!1)}},{children:t("div",e({className:l(W.popoverContent,_)},{children:b}))})),t("div",{className:W.shadow})]})),v&&t(g,e({actions:K,onClose:F,open:G,rootClassName:W.modalRoot,actionsClassName:W.modalActions,title:S},A,{children:b}))]})}export{b as AppSettingsPopover};

package/components/DevCenter/AppSideBar/AppSideBar.js

@@ -1,280 +1 @@
-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 ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';
-import ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';
-import SortIcon from '@material-ui/icons/Sort';
-import CheckIcon from '@material-ui/icons/Check';
-import CloseIcon from '@material-ui/icons/Close';
-import IconButton from '../../IconButton/index.js';
-import Button from '../../Button/index.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'AppSideBar';
-var OPEN_CLASSNAME = 'open';
-var CLOSED_CLASSNAME = 'closed';
-var WITH_SHADOW_CLASSNAME = 'withShadow';
-var useStyles = makeStyles(function (theme) {
-  var _drawerPaper, _header;
-  return createStyles({
-    drawer: function drawer(_ref) {
-      var openedDrawerWidth = _ref.openedDrawerWidth;
-      return _defineProperty({
-        height: '100%',
-        position: 'relative',
-        width: openedDrawerWidth,
-        borderTop: '1px solid',
-        borderTopColor: theme.palette.background.b7,
-        boxShadow: '4px 0px 8px rgba(0, 0, 0, 0.15)'
-      }, "&.".concat(CLOSED_CLASSNAME), {
-        width: '48px'
-      });
-    },
-    drawerPaper: (_drawerPaper = {
-      position: 'relative',
-      width: '100%',
-      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: (_header = {
-      height: 48,
-      borderBottom: '1px solid',
-      borderBottomColor: theme.palette.background.b7,
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      right: 0,
-      letterSpacing: '1px',
-      textTransform: 'uppercase',
-      fontSize: '14px',
-      fontWeight: 500,
-      lineHeight: '20px',
-      backgroundColor: theme.palette.background.b5
-    }, _defineProperty(_header, "&.".concat(OPEN_CLASSNAME), {
-      padding: theme.spacing(1.5),
-      justifyContent: 'flex-start'
-    }), _defineProperty(_header, "&.".concat(WITH_SHADOW_CLASSNAME), {
-      zIndex: 1,
-      boxShadow: '-18px 12px 12px #272727'
-    }), _header),
-    openToggleIconOpen: {
-      transform: 'rotate(180deg)'
-    },
-    openToggleContainer: function openToggleContainer(_ref3) {
-      var _ref4;
-      var anchor = _ref3.anchor;
-      return _ref4 = {
-        alignItems: 'center',
-        bottom: 0,
-        display: 'flex',
-        flex: '0 0',
-        height: 48,
-        justifyContent: 'center',
-        padding: 6,
-        position: 'absolute',
-        width: '100%'
-      }, _defineProperty(_ref4, "&.".concat(WITH_SHADOW_CLASSNAME), {
-        zIndex: 1,
-        boxShadow: '-18px -12px 12px #272727'
-      }), _defineProperty(_ref4, "&.".concat(OPEN_CLASSNAME), {
-        justifyContent: anchor === 'left' ? 'flex-end' : 'flex-start',
-        paddingRight: 6
-      }), _ref4;
-    },
-    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(_ref5) {
-  var _classnames;
-  var anchor = _ref5.anchor,
-    children = _ref5.children,
-    drawerPaperClassName = _ref5.drawerPaperClassName,
-    expandedTooltipTitle = _ref5.expandedTooltipTitle,
-    collapsedTooltipTitle = _ref5.collapsedTooltipTitle,
-    header = _ref5.header,
-    headerIcon = _ref5.headerIcon,
-    headerTitleIcon = _ref5.headerTitleIcon,
-    isOpen = _ref5.isOpen,
-    openedDrawerWidth = _ref5.openedDrawerWidth,
-    setIsOpen = _ref5.setIsOpen,
-    size = _ref5.size,
-    allOptionsButtonShown = _ref5.allOptionsButtonShown,
-    isAllOptionsSelected = _ref5.isAllOptionsSelected,
-    onAllOptionsClick = _ref5.onAllOptionsClick;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isScrollable = _useState2[0],
-    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 ChevroneIcon = anchor === 'left' ? ChevronRightRoundedIcon : ChevronLeftRoundedIcon;
-  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, isOpen && OPEN_CLASSNAME, isScrollable && WITH_SHADOW_CLASSNAME),
-      onClick: onHeaderClick,
-      children: [isOpen && /*#__PURE__*/jsxs(Fragment, {
-        children: [headerTitleIcon || /*#__PURE__*/jsx(SortIcon, {
-          className: styles.headerIcon
-        }), /*#__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(CloseIcon, {}) : /*#__PURE__*/jsx(CheckIcon, {}),
-          children: isAllOptionsSelected ? 'Clear All' : 'Select All'
-        })]
-      }), !isOpen && headerIcon]
-    }), /*#__PURE__*/jsx("div", {
-      className: styles.contentWrapper,
-      ref: contentRef,
-      children: /*#__PURE__*/jsx("div", {
-        className: styles.content,
-        children: isOpen && children
-      })
-    }), /*#__PURE__*/jsx(Box, {
-      className: classNames(styles.openToggleContainer, (_classnames = {}, _defineProperty(_classnames, OPEN_CLASSNAME, isOpen), _defineProperty(_classnames, WITH_SHADOW_CLASSNAME, isScrollable), _classnames)),
-      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(ChevroneIcon, {
-              "data-testid": "".concat(PAGE_NAME, "_arrowButton"),
-              className: classNames(isOpen && styles.openToggleIconOpen)
-            })
-          })
-        })
-      })
-    })]
-  });
-};
-var appSideBarPropTypes = {
-  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 = {
-  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
+import{__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as o,Fragment as t,jsx as n}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as a}from"react";import l from"prop-types";import d from"classnames";import{noop as p}from"lodash";import{makeStyles as c,createStyles as s,Drawer as h,Box as m,Tooltip as u}from"@material-ui/core";import f from"@material-ui/icons/ChevronLeftRounded";import g from"@material-ui/icons/ChevronRightRounded";import x from"@material-ui/icons/Sort";import b from"@material-ui/icons/Check";import w from"@material-ui/icons/Close";import C from"../../IconButton/index.js";import T from"../../Button/index.js";var S=c((function(e){var o,t;return s({drawer:function(o){var t;return(t={height:"100%",position:"relative",width:o.openedDrawerWidth,borderTop:"1px solid",borderTopColor:e.palette.background.b7,boxShadow:"4px 0px 8px rgba(0, 0, 0, 0.15)"})["&.".concat("closed")]={width:"48px"},t},drawerPaper:(o={position:"relative",width:"100%",backgroundColor:e.palette.background.b5},o["&.".concat("closed")]={cursor:"pointer","&:hover":{backgroundColor:e.palette.background.b7,"& > $header":{backgroundColor:e.palette.background.b7}}},o["&.MuiDrawer-paperAnchorDockedLeft"]={borderRight:"none"},o["&.MuiDrawer-paperAnchorDockedRight"]={borderLeft:"none"},o),header:(t={height:48,borderBottom:"1px solid",borderBottomColor:e.palette.background.b7,display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",top:0,left:0,right:0,letterSpacing:"1px",textTransform:"uppercase",fontSize:"14px",fontWeight:500,lineHeight:"20px",backgroundColor:e.palette.background.b5},t["&.".concat("open")]={padding:e.spacing(1.5),justifyContent:"flex-start"},t["&.".concat("withShadow")]={zIndex:1,boxShadow:"-18px 12px 12px #272727"},t),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(e){var o,t=e.anchor;return(o={alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"})["&.".concat("withShadow")]={zIndex:1,boxShadow:"-18px -12px 12px #272727"},o["&.".concat("open")]={justifyContent:"left"===t?"flex-end":"flex-start",paddingRight:6},o},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}})})),I=function(l){var p,c=l.anchor,s=l.children,I=l.drawerPaperClassName,k=l.expandedTooltipTitle,O=l.collapsedTooltipTitle,v=l.header,A=l.headerIcon,B=l.headerTitleIcon,N=l.isOpen,D=l.openedDrawerWidth,y=l.setIsOpen,z=l.size,j=l.allOptionsButtonShown,R=l.isAllOptionsSelected,W=l.onAllOptionsClick,P=r(!1),L=P[0],M=P[1],H=i(),_=S({anchor:c,openedDrawerWidth:D||{small:235,medium:354,large:473}[z]});a((function(){var e=H.current,o=e.scrollHeight,t=e.clientHeight;M(o>t)}));var q="left"===c?g:f;return o(h,e({"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){N||y(!0)},className:d(_.drawer,!N&&"closed"),variant:"permanent",classes:{paper:d(_.drawerPaper,I,!N&&"closed")},anchor:c},{children:[o("div",e({className:d(_.header,N&&"open",L&&"withShadow"),onClick:function(){N&&y(!1)}},{children:[N&&o(t,{children:[B||n(x,{className:_.headerIcon}),n("div",e({"data-testid":"".concat("AppSideBar","_header"),className:_.headerIconText},{children:v})),j&&n(T,e({className:_.selectAllButton,onClick:function(e){e.stopPropagation(),W(e)},startIcon:n(R?w:b,{})},{children:R?"Clear All":"Select All"}))]}),!N&&A]})),n("div",e({className:_.contentWrapper,ref:H},{children:n("div",e({className:_.content},{children:N&&s}))})),n(m,e({className:d(_.openToggleContainer,(p={},p.open=N,p.withShadow=L,p))},{children:n(u,e({title:N?k:O,placement:"bottom"},{children:n("div",{children:n(C,e({"aria-label":"toggle sidebar",onClick:function(){y(!N)}},{children:n(q,{"data-testid":"".concat("AppSideBar","_arrowButton"),className:d(N&&_.openToggleIconOpen)})}))})}))}))]}))},k={anchor:l.oneOf(["left","right"]),children:l.node.isRequired,drawerPaperClassName:l.string,expandedTooltipTitle:l.string,collapsedTooltipTitle:l.string,header:l.node,headerIcon:l.node,headerTitleIcon:l.node,isOpen:l.bool,openedDrawerWidth:l.oneOfType([l.string,l.number]),setIsOpen:l.func,size:l.oneOf(["small","medium","large"]),allOptionsButtonShown:l.bool,isAllOptionsSelected:l.bool,onAllOptionsClick:l.func};I.propTypes=k,I.defaultProps={anchor:"left",drawerPaperClassName:"",expandedTooltipTitle:"Collapse",collapsedTooltipTitle:"Expand",header:null,headerIcon:null,headerTitleIcon:null,isOpen:!1,openedDrawerWidth:0,setIsOpen:p,size:"medium",allOptionsButtonShown:!1,isAllOptionsSelected:!1,onAllOptionsClick:p};export{I as default};

package/components/DevCenter/AppsDataProvider/AppsDataProvider.js

@@ -1,29 +1 @@
-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
+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};

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

@@ -1,10 +1 @@
-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
+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};