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

package/components/FolderMenuItem/index.js

@@ -1 +1,168 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"prop-types";import r from"classnames";import{makeStyles as t,Tooltip as i}from"@material-ui/core";import n from"@material-ui/icons/AddCircle";import l from"@material-ui/icons/ExpandLess";import a from"@material-ui/icons/ExpandMore";import{jsxs as c,jsx as s}from"react/jsx-runtime";import d from"./components/FolderIcon.js";function p(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,t)}return r}function m(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?p(Object(t),!0).forEach((function(r){e(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(t,e))}))}return o}var f=t((function(e){return{folderMenuItem:{alignItems:"center",backgroundColor:e.palette.background.b8,color:"#FFFFFF",cursor:"pointer",display:"flex",fontSize:"0.875rem",fontWeight:"500",height:36,justifyContent:"space-between",paddingLeft:48,paddingRight:4,position:"relative",width:"100%",boxSizing:"border-box","&:hover":{backgroundColor:"rgba(3, 188, 212, 0.07)"},"&:hover svg":{visibility:"visible"}},folderMenuItemSelected:{backgroundColor:"rgba(3, 188, 212, 0.15) !important","&::before":{left:0,height:"100%",width:4,backgroundColor:e.palette.primary.main,position:"absolute",content:'""',borderRadius:"4px 0 0 4px"}},icon:{boxSizing:"content-box",cursor:"pointer",color:e.palette.primary.text6,padding:7,fontSize:"1rem","&:hover":{color:"#FFFFFF",backgroundColor:"rgba(51, 51, 51, 0.9)",borderRadius:"50%"},"&:active":{backgroundColor:e.palette.background.b9}},addCircleIcon:{visibility:"hidden"},actions:{display:"flex",alignItems:"center"},folderIcon:{position:"absolute",left:24,top:8},folderName:{overflow:"hidden",marginRight:4,height:"36px",lineHeight:"36px",whiteSpace:"nowrap",textOverflow:"ellipsis",userSelect:"none"}}})),u=function(o){var t=o.folderColor,p=o.isCreatable,u=o.isOpen,b=o.isSelected,g=o.name,h=o.onAdd,O=o.onClick,y=o.onToggle,C=f(),v=u?function(e){return s(i,{title:"Collapse",placement:"bottom-end",children:s(l,m({},e))})}:a;return c("div",{className:r(C.folderMenuItem,e({},C.folderMenuItemSelected,b)),onClick:O,children:[s(d,{color:t,isOpen:u,className:C.folderIcon}),s("div",{className:C.folderName,children:g}),c("div",{className:C.actions,children:[p&&s(i,{title:"Add Page",placement:"bottom-end",children:s(n,{fontSize:"small",onClick:function(e){e.stopPropagation(),h()},className:r(C.icon,C.addCircleIcon)})}),s(v,{fontSize:"small",className:r(C.icon,C.toggleIcon),onClick:function(e){e.stopPropagation(),y()}})]})]})};u.propTypes={folderColor:o.string.isRequired,isCreatable:o.bool,isOpen:o.bool,isSelected:o.bool,name:o.string.isRequired,onAdd:o.func.isRequired,onClick:o.func.isRequired,onToggle:o.func.isRequired},u.defaultProps={isCreatable:!1,isOpen:!1,isSelected:!1};export{u as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Tooltip } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import AddCircleIcon from '@material-ui/icons/AddCircle';
+import ExpandLess from '@material-ui/icons/ExpandLess';
+import ExpandMore from '@material-ui/icons/ExpandMore';
+import FolderIcon from './components/FolderIcon.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 {
+    folderMenuItem: {
+      alignItems: 'center',
+      backgroundColor: theme.palette.background.b8,
+      color: '#FFFFFF',
+      cursor: 'pointer',
+      display: 'flex',
+      fontSize: '0.875rem',
+      fontWeight: '500',
+      height: 36,
+      justifyContent: 'space-between',
+      paddingLeft: 48,
+      paddingRight: 4,
+      position: 'relative',
+      width: '100%',
+      boxSizing: 'border-box',
+      '&:hover': {
+        backgroundColor: 'rgba(3, 188, 212, 0.07)'
+      },
+      '&:hover svg': {
+        visibility: 'visible'
+      }
+    },
+    folderMenuItemSelected: {
+      backgroundColor: 'rgba(3, 188, 212, 0.15) !important',
+      '&::before': {
+        left: 0,
+        height: '100%',
+        width: 4,
+        backgroundColor: theme.palette.primary.main,
+        position: 'absolute',
+        content: '""',
+        borderRadius: '4px 0 0 4px'
+      }
+    },
+    // TODO: remove icon styles when Icon is implemented
+    icon: {
+      boxSizing: 'content-box',
+      cursor: 'pointer',
+      color: theme.palette.primary.text6,
+      padding: 7,
+      fontSize: '1rem',
+      '&:hover': {
+        color: '#FFFFFF',
+        backgroundColor: 'rgba(51, 51, 51, 0.9)',
+        borderRadius: '50%'
+      },
+      '&:active': {
+        backgroundColor: theme.palette.background.b9
+      }
+    },
+    addCircleIcon: {
+      visibility: 'hidden'
+    },
+    actions: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    folderIcon: {
+      position: 'absolute',
+      left: 24,
+      top: 8
+    },
+    folderName: {
+      overflow: 'hidden',
+      marginRight: 4,
+      height: '36px',
+      lineHeight: '36px',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      userSelect: 'none'
+    }
+  };
+});
+
+var FolderMenuItem = function FolderMenuItem(_ref) {
+  var folderColor = _ref.folderColor,
+      isCreatable = _ref.isCreatable,
+      isOpen = _ref.isOpen,
+      isSelected = _ref.isSelected,
+      name = _ref.name,
+      onAdd = _ref.onAdd,
+      onClick = _ref.onClick,
+      onToggle = _ref.onToggle;
+  var classes = useStyles();
+  var ToggleIcon = isOpen ? function (props) {
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/jsx-indent
+      jsx(Tooltip, {
+        title: "Collapse",
+        placement: "bottom-end",
+        children: /*#__PURE__*/jsx(ExpandLess, _objectSpread({}, props))
+      })
+    );
+  } : ExpandMore;
+
+  var handleAddItem = function handleAddItem(e) {
+    e.stopPropagation();
+    onAdd();
+  };
+
+  var handleToggle = function handleToggle(e) {
+    e.stopPropagation();
+    onToggle();
+  };
+
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(classes.folderMenuItem, _defineProperty({}, classes.folderMenuItemSelected, isSelected)),
+    onClick: onClick,
+    children: [/*#__PURE__*/jsx(FolderIcon, {
+      color: folderColor,
+      isOpen: isOpen,
+      className: classes.folderIcon
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.folderName,
+      children: name
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.actions,
+      children: [isCreatable && /*#__PURE__*/jsx(Tooltip, {
+        title: "Add Page",
+        placement: "bottom-end",
+        children: /*#__PURE__*/jsx(AddCircleIcon, {
+          fontSize: "small",
+          onClick: handleAddItem,
+          className: classNames(classes.icon, classes.addCircleIcon)
+        })
+      }), /*#__PURE__*/jsx(ToggleIcon, {
+        fontSize: "small",
+        className: classNames(classes.icon, classes.toggleIcon),
+        onClick: handleToggle
+      })]
+    })]
+  });
+};
+
+FolderMenuItem.propTypes = {
+  folderColor: PropTypes.string.isRequired,
+  isCreatable: PropTypes.bool,
+  isOpen: PropTypes.bool,
+  isSelected: PropTypes.bool,
+  name: PropTypes.string.isRequired,
+  onAdd: PropTypes.func.isRequired,
+  onClick: PropTypes.func.isRequired,
+  onToggle: PropTypes.func.isRequired
+};
+FolderMenuItem.defaultProps = {
+  isCreatable: false,
+  isOpen: false,
+  isSelected: false
+};
+
+export default FolderMenuItem;
+//# sourceMappingURL=index.js.map

package/components/FolderMenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/FolderMenuItem/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { Tooltip, makeStyles } from '@material-ui/core';\nimport AddCircleIcon from '@material-ui/icons/AddCircle';\nimport ExpandLess from '@material-ui/icons/ExpandLess';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\n\nimport { FolderIcon } from './components';\n\nconst useStyles = makeStyles(theme => ({\n  folderMenuItem: {\n    alignItems: 'center',\n    backgroundColor: theme.palette.background.b8,\n    color: '#FFFFFF',\n    cursor: 'pointer',\n    display: 'flex',\n    fontSize: '0.875rem',\n    fontWeight: '500',\n    height: 36,\n    justifyContent: 'space-between',\n    paddingLeft: 48,\n    paddingRight: 4,\n    position: 'relative',\n    width: '100%',\n    boxSizing: 'border-box',\n    '&:hover': {\n      backgroundColor: 'rgba(3, 188, 212, 0.07)',\n    },\n    '&:hover svg': {\n      visibility: 'visible',\n    },\n  },\n  folderMenuItemSelected: {\n    backgroundColor: 'rgba(3, 188, 212, 0.15) !important',\n    '&::before': {\n      left: 0,\n      height: '100%',\n      width: 4,\n      backgroundColor: theme.palette.primary.main,\n      position: 'absolute',\n      content: '\"\"',\n      borderRadius: '4px 0 0 4px',\n    },\n  },\n  // TODO: remove icon styles when Icon is implemented\n  icon: {\n    boxSizing: 'content-box',\n    cursor: 'pointer',\n    color: theme.palette.primary.text6,\n    padding: 7,\n    fontSize: '1rem',\n    '&:hover': {\n      color: '#FFFFFF',\n      backgroundColor: 'rgba(51, 51, 51, 0.9)',\n      borderRadius: '50%',\n    },\n    '&:active': {\n      backgroundColor: theme.palette.background.b9,\n    },\n  },\n  addCircleIcon: {\n    visibility: 'hidden',\n  },\n  actions: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  folderIcon: {\n    position: 'absolute',\n    left: 24,\n    top: 8,\n  },\n  folderName: {\n    overflow: 'hidden',\n    marginRight: 4,\n    height: '36px',\n    lineHeight: '36px',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    userSelect: 'none',\n  },\n}));\n\nconst FolderMenuItem = ({\n  folderColor,\n  isCreatable,\n  isOpen,\n  isSelected,\n  name,\n  onAdd,\n  onClick,\n  onToggle,\n}) => {\n  const classes = useStyles();\n\n  const ToggleIcon = isOpen\n    ? props => (\n        // eslint-disable-next-line react/jsx-indent\n        <Tooltip title=\"Collapse\" placement=\"bottom-end\">\n          <ExpandLess {...props} />\n        </Tooltip>\n      )\n    : ExpandMore;\n\n  const handleAddItem = e => {\n    e.stopPropagation();\n    onAdd();\n  };\n\n  const handleToggle = e => {\n    e.stopPropagation();\n    onToggle();\n  };\n\n  return (\n    <div\n      className={classNames(\n        classes.folderMenuItem,\n        { [classes.folderMenuItemSelected]: isSelected },\n      )}\n      onClick={onClick}\n    >\n      <FolderIcon color={folderColor} isOpen={isOpen} className={classes.folderIcon} />\n      <div className={classes.folderName}>{name}</div>\n      <div className={classes.actions}>\n        {isCreatable && (\n          <Tooltip title=\"Add Page\" placement=\"bottom-end\">\n            <AddCircleIcon\n              fontSize=\"small\"\n              onClick={handleAddItem}\n              className={classNames(classes.icon, classes.addCircleIcon)}\n            />\n          </Tooltip>\n        )}\n        <ToggleIcon fontSize=\"small\" className={classNames(classes.icon, classes.toggleIcon)} onClick={handleToggle}/>\n      </div>\n    </div>\n  );\n};\n\nFolderMenuItem.propTypes = {\n  folderColor: PropTypes.string.isRequired,\n  isCreatable: PropTypes.bool,\n  isOpen: PropTypes.bool,\n  isSelected: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  onAdd: PropTypes.func.isRequired,\n  onClick: PropTypes.func.isRequired,\n  onToggle: PropTypes.func.isRequired,\n};\n\nFolderMenuItem.defaultProps = {\n  isCreatable: false,\n  isOpen: false,\n  isSelected: false,\n};\n\nexport default FolderMenuItem;\n"],"names":["useStyles","makeStyles","theme","folderMenuItem","alignItems","backgroundColor","palette","background","b8","color","cursor","display","fontSize","fontWeight","height","justifyContent","paddingLeft","paddingRight","position","width","boxSizing","visibility","folderMenuItemSelected","left","primary","main","content","borderRadius","icon","text6","padding","b9","addCircleIcon","actions","folderIcon","top","folderName","overflow","marginRight","lineHeight","whiteSpace","textOverflow","userSelect","FolderMenuItem","folderColor","isCreatable","isOpen","isSelected","name","onAdd","onClick","onToggle","classes","ToggleIcon","props","_jsx","ExpandMore","handleAddItem","e","stopPropagation","handleToggle","_jsxs","classNames","toggleIcon","propTypes","PropTypes","string","isRequired","bool","func","defaultProps"],"mappings":"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"}

package/components/FolderMenuItemWithLinks/index.js

@@ -1 +1,114 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as i}from"react";import r from"prop-types";import{Collapse as t,List as n}from"@material-ui/core";import o from"../FolderMenuItem/index.js";import"../EditableItem/EditableItem/index.js";import d from"../EditableItem/EditableItemWithBadge/index.js";import{jsxs as l,jsx as s}from"react/jsx-runtime";var u=function(r){var u=r.folderColor,a=r.id,m=r.isCreatable,c=r.isOpen,f=r.items,p=r.name,b=r.onAdd,C=r.onFolderClick,g=r.onItemClick,I=r.onSave,q=r.selectedItemId,R=i(c),E=e(R,2),k=E[0],v=E[1],h=function(e){return function(){return g(e)}},x=function(e){return function(i){return I({id:e,title:i})}};return l("div",{children:[s(o,{folderColor:u,isCreatable:m,isOpen:k,isSelected:q===a,name:p,onAdd:function(){return b(a)},onClick:function(){k||v(!0),q!==a&&C()},onToggle:function(){return v(!k)}}),s(t,{in:k,timeout:"auto",unmountOnExit:!0,children:s(n,{disablePadding:!0,children:f.map((function(e){return s(d,{isEditable:e.isEditable,isSelected:q===e.id,onClick:h(e),onSave:x(e.id),value:e.title},e.id)}))})})]})};u.propTypes={id:r.string.isRequired,isOpen:r.bool,selectedItemId:r.string.isRequired,items:r.arrayOf(r.shape({id:r.string.isRequired,title:r.string.isRequired,isEditable:r.bool,url:r.string.isRequired})),name:r.string.isRequired,onItemClick:r.func.isRequired,onFolderClick:r.func,folderColor:r.string.isRequired,isCreatable:r.bool,onSave:r.func.isRequired,onAdd:r.func.isRequired},u.defaultProps={isCreatable:!1,isOpen:!0,items:[],onFolderClick:function(){}};export{u as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Collapse, List } from '@material-ui/core';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import FolderMenuItem from '../FolderMenuItem/index.js';
+import '../EditableItem/EditableItem/index.js';
+import EditableItemWithBadge from '../EditableItem/EditableItemWithBadge/index.js';
+
+var FolderMenuItemWithLinks = function FolderMenuItemWithLinks(_ref) {
+  var folderColor = _ref.folderColor,
+      id = _ref.id,
+      isCreatable = _ref.isCreatable,
+      initialIsOpen = _ref.isOpen,
+      items = _ref.items,
+      name = _ref.name,
+      _onAdd = _ref.onAdd,
+      onFolderClick = _ref.onFolderClick,
+      onItemClick = _ref.onItemClick,
+      onSave = _ref.onSave,
+      selectedItemId = _ref.selectedItemId;
+
+  var _useState = useState(initialIsOpen),
+      _useState2 = _slicedToArray(_useState, 2),
+      isOpen = _useState2[0],
+      setIsOpen = _useState2[1]; // eslint-disable-next-line consistent-return
+
+
+  var handleFolderClick = function handleFolderClick() {
+    if (!isOpen) {
+      setIsOpen(true);
+    }
+
+    if (selectedItemId !== id) {
+      onFolderClick();
+    }
+  };
+
+  var getItemClickHandler = function getItemClickHandler(item) {
+    return function () {
+      return onItemClick(item);
+    };
+  };
+
+  var getSaveHandler = function getSaveHandler(id) {
+    return function (title) {
+      return onSave({
+        id: id,
+        title: title
+      });
+    };
+  };
+
+  return /*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsx(FolderMenuItem, {
+      folderColor: folderColor,
+      isCreatable: isCreatable,
+      isOpen: isOpen,
+      isSelected: selectedItemId === id,
+      name: name,
+      onAdd: function onAdd() {
+        return _onAdd(id);
+      },
+      onClick: handleFolderClick,
+      onToggle: function onToggle() {
+        return setIsOpen(!isOpen);
+      }
+    }), /*#__PURE__*/jsx(Collapse, {
+      in: isOpen,
+      timeout: "auto",
+      unmountOnExit: true,
+      children: /*#__PURE__*/jsx(List, {
+        disablePadding: true,
+        children: items.map(function (item) {
+          return /*#__PURE__*/jsx(EditableItemWithBadge, {
+            isEditable: item.isEditable,
+            isSelected: selectedItemId === item.id,
+            onClick: getItemClickHandler(item),
+            onSave: getSaveHandler(item.id),
+            value: item.title
+          }, item.id);
+        })
+      })
+    })]
+  });
+};
+
+FolderMenuItemWithLinks.propTypes = {
+  id: PropTypes.string.isRequired,
+  isOpen: PropTypes.bool,
+  selectedItemId: PropTypes.string.isRequired,
+  items: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    title: PropTypes.string.isRequired,
+    isEditable: PropTypes.bool,
+    url: PropTypes.string.isRequired
+  })),
+  name: PropTypes.string.isRequired,
+  onItemClick: PropTypes.func.isRequired,
+  onFolderClick: PropTypes.func,
+  folderColor: PropTypes.string.isRequired,
+  isCreatable: PropTypes.bool,
+  onSave: PropTypes.func.isRequired,
+  onAdd: PropTypes.func.isRequired
+};
+FolderMenuItemWithLinks.defaultProps = {
+  isCreatable: false,
+  isOpen: true,
+  items: [],
+  onFolderClick: function onFolderClick() {}
+};
+
+export default FolderMenuItemWithLinks;
+//# sourceMappingURL=index.js.map

package/components/FolderMenuItemWithLinks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/FolderMenuItemWithLinks/index.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Collapse, List } from '@material-ui/core';\n\nimport FolderMenuItem from '../FolderMenuItem';\nimport { EditableItemWithBadge } from '../EditableItem';\n\nconst FolderMenuItemWithLinks = ({\n  folderColor,\n  id,\n  isCreatable,\n  isOpen: initialIsOpen,\n  items,\n  name,\n  onAdd,\n  onFolderClick,\n  onItemClick,\n  onSave,\n  selectedItemId,\n}) => {\n  const [isOpen, setIsOpen] = useState(initialIsOpen);\n\n   // eslint-disable-next-line consistent-return\n   const handleFolderClick = () => {\n    if (!isOpen) {\n      setIsOpen(true);\n    }\n    if (selectedItemId !== id) {\n      onFolderClick();\n    }\n  };\n\n  const getItemClickHandler = item => () => onItemClick(item);\n\n  const getSaveHandler = id => title => onSave({id, title});\n\n  return (\n    <div>\n      <FolderMenuItem\n        folderColor={folderColor}\n        isCreatable={isCreatable}\n        isOpen={isOpen}\n        isSelected={selectedItemId === id}\n        name={name}\n        onAdd={() => onAdd(id)}\n        onClick={handleFolderClick}\n        onToggle={() => setIsOpen(!isOpen)}\n      />\n      <Collapse in={isOpen} timeout=\"auto\" unmountOnExit>\n        <List disablePadding>\n          { items.map(item => (\n            <EditableItemWithBadge\n              isEditable={item.isEditable}\n              isSelected={selectedItemId === item.id}\n              key={item.id}\n              onClick={getItemClickHandler(item)}\n              onSave={getSaveHandler(item.id)}\n              value={item.title}\n            />\n          )) }\n        </List>\n      </Collapse>\n    </div>\n  );\n};\n\nFolderMenuItemWithLinks.propTypes = {\n  id: PropTypes.string.isRequired,\n  isOpen: PropTypes.bool,\n  selectedItemId: PropTypes.string.isRequired,\n  items: PropTypes.arrayOf(PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n    isEditable: PropTypes.bool,\n    url: PropTypes.string.isRequired,\n  })),\n  name: PropTypes.string.isRequired,\n  onItemClick: PropTypes.func.isRequired,\n  onFolderClick: PropTypes.func,\n  folderColor: PropTypes.string.isRequired,\n  isCreatable: PropTypes.bool,\n  onSave: PropTypes.func.isRequired,\n  onAdd: PropTypes.func.isRequired,\n};\n\nFolderMenuItemWithLinks.defaultProps = {\n  isCreatable: false,\n  isOpen: true,\n  items: [],\n  onFolderClick: () => {},\n};\n\nexport default FolderMenuItemWithLinks;\n"],"names":["FolderMenuItemWithLinks","folderColor","id","isCreatable","initialIsOpen","isOpen","items","name","onAdd","onFolderClick","onItemClick","onSave","selectedItemId","useState","setIsOpen","handleFolderClick","getItemClickHandler","item","getSaveHandler","title","_jsxs","_jsx","map","isEditable","propTypes","PropTypes","string","isRequired","bool","arrayOf","shape","url","func","defaultProps"],"mappings":"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"}

package/components/GoogleDocsViewer/index.js

@@ -1 +1,167 @@
-import e from"@babel/runtime/helpers/classCallCheck";import r from"@babel/runtime/helpers/createClass";import o from"@babel/runtime/helpers/assertThisInitialized";import t from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import n from"@babel/runtime/helpers/getPrototypeOf";import a from"@babel/runtime/helpers/defineProperty";import{createRef as l,PureComponent as s}from"react";import c from"prop-types";import f from"classnames";import m from"@material-ui/core/Typography";import u from"@material-ui/icons/ArrowBack";import p from"../LoadingIndicator/LoadingIndicator.js";import d from"./styles.css.js";import{jsxs as h,jsx as b}from"react/jsx-runtime";function g(e){var r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,t=n(e);if(r){var a=n(this).constructor;o=Reflect.construct(t,arguments,a)}else o=t.apply(this,arguments);return i(this,o)}}var v=function(e){return b("div",{className:d.cGoogleDocsViewerToolbar,children:b("button",{type:"button","aria-label":"Close",className:d.cGoogleDocsViewerToolbarButton,onClick:e.onClose,children:h("div",{className:d.cGoogleDocsViewerToolbarBackButton,children:[b(u,{className:d.cGoogleDocsViewerToolbarIcon,htmlColor:"#b3b3b3"}),e.fileName&&b("span",{className:d.cGoogleDocsViewerToolbarBackButtonFileName,children:e.fileName})]})})})},y=function(i){t(c,s);var n=g(c);function c(r){var t;return e(this,c),t=n.call(this,r),a(o(t),"reloadFrame",(function(){t.frameRef.current&&t.setState((function(e){return{reloadsCounter:e.reloadsCounter+1}}),(function(){t.frameRef.current.src=t.frameLink}))})),a(o(t),"onFrameLoad",(function(){t.setState({loading:!1},(function(){clearInterval(t.frameLoadInterval)}))})),t.state={reloadsCounter:0,loading:!0,loadingFailed:!1},t.frameRef=l(),t}return r(c,[{key:"componentDidMount",value:function(){var e=this.props.fileSize&&this.props.fileSize>=1048576?this.props.fileSize/1048576*1e4:1e4;this.frameLoadInterval=setInterval(this.reloadFrame,e)}},{key:"componentWillUnmount",value:function(){clearInterval(this.frameLoadInterval)}},{key:"frameLink",get:function(){return"https://docs.google.com/viewer?url=".concat(encodeURIComponent(this.props.fileUrl),"&embedded=true")}},{key:"render",value:function(){var e=this.props,r=e.fileUrl,o=e.width,t=e.height,i=e.fileName,n=e.onClose,l=this.state,s=l.loading,c=l.loadingFailed;return h("div",{className:d.cGoogleDocsViewer,style:{width:o,height:t},children:[b(v,{fileName:i,onClose:n}),s&&b(p,{white:!1}),c?b(m,{variant:"body2",children:"Loading failed"}):b("iframe",{className:f(d.cGoogleDocsViewerFrame,a({},d.cGoogleDocsViewerFrameHidden,s)),title:r,src:this.frameLink,onLoad:this.onFrameLoad,ref:this.frameRef})]})}}]),c}();y.propTypes={width:c.oneOfType([c.string,c.number]),height:c.oneOfType([c.string,c.number]),fileUrl:c.string.isRequired,fileName:c.string,fileSize:c.number,onClose:c.func.isRequired},v.propTypes={onClose:c.func.isRequired,fileName:c.string},y.defaultProps={width:"100%",height:"100%",fileName:void 0,fileSize:void 0},v.defaultProps={fileName:void 0};export{y as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createRef, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
+import _inherits from '@babel/runtime/helpers/inherits';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
+import Typography from '@material-ui/core/Typography';
+import BackIcon from '@material-ui/icons/ArrowBack';
+import styles from './styles.css.js';
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+var REQUEST_TIMEOUT = 10000;
+var BYTES_IN_MEGABYTE = 1048576;
+
+var Toolbar = function Toolbar(props) {
+  return /*#__PURE__*/jsx("div", {
+    className: styles.cGoogleDocsViewerToolbar,
+    children: /*#__PURE__*/jsx("button", {
+      type: "button",
+      "aria-label": "Close",
+      className: styles.cGoogleDocsViewerToolbarButton,
+      onClick: props.onClose,
+      children: /*#__PURE__*/jsxs("div", {
+        className: styles.cGoogleDocsViewerToolbarBackButton,
+        children: [/*#__PURE__*/jsx(BackIcon, {
+          className: styles.cGoogleDocsViewerToolbarIcon,
+          htmlColor: "#b3b3b3"
+        }), props.fileName && /*#__PURE__*/jsx("span", {
+          className: styles.cGoogleDocsViewerToolbarBackButtonFileName,
+          children: props.fileName
+        })]
+      })
+    })
+  });
+};
+
+var GoogleDocsViewer = /*#__PURE__*/function (_PureComponent) {
+  _inherits(GoogleDocsViewer, _PureComponent);
+
+  var _super = _createSuper(GoogleDocsViewer);
+
+  function GoogleDocsViewer(props) {
+    var _this;
+
+    _classCallCheck(this, GoogleDocsViewer);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "reloadFrame", function () {
+      if (_this.frameRef.current) {
+        _this.setState(function (prevState) {
+          return {
+            reloadsCounter: prevState.reloadsCounter + 1
+          };
+        }, function () {
+          _this.frameRef.current.src = _this.frameLink;
+        });
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onFrameLoad", function () {
+      _this.setState({
+        loading: false
+      }, function () {
+        clearInterval(_this.frameLoadInterval);
+      });
+    });
+
+    _this.state = {
+      reloadsCounter: 0,
+      loading: true,
+      loadingFailed: false
+    };
+    _this.frameRef = createRef();
+    return _this;
+  }
+
+  _createClass(GoogleDocsViewer, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      // NOTE: Workaround when google viewer returns 204:
+      // https://productforums.google.com/forum/#!msg/docs/hmj39HMDP1M/X6a8xJwLBQAJ
+      var timeOut = this.props.fileSize && this.props.fileSize >= BYTES_IN_MEGABYTE ? this.props.fileSize / BYTES_IN_MEGABYTE * REQUEST_TIMEOUT : REQUEST_TIMEOUT;
+      this.frameLoadInterval = setInterval(this.reloadFrame, timeOut);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearInterval(this.frameLoadInterval);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          fileUrl = _this$props.fileUrl,
+          width = _this$props.width,
+          height = _this$props.height,
+          fileName = _this$props.fileName,
+          onClose = _this$props.onClose;
+      var _this$state = this.state,
+          loading = _this$state.loading,
+          loadingFailed = _this$state.loadingFailed;
+      return /*#__PURE__*/jsxs("div", {
+        className: styles.cGoogleDocsViewer,
+        style: {
+          width: width,
+          height: height
+        },
+        children: [/*#__PURE__*/jsx(Toolbar, {
+          fileName: fileName,
+          onClose: onClose
+        }), loading && /*#__PURE__*/jsx(LoadingIndicator, {
+          white: false
+        }), loadingFailed ? /*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          children: "Loading failed"
+        }) : /*#__PURE__*/jsx("iframe", {
+          className: classNames(styles.cGoogleDocsViewerFrame, _defineProperty({}, styles.cGoogleDocsViewerFrameHidden, loading)),
+          title: fileUrl,
+          src: this.frameLink,
+          onLoad: this.onFrameLoad,
+          ref: this.frameRef
+        })]
+      });
+    }
+  }, {
+    key: "frameLink",
+    get: function get() {
+      return "https://docs.google.com/viewer?url=".concat(encodeURIComponent(this.props.fileUrl), "&embedded=true");
+    }
+  }]);
+
+  return GoogleDocsViewer;
+}(PureComponent);
+
+GoogleDocsViewer.propTypes = {
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  fileUrl: PropTypes.string.isRequired,
+  fileName: PropTypes.string,
+  fileSize: PropTypes.number,
+  onClose: PropTypes.func.isRequired
+};
+Toolbar.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  fileName: PropTypes.string
+};
+GoogleDocsViewer.defaultProps = {
+  width: '100%',
+  height: '100%',
+  fileName: undefined,
+  fileSize: undefined
+};
+Toolbar.defaultProps = {
+  fileName: undefined
+};
+
+export default GoogleDocsViewer;
+//# sourceMappingURL=index.js.map

package/components/GoogleDocsViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/GoogleDocsViewer/index.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Typography from '@material-ui/core/Typography';\nimport BackIcon from '@material-ui/icons/ArrowBack';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\n\nimport styles from './styles.css';\n\nconst REQUEST_TIMEOUT = 10000;\nconst BYTES_IN_MEGABYTE = 1048576;\n\nconst Toolbar = props => (\n  <div className={styles.cGoogleDocsViewerToolbar}>\n    <button\n      type=\"button\"\n      aria-label=\"Close\"\n      className={styles.cGoogleDocsViewerToolbarButton}\n      onClick={props.onClose}\n    >\n      <div className={styles.cGoogleDocsViewerToolbarBackButton}>\n        <BackIcon className={styles.cGoogleDocsViewerToolbarIcon} htmlColor=\"#b3b3b3\" />\n        {props.fileName && (\n          <span className={styles.cGoogleDocsViewerToolbarBackButtonFileName}>\n            {props.fileName}\n          </span>\n        )}\n      </div>\n    </button>\n  </div>\n);\n\nclass GoogleDocsViewer extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      reloadsCounter: 0,\n      loading: true,\n      loadingFailed: false,\n    };\n\n    this.frameRef = createRef();\n  }\n\n  componentDidMount() {\n    // NOTE: Workaround when google viewer returns 204:\n    // https://productforums.google.com/forum/#!msg/docs/hmj39HMDP1M/X6a8xJwLBQAJ\n\n    const timeOut =\n      this.props.fileSize && this.props.fileSize >= BYTES_IN_MEGABYTE\n        ? (this.props.fileSize / BYTES_IN_MEGABYTE) * REQUEST_TIMEOUT\n        : REQUEST_TIMEOUT;\n\n    this.frameLoadInterval = setInterval(this.reloadFrame, timeOut);\n  }\n\n  componentWillUnmount() {\n    clearInterval(this.frameLoadInterval);\n  }\n\n  get frameLink() {\n    return `https://docs.google.com/viewer?url=${encodeURIComponent(\n      this.props.fileUrl\n    )}&embedded=true`;\n  }\n\n  reloadFrame = () => {\n    if (this.frameRef.current) {\n      this.setState(\n        prevState => ({ reloadsCounter: prevState.reloadsCounter + 1 }),\n        () => {\n          this.frameRef.current.src = this.frameLink;\n        }\n      );\n    }\n  };\n\n  onFrameLoad = () => {\n    this.setState({ loading: false }, () => {\n      clearInterval(this.frameLoadInterval);\n    });\n  };\n\n  render() {\n    const { fileUrl, width, height, fileName, onClose } = this.props;\n    const { loading, loadingFailed } = this.state;\n\n    return (\n      <div className={styles.cGoogleDocsViewer} style={{ width, height }}>\n        <Toolbar fileName={fileName} onClose={onClose} />\n        {loading && <LoadingIndicator white={false} />}\n        {loadingFailed ? (\n          <Typography variant=\"body2\">Loading failed</Typography>\n        ) : (\n          <iframe\n            className={classNames(styles.cGoogleDocsViewerFrame, {\n              [styles.cGoogleDocsViewerFrameHidden]: loading,\n            })}\n            title={fileUrl}\n            src={this.frameLink}\n            onLoad={this.onFrameLoad}\n            ref={this.frameRef}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nGoogleDocsViewer.propTypes = {\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  fileUrl: PropTypes.string.isRequired,\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n};\n\nToolbar.propTypes = {\n  onClose: PropTypes.func.isRequired,\n  fileName: PropTypes.string,\n};\n\nGoogleDocsViewer.defaultProps = {\n  width: '100%',\n  height: '100%',\n  fileName: undefined,\n\n  fileSize: undefined,\n};\n\nToolbar.defaultProps = {\n  fileName: undefined,\n};\n\nexport default GoogleDocsViewer;\n"],"names":["REQUEST_TIMEOUT","BYTES_IN_MEGABYTE","Toolbar","props","_jsx","styles","cGoogleDocsViewerToolbar","cGoogleDocsViewerToolbarButton","onClose","_jsxs","cGoogleDocsViewerToolbarBackButton","cGoogleDocsViewerToolbarIcon","fileName","cGoogleDocsViewerToolbarBackButtonFileName","GoogleDocsViewer","frameRef","current","setState","prevState","reloadsCounter","src","frameLink","loading","clearInterval","frameLoadInterval","state","loadingFailed","createRef","timeOut","fileSize","setInterval","reloadFrame","fileUrl","width","height","cGoogleDocsViewer","classNames","cGoogleDocsViewerFrame","cGoogleDocsViewerFrameHidden","onFrameLoad","encodeURIComponent","PureComponent","propTypes","PropTypes","oneOfType","string","number","isRequired","func","defaultProps","undefined"],"mappings":"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"}

package/components/GoogleDocsViewer/styles.css.js

@@ -1 +1,8 @@
-import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={cGoogleDocsViewer:"styles_cGoogleDocsViewer__0TGby",cGoogleDocsViewerFrame:"styles_cGoogleDocsViewerFrame__GGHHm",cGoogleDocsViewerFrameHidden:"styles_cGoogleDocsViewerFrameHidden__MyIcg",cGoogleDocsViewerToolbarButton:"styles_cGoogleDocsViewerToolbarButton__JHCZM",cGoogleDocsViewerToolbarIcon:"styles_cGoogleDocsViewerToolbarIcon__JNzaY",cGoogleDocsViewerToolbar:"styles_cGoogleDocsViewerToolbar__fNE-C",cGoogleDocsViewerToolbarBackButton:"styles_cGoogleDocsViewerToolbarBackButton__zrD-S",cGoogleDocsViewerToolbarBackButtonFileName:"styles_cGoogleDocsViewerToolbarBackButtonFileName__Gnag9"};o('.styles_cGoogleDocsViewer__0TGby{align-items:center;display:flex;justify-content:center}.styles_cGoogleDocsViewerFrame__GGHHm{border:none;height:100%;width:100%}.styles_cGoogleDocsViewerFrameHidden__MyIcg{height:0;visibility:0}.styles_cGoogleDocsViewerToolbarButton__JHCZM{background-color:transparent;border:none;cursor:pointer;padding:0;vertical-align:middle}.styles_cGoogleDocsViewerToolbarButton__JHCZM:focus{outline:none}.styles_cGoogleDocsViewerToolbarIcon__JNzaY{height:34px!important;padding:4px 6px;width:42px!important}.styles_cGoogleDocsViewerToolbarIcon__JNzaY:hover{color:"#fff"}.styles_cGoogleDocsViewerToolbar__fNE-C{color:#fff;left:5px;position:fixed;top:5px;z-index:1001}.styles_cGoogleDocsViewerToolbarBackButton__zrD-S{align-items:center;display:flex}.styles_cGoogleDocsViewerToolbarBackButtonFileName__Gnag9{color:#fff;font-size:1rem}');export{e as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cGoogleDocsViewer__1WDzY {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.styles_cGoogleDocsViewerFrame__3m32P {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n\n.styles_cGoogleDocsViewerFrameHidden__1r0v8 {\n  visibility: 0;\n  height: 0;\n}\n\n.styles_cGoogleDocsViewerToolbarButton__1tvrA {\n  vertical-align: middle;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n}\n\n.styles_cGoogleDocsViewerToolbarButton__1tvrA:focus {\n  outline: none;\n}\n\n.styles_cGoogleDocsViewerToolbarIcon__2o5cn {\n  width: 42px !important;\n  height: 34px !important;\n  padding: 4px 6px;\n}\n\n.styles_cGoogleDocsViewerToolbarIcon__2o5cn:hover {\n  color: '#fff';\n}\n\n.styles_cGoogleDocsViewerToolbar__3B66X {\n  top: 5px;\n  left: 5px;\n  color: #fff;\n  position: fixed;\n  z-index: 1001;\n}\n\n.styles_cGoogleDocsViewerToolbarBackButton__3LgsK {\n  display: flex;\n  align-items: center;\n}\n\n.styles_cGoogleDocsViewerToolbarBackButtonFileName__6k_KP {\n  font-size: 1rem;\n  color: #fff;\n}\n";
+var styles = {"cGoogleDocsViewer":"styles_cGoogleDocsViewer__1WDzY","cGoogleDocsViewerFrame":"styles_cGoogleDocsViewerFrame__3m32P","cGoogleDocsViewerFrameHidden":"styles_cGoogleDocsViewerFrameHidden__1r0v8","cGoogleDocsViewerToolbarButton":"styles_cGoogleDocsViewerToolbarButton__1tvrA","cGoogleDocsViewerToolbarIcon":"styles_cGoogleDocsViewerToolbarIcon__2o5cn","cGoogleDocsViewerToolbar":"styles_cGoogleDocsViewerToolbar__3B66X","cGoogleDocsViewerToolbarBackButton":"styles_cGoogleDocsViewerToolbarBackButton__3LgsK","cGoogleDocsViewerToolbarBackButtonFileName":"styles_cGoogleDocsViewerToolbarBackButtonFileName__6k_KP"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=styles.css.js.map

package/components/GoogleDocsViewer/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/HeaderLayout/HeaderLayout.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={layoutContainer:"HeaderLayout_layoutContainer__w0Y9c",layoutTopLarge:"HeaderLayout_layoutTopLarge__n-g8a",layoutTopRightLarge:"HeaderLayout_layoutTopRightLarge__Jr9yh",layoutTopSmall:"HeaderLayout_layoutTopSmall__4ZxAb",assetChips:"HeaderLayout_assetChips__kvLY7",layoutBottomSmall:"HeaderLayout_layoutBottomSmall__Tl-yE",layoutOffsetpicker:"HeaderLayout_layoutOffsetpicker__gGVNO",layoutOffsetwellChipsLarge:"HeaderLayout_layoutOffsetwellChipsLarge__5EUUe",layoutOffsetwellChipsSmall:"HeaderLayout_layoutOffsetwellChipsSmall__HnEkc"};e(".HeaderLayout_layoutContainer__w0Y9c{display:flex;flex-direction:column}.HeaderLayout_layoutTopLarge__n-g8a{align-items:center;display:flex;justify-content:space-between}.HeaderLayout_layoutTopRightLarge__Jr9yh{align-items:baseline;display:flex;justify-content:end;overflow:hidden;width:auto}.HeaderLayout_layoutTopSmall__4ZxAb{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:auto}.HeaderLayout_assetChips__kvLY7{display:flex;justify-content:end;overflow:hidden}.HeaderLayout_layoutBottomSmall__Tl-yE{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-top:8px}.HeaderLayout_layoutOffsetpicker__gGVNO{align-items:center;display:flex}.HeaderLayout_layoutOffsetwellChipsLarge__5EUUe{display:flex;flex-wrap:wrap;justify-content:flex-end}.HeaderLayout_layoutOffsetwellChipsSmall__HnEkc{display:flex;flex-wrap:wrap;justify-content:flex-start}");export{a as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".HeaderLayout_layoutContainer__1t8ww {\n  display: flex;\n  flex-direction: column;\n}\n\n.HeaderLayout_layoutTopLarge__3Bhug {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.HeaderLayout_layoutTopRightLarge__Ykjaw {\n  display: flex;\n  align-items: baseline;\n  justify-content: end;\n  width: auto;\n  overflow: hidden;\n}\n\n.HeaderLayout_layoutTopSmall__3bKdD {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: auto;\n  overflow: hidden;\n}\n\n.HeaderLayout_assetChips__3D5Me {\n  overflow: hidden;\n  display: flex;\n  justify-content: end;\n}\n\n.HeaderLayout_layoutBottomSmall__35m3P {\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  padding-top: 8px;\n}\n\n.HeaderLayout_layoutOffsetpicker__3QDW5 {\n  display: flex;\n  align-items: center;\n}\n\n.HeaderLayout_layoutOffsetwellChipsLarge__HmO44 {\n  display: flex;\n  justify-content: flex-end;\n  flex-wrap: wrap;\n}\n\n.HeaderLayout_layoutOffsetwellChipsSmall__2qfWG {\n  display: flex;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n}\n";
+var styles = {"layoutContainer":"HeaderLayout_layoutContainer__1t8ww","layoutTopLarge":"HeaderLayout_layoutTopLarge__3Bhug","layoutTopRightLarge":"HeaderLayout_layoutTopRightLarge__Ykjaw","layoutTopSmall":"HeaderLayout_layoutTopSmall__3bKdD","assetChips":"HeaderLayout_assetChips__3D5Me","layoutBottomSmall":"HeaderLayout_layoutBottomSmall__35m3P","layoutOffsetpicker":"HeaderLayout_layoutOffsetpicker__3QDW5","layoutOffsetwellChipsLarge":"HeaderLayout_layoutOffsetwellChipsLarge__HmO44","layoutOffsetwellChipsSmall":"HeaderLayout_layoutOffsetwellChipsSmall__2qfWG"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=HeaderLayout.css.js.map

package/components/HeaderLayout/HeaderLayout.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}