@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js

@@ -1 +1,151 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/objectWithoutProperties";import{useState as t}from"react";import n from"prop-types";import i from"classnames";import{makeStyles as l,Popover as a}from"@material-ui/core";import{Settings as c,Close as p}from"@material-ui/icons";import s from"../../IconButton/index.js";import{jsxs as d,Fragment as h,jsx as u}from"react/jsx-runtime";var m=["children","iconSettingsProps"];function b(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,t)}return o}function f(r){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?b(Object(t),!0).forEach((function(o){e(r,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var g=l((function(e){return{popoverPaper:{minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:"calc(100% - 24px)","&.scrollable":{height:"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," 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%"}}}));function v(e){var n,l=e.children,b=e.iconSettingsProps,v=o(e,m),O=g(),P=t(null),y=r(P,2),j=y[0],w=y[1],x=t(!0),C=r(x,2),S=C[0],k=C[1],T=function(){w(null)},z=Boolean(j);return d(h,{children:[u(s,f(f({onClick:function(e){return w(e.currentTarget)}},b),{},{children:u(c,{})})),d(a,f(f({open:z,anchorEl:j,onClose:T,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},v),{},{classes:f(f({},null==v?void 0:v.classes),{},{paper:i(O.popoverPaper,S&&"scrollable",null==v||null===(n=v.classes)||void 0===n?void 0:n.paper)}),children:[d("div",{className:i(O.popoverHeader,S&&"scrollable"),children:[u("div",{className:O.headerTitle,children:"Settings"}),u(s,{tooltipProps:{title:"Close"},onClick:T,children:u(p,{})})]}),u("div",{className:i(O.popoverContentContainer,S&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&k(!1)},children:u("div",{className:O.popoverContent,children:l})})]}))]})}v.propTypes={children:n.node.isRequired,iconSettingsProps:n.shape({iconSize:n.string})},v.defaultProps={iconSettingsProps:{iconSize:"small"}};export{v as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { makeStyles, Popover } from '@material-ui/core';
+import { useState } from 'react';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { Close, Settings } from '@material-ui/icons';
+import IconButton from '../../IconButton/index.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    popoverPaper: {
+      minWidth: 286,
+      width: 286,
+      overflowY: 'hidden',
+      backgroundColor: theme.palette.background.b9,
+      maxHeight: 'calc(100% - 24px)',
+      '&.scrollable': {
+        height: '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%'
+    }
+  };
+});
+
+function AppSettingsPopover(_ref) {
+  var _popoverProps$classes;
+
+  var children = _ref.children,
+      iconSettingsProps = _ref.iconSettingsProps,
+      popoverProps = _objectWithoutProperties(_ref, ["children", "iconSettingsProps"]);
+
+  var styles = useStyles();
+
+  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 handleClose = function handleClose() {
+    setAnchorEl(null);
+  };
+
+  var isOpen = Boolean(anchorEl);
+
+  var handleContainerRef = function handleContainerRef(containerEl) {
+    if (containerEl) {
+      if (containerEl.scrollHeight <= containerEl.clientHeight) setIsScrollable(false);
+    }
+  };
+
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(IconButton, _objectSpread(_objectSpread({
+      onClick: function onClick(event) {
+        return setAnchorEl(event.currentTarget);
+      }
+    }, iconSettingsProps), {}, {
+      children: /*#__PURE__*/jsx(Settings, {})
+    })), /*#__PURE__*/jsxs(Popover, _objectSpread(_objectSpread({
+      open: isOpen,
+      anchorEl: anchorEl,
+      onClose: handleClose,
+      anchorOrigin: {
+        vertical: 'top',
+        horizontal: 'right'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'right'
+      },
+      marginThreshold: 12
+    }, popoverProps), {}, {
+      classes: _objectSpread(_objectSpread({}, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.classes), {}, {
+        paper: classNames(styles.popoverPaper, isScrollable && 'scrollable', popoverProps === null || popoverProps === void 0 ? void 0 : (_popoverProps$classes = popoverProps.classes) === null || _popoverProps$classes === void 0 ? void 0 : _popoverProps$classes.paper)
+      }),
+      children: [/*#__PURE__*/jsxs("div", {
+        className: classNames(styles.popoverHeader, isScrollable && 'scrollable'),
+        children: [/*#__PURE__*/jsx("div", {
+          className: styles.headerTitle,
+          children: "Settings"
+        }), /*#__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: styles.popoverContent,
+          children: children
+        })
+      })]
+    }))]
+  });
+}
+
+AppSettingsPopover.propTypes = {
+  children: PropTypes.node.isRequired,
+  iconSettingsProps: PropTypes.shape({
+    iconSize: PropTypes.string
+  })
+};
+AppSettingsPopover.defaultProps = {
+  iconSettingsProps: {
+    iconSize: 'small'
+  }
+};
+
+export default AppSettingsPopover;
+//# sourceMappingURL=AppSettingsPopover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSettingsPopover.js","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { makeStyles, Popover } from '@material-ui/core';\nimport { Close as CloseIcon, Settings as SettingsIcon } from '@material-ui/icons';\n\nimport IconButton from '~/components/IconButton';\n\nconst useStyles = makeStyles(theme => ({\n  popoverPaper: {\n    minWidth: 286,\n    width: 286,\n    overflowY: 'hidden',\n    backgroundColor: theme.palette.background.b9,\n    maxHeight: 'calc(100% - 24px)',\n    '&.scrollable': {\n      height: '100%',\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} 79%, 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\nfunction AppSettingsPopover({ children, iconSettingsProps, ...popoverProps }) {\n  const styles = useStyles();\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [isScrollable, setIsScrollable] = useState(true);\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const isOpen = Boolean(anchorEl);\n\n  const handleContainerRef = containerEl => {\n    if (containerEl) {\n      if (containerEl.scrollHeight <= containerEl.clientHeight) setIsScrollable(false);\n    }\n  };\n\n  return (\n    <>\n      <IconButton onClick={event => setAnchorEl(event.currentTarget)} {...iconSettingsProps}>\n        <SettingsIcon />\n      </IconButton>\n      <Popover\n        open={isOpen}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        marginThreshold={12}\n        {...popoverProps}\n        classes={{\n          ...popoverProps?.classes,\n          paper: classNames(\n            styles.popoverPaper,\n            isScrollable && 'scrollable',\n            popoverProps?.classes?.paper\n          ),\n        }}\n      >\n        <div className={classNames(styles.popoverHeader, isScrollable && 'scrollable')}>\n          <div className={styles.headerTitle}>Settings</div>\n          <IconButton tooltipProps={{ title: 'Close' }} onClick={handleClose}>\n            <CloseIcon />\n          </IconButton>\n        </div>\n        <div\n          className={classNames(styles.popoverContentContainer, isScrollable && 'scrollable')}\n          ref={handleContainerRef}\n        >\n          <div className={styles.popoverContent}>{children}</div>\n        </div>\n      </Popover>\n    </>\n  );\n}\n\nAppSettingsPopover.propTypes = {\n  children: PropTypes.node.isRequired,\n  iconSettingsProps: PropTypes.shape({ iconSize: PropTypes.string }),\n};\n\nAppSettingsPopover.defaultProps = {\n  iconSettingsProps: { iconSize: 'small' },\n};\n\nexport default AppSettingsPopover;\n"],"names":["useStyles","makeStyles","theme","popoverPaper","minWidth","width","overflowY","backgroundColor","palette","background","b9","maxHeight","height","popoverHeader","display","justifyContent","alignItems","padding","position","left","right","zIndex","headerTitle","fontSize","popoverContentContainer","marginTop","paddingTop","overflowX","popoverContent","AppSettingsPopover","children","iconSettingsProps","popoverProps","styles","useState","anchorEl","setAnchorEl","isScrollable","setIsScrollable","handleClose","isOpen","Boolean","handleContainerRef","containerEl","scrollHeight","clientHeight","_jsxs","_jsx","event","currentTarget","SettingsIcon","vertical","horizontal","classes","paper","classNames","title","CloseIcon","propTypes","PropTypes","node","isRequired","shape","iconSize","string","defaultProps"],"mappings":"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"}

package/components/DevCenter/AppSideBar/AppSideBar.js

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

package/components/DevCenter/AppsDataProvider/AppsDataProvider.js

@@ -1 +1,30 @@
-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 { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import AppContext from '../AppContext.js';
+import useAppsData from './effects/useAppsData.js';
+
+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 default AppsDataProvider;
+//# 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';\nimport AppContext from '../AppContext';\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":";;;;;AAIA,SAASA,gBAAT,OAAgE;AAAA,MAApCC,QAAoC,QAApCA,QAAoC;AAAA,MAA1BC,gBAA0B,QAA1BA,gBAA0B;AAAA,MAARC,IAAQ,QAARA,IAAQ;AAC9D,MAAMC,QAAQ,GAAGC,WAAW,CAAC;AAAEF,IAAAA,IAAI,EAAJA,IAAF;AAAQD,IAAAA,gBAAgB,EAAhBA;AAAR,GAAD,CAA5B;AAEA,sBAAOI,IAAC,UAAD,CAAY,QAAZ;AAAqB,IAAA,KAAK,EAAEF,QAA5B;AAAA,cAAuCH;AAAvC,IAAP;AACD;;AAEDD,gBAAgB,CAACO,SAAjB,GAA6B;AAC3BN,EAAAA,QAAQ,EAAEO,SAAS,CAACC,IAAV,CAAeC,UADE;AAE3BR,EAAAA,gBAAgB,EAAEM,SAAS,CAACG,MAFD;AAG3BR,EAAAA,IAAI,EAAEK,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgB,EAAhB,CAAlB,EAAuCH;AAHlB,CAA7B;AAMAV,gBAAgB,CAACc,YAAjB,GAAgC;AAC9BZ,EAAAA,gBAAgB,EAAE;AADY,CAAhC;;;;"}