@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/Chip/index.js

@@ -1,94 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsx } from 'react/jsx-runtime';
-import { makeStyles, Chip as Chip$1 } from '@material-ui/core';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-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 checkIconSvg = function checkIconSvg(_ref) {
-  var _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 18 : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 14 : _ref$height,
-      fill = _ref.fill;
-  var fillColor = fill.replace('#', '%23');
-  return "<svg width='".concat(width, "' height='").concat(height, "' viewBox='0 0 18 14' fill='").concat(fillColor, "' xmlns='http://www.w3.org/2000/svg'><path d='M6 11.1698L1.83 6.99984L0.410004 8.40984L6 13.9998L18 1.99984L16.59 0.589844L6 11.1698Z'/></svg>");
-};
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    checked: {
-      '&::before': {
-        content: "url(\"data:image/svg+xml; utf8, ".concat(checkIconSvg({
-          fill: theme.palette.primary.main
-        }), "\")"),
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: 24,
-        height: 24,
-        lineHeight: '24px',
-        marginLeft: 8,
-        marginRight: '-4px',
-        paddingTop: 3
-      },
-      '&.Mui-disabled::before': {
-        content: "url(\"data:image/svg+xml; utf8, ".concat(checkIconSvg({
-          fill: theme.palette.primary.text8
-        }), "\")")
-      },
-      '&.MuiChip-sizeSmall::before': {
-        content: "url(\"data:image/svg+xml; utf8, ".concat(checkIconSvg({
-          width: 12,
-          fill: theme.palette.primary.main
-        }), "\")"),
-        width: 16,
-        height: 16
-      },
-      '&.MuiChip-sizeSmall.Mui-disabled::before': {
-        content: "url(\"data:image/svg+xml; utf8, ".concat(checkIconSvg({
-          width: 12,
-          fill: theme.palette.primary.text8
-        }), "\")")
-      },
-      '&.MuiChip-root.MuiChip-clickable': {
-        '& .MuiChip-label, & .MuiChip-deleteIcon, & .MuiChip-icon': {
-          color: '#FFFFFF'
-        }
-      },
-      '& .MuiChip-label:first-child': {
-        marginLeft: '-4px'
-      }
-    }
-  };
-});
-
-var Chip = function Chip(props) {
-  var checked = props.checked,
-      _props$classes = props.classes,
-      classes = _props$classes === void 0 ? {} : _props$classes;
-  var styles = useStyles();
-
-  if (!checked) {
-    return /*#__PURE__*/jsx(Chip$1, _objectSpread({}, props));
-  }
-
-  return /*#__PURE__*/jsx(Chip$1, _objectSpread(_objectSpread({}, props), {}, {
-    classes: _objectSpread(_objectSpread({}, classes), {}, {
-      root: classNames(classes.root, styles.checked)
-    })
-  }));
-};
-
-Chip.propTypes = {
-  checked: PropTypes.bool
-};
-Chip.defaultProps = {
-  checked: false
-};
-
-export default Chip;
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import{makeStyles as t,Chip as r}from"@material-ui/core";import i from"prop-types";import o from"classnames";import{jsx as a}from"react/jsx-runtime";function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function n(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?c(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):c(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var l=function(e){var t=e.width,r=void 0===t?18:t,i=e.height,o=void 0===i?14:i,a=e.fill.replace("#","%23");return"<svg width='".concat(r,"' height='").concat(o,"' viewBox='0 0 18 14' fill='").concat(a,"' xmlns='http://www.w3.org/2000/svg'><path d='M6 11.1698L1.83 6.99984L0.410004 8.40984L6 13.9998L18 1.99984L16.59 0.589844L6 11.1698Z'/></svg>")},p=t((function(e){return{checked:{"&::before":{content:'url("data:image/svg+xml; utf8, '.concat(l({fill:e.palette.primary.main}),'")'),display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,lineHeight:"24px",marginLeft:8,marginRight:"-4px",paddingTop:3},"&.Mui-disabled::before":{content:'url("data:image/svg+xml; utf8, '.concat(l({fill:e.palette.primary.text8}),'")')},"&.MuiChip-sizeSmall::before":{content:'url("data:image/svg+xml; utf8, '.concat(l({width:12,fill:e.palette.primary.main}),'")'),width:16,height:16},"&.MuiChip-sizeSmall.Mui-disabled::before":{content:'url("data:image/svg+xml; utf8, '.concat(l({width:12,fill:e.palette.primary.text8}),'")')},"&.MuiChip-root.MuiChip-clickable":{"& .MuiChip-label, & .MuiChip-deleteIcon, & .MuiChip-icon":{color:"#FFFFFF"}},"& .MuiChip-label:first-child":{marginLeft:"-4px"}}}})),s=function(e){var t=e.checked,i=e.classes,c=void 0===i?{}:i,l=p();return a(r,t?n(n({},e),{},{classes:n(n({},c),{},{root:o(c.root,l.checked)})}):n({},e))};s.propTypes={checked:i.bool},s.defaultProps={checked:!1};export{s as default};

package/components/CollapsableSidebar.js

@@ -1,320 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { noop } from 'lodash';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../constants/completion.js';
-import '../constants/alerts.js';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import '../constants/goals.js';
-import '../constants/segment.js';
-import '../constants/apps.js';
-import '../constants/drillstring.js';
-import '../constants/notifications.js';
-import '../constants/feed.js';
-import '../constants/bha.js';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/asyncToGenerator';
-import 'query-string';
-import '../utils/mobileDetect.js';
-import '@babel/runtime/helpers/typeof';
-import '../clients/api/apiCore.js';
-import '../clients/constants.js';
-import '../utils/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { withStyles, Box, IconButton } from '@material-ui/core';
-import { useState } from 'react';
-import 'querystring';
-import 'uuid/v1';
-import '../clients/subscriptions.js';
-import 'uuid';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import './Modal/index.js';
-import './IconMenu/index.js';
-import './StyledMenuItem/index.js';
-import './LoadingIndicator/LoadingIndicator.js';
-import './DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
-import './DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js';
-import './Tooltip/MuiTooltipDcWrapper.js';
-import './Avatar/index.js';
-import './Annotations/AnnotationsContext.js';
-import './DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
-import 'react-router';
-import './DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
-import './IconButton/index.js';
-import './ConfirmationDialog.js';
-import './Annotations/components/AnnotationsList/index.js';
-import './Annotations/components/LastAnnotation/index.js';
-import './PadModeSelect/PadModeSelect.js';
-import './DevCenter/AppHeader/AppHeader.js';
-import ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';
-import ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';
-import './Button/index.js';
-import './DevCenter/AppSideBar/AppSideBar.js';
-import './DevCenter/AppContext.js';
-import './DevCenter/AppsDataProvider/AppsDataProvider.js';
-import '@material-ui/icons/Help';
-import './HelpCenter/ArticleIcon.js';
-import './HelpCenter/DialogLayout.js';
-import './HelpCenter/SingleItemHeader.js';
-import './DocumentViewer/DocumentViewer.js';
-import './HelpCenter/shapes/index.js';
-import 'slate';
-import './SlateFormattedText/RenderElements.js';
-import './SlateFormattedText/SlateFormattedText.js';
-import './HelpCenter/ItemContent/ItemContent.js';
-import './HelpCenter/HelpCenterDialog/HelpCenterDialog.js';
-import './DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
-import './EmptyView/EmptyAppView/EmptyAppView.js';
-import './ErrorBoundary/ErrorBoundary.js';
-import './Typography.js';
-import './ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
-import './DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js';
-import './DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
-import './DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
-import './DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
-import './DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
-import './DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
-import './EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
-import './DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js';
-import './DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
-import './DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
-import './DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
-import './DevCenter/NavigationBar/NavigationBar.js';
-import SideBar from './DevCenter/SideBar/SideBar.js';
-import './DevCenter/AppSettingsPopover/AppSettingsPopover.js';
-import './DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
-import './DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
-import './DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js';
-import './TruncatedText/index.js';
-import './AssetEditor/SingleAssetEditor.js';
-import './AssetEditor/AssetEditorAutocomplete.js';
-import './AssetEditor/index.js';
-import './AppVersionsSelect/AppVersionsSelect.js';
-import './DateTimePicker/index.js';
-import './DatePicker/index.js';
-import './ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
-import './ColorPicker/ColorPicker.js';
-import './ParameterCharts/AddEditTrack.js';
-import './ParameterCharts/ParameterCharts.js';
-import './ChartActionsList/ChartActionsList.js';
-import './SettingEditors/ColorEditor/index.js';
-import './SettingEditors/DropdownEditor/index.js';
-import './SettingEditors/RadioEditor/index.js';
-import './SwitchControl/index.js';
-import './RangeSlider/RangeSlider.js';
-import './Login/components/Login.js';
-import './Login/components/PasswordField.js';
-import './Login/components/Chip.js';
-import './Login/components/StepFooter.js';
-import './Login/components/StepContent.js';
-import './Login/components/StepHeader.js';
-import './Login/components/Step.js';
-import './Login/components/OrDivider.js';
-import './Login/components/HiddenEmailField.js';
-import './Login/components/EmailField.js';
-import './Breadcrumbs/index.js';
-import './VirtualizedTable/index.js';
-import './EmptyView/EmptyView.js';
-import './MenuItem/index.js';
-import './ContextMenuItem/index.js';
-import './FolderMenuItem/index.js';
-import './EditableItem/EditableItem/index.js';
-import './EditableItem/EditableItemWithBadge/index.js';
-import './Checkbox/index.js';
-import './FolderMenuItemWithLinks/index.js';
-import './TextField/index.js';
-import './Chip/index.js';
-import './Counter/index.js';
-import './AnchorsList/AnchorsList.js';
-import './Select/index.js';
-import './CustomSelect/index.js';
-import './Tabs/Tabs.js';
-import './Tabs/Tab.js';
-import './ResizableTable/ResizableTable.js';
-import './Drillstring/BHASchematic.js';
-import './Drillstring/BHAComponentIcon.js';
-import './Drillstring/BHATable/index.js';
-import './Drillstring/BHAComponentDetail/index.js';
-import './Casing/CasingComponentIcon.js';
-import './Casing/CasingTable/index.js';
-import './WellSummary/WellSummaryItemLabel.js';
-import './WellSummary/WellSummaryItemTitle.js';
-import './WellSummary/WellSummaryItemValue.js';
-import './WellSummary/ActivitySummaryChart.js';
-import './WellSummary/FracWirelineTimeChart.js';
-import './BICOffsetPickerDialog/index.js';
-import './OffsetWellPickerV2/OffsetWellPickerDialog.js';
-import './OffsetWellPickerV3/index.js';
-import './Notifications/Notifications.js';
-import './TextLink/index.js';
-import './Template/TemplatePopover/index.js';
-import './PinnableFilters/PinnableFilters.js';
-import './HeaderLayout/HeaderLayout.js';
-import './PadOffsetsPicker/PadOffsetsPicker.js';
-import './PadOffsetsPicker/OffsetAssetChip.js';
-import './PadOffsetsPicker/OffsetAssetsListExpander.js';
-import './PadOffsetsPicker/StagesSelector.js';
-import './Table/TableToolbar/TableToolbar.js';
-import './PriceInput/PriceInput.js';
-import './LabelsCounter/LabelsCounter.js';
-import './Stepper/Step.js';
-import './Stepper/StepsWrapper.js';
-import './Stepper/Stepper.js';
-import './Comment/CommentIcon/index.js';
-import './FilesLoader/Icons/FileIcon.js';
-import './FilesLoader/FilesLoader.js';
-import './SearchInput/index.js';
-import './StageDesignVActual/ComparisonHeader.js';
-import './StageDesignVActual/ComparisonBar/ComparisonBar.js';
-import './StageDesignVActual/ComparisonRow.js';
-import './StageDesignVActual/ElementsComparison/ElementsComparison.js';
-import './EmbeddedApp/DevCenterEmbeddedApp.js';
-import './EmbeddedApp/EmbeddedApp.js';
-import './FeedItem/FeedItem.js';
-import './KeyboardDateTimePicker.js';
-import './PostInput/PostInput.js';
-import './FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
-import './AddComment/Popover.js';
-import './AddComment/Popup.js';
-
-var muiStyles = function muiStyles(theme) {
-  return {
-    drawer: {
-      display: 'flex',
-      flexDirection: 'column',
-      height: '100%'
-    },
-    drawerPaper: {
-      '&$drawerClosed': {
-        cursor: 'pointer',
-        '&:hover::before': {
-          content: '""',
-          position: 'absolute',
-          top: 0,
-          right: 0,
-          bottom: 0,
-          left: 0,
-          background: theme.palette.background.b7
-        }
-      }
-    },
-    drawerClosed: {
-      width: function width(_ref) {
-        var closedWidth = _ref.closedWidth;
-        return closedWidth;
-      }
-    },
-    openToggleIcon: {
-      fontSize: '1.25rem',
-      color: theme.palette.primary.text7
-    },
-    openToggleIconClosed: {
-      transform: 'rotate(180deg)'
-    },
-    openToggleIconButton: {
-      padding: 6
-    },
-    openToggleContainer: {
-      display: 'flex',
-      position: 'absolute',
-      bottom: 0,
-      width: '100%',
-      flex: '0 0',
-      padding: theme.spacing(2, 1, 1.5)
-    },
-    openToggleContainerCollapsed: {
-      paddingRight: theme.spacing(1),
-      paddingLeft: theme.spacing(1),
-      justifyContent: 'center'
-    },
-    openToggleContainerOpened: {
-      justifyContent: function justifyContent(_ref2) {
-        var anchor = _ref2.anchor;
-        return anchor === 'left' ? 'flex-end' : 'flex-start';
-      }
-    },
-    list: {
-      display: 'flex',
-      flexDirection: 'column',
-      flexGrow: 1,
-      overflow: 'hidden',
-      paddingBottom: 60
-    }
-  };
-};
-
-var CollapsableSidebar = function CollapsableSidebar(_ref3) {
-  var _classnames;
-
-  var classes = _ref3.classes,
-      children = _ref3.children,
-      onStateChange = _ref3.onStateChange,
-      initialState = _ref3.initialState,
-      drawerPaperClassName = _ref3.drawerPaperClassName,
-      isToolbarGutterShown = _ref3.isToolbarGutterShown,
-      openedDrawerWidth = _ref3.openedDrawerWidth,
-      anchor = _ref3.anchor;
-
-  var _useState = useState(initialState),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var toggleIsOpen = function toggleIsOpen() {
-    setIsOpen(!isOpen);
-    onStateChange(!isOpen);
-  };
-
-  var onSidebarClick = function onSidebarClick() {
-    if (!isOpen) {
-      toggleIsOpen();
-    }
-  };
-
-  var ChevroneIcon = anchor === 'left' ? ChevronLeftRoundedIcon : ChevronRightRoundedIcon;
-  return /*#__PURE__*/jsxs(SideBar, {
-    isToolbarGutterShown: isToolbarGutterShown,
-    drawerWidth: openedDrawerWidth,
-    drawerClassName: classNames(classes.drawer, !isOpen && classes.drawerClosed),
-    drawerPaperClassName: classNames(classes.drawer, classes.drawerPaper, drawerPaperClassName, !isOpen && classes.drawerClosed),
-    anchor: anchor,
-    listClassName: classes.list,
-    onClick: onSidebarClick,
-    children: [children, /*#__PURE__*/jsx(Box, {
-      className: classNames(classes.openToggleContainer, (_classnames = {}, _defineProperty(_classnames, classes.openToggleContainerCollapsed, !isOpen), _defineProperty(_classnames, classes.openToggleContainerOpened, isOpen), _classnames)),
-      children: /*#__PURE__*/jsx(IconButton, {
-        "aria-label": "toggle sidebar",
-        className: classes.openToggleIconButton,
-        onClick: toggleIsOpen,
-        children: /*#__PURE__*/jsx(ChevroneIcon, {
-          className: classNames(classes.openToggleIcon, _defineProperty({}, classes.openToggleIconClosed, !isOpen))
-        })
-      })
-    })]
-  });
-};
-
-CollapsableSidebar.propTypes = {
-  children: PropTypes.node.isRequired,
-  onStateChange: PropTypes.func,
-  initialState: PropTypes.bool,
-  drawerPaperClassName: PropTypes.string,
-  isToolbarGutterShown: PropTypes.bool,
-  openedDrawerWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  anchor: PropTypes.oneOf(['left', 'right']),
-  closedWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-CollapsableSidebar.defaultProps = {
-  onStateChange: noop,
-  initialState: true,
-  closedWidth: 48,
-  drawerPaperClassName: null,
-  isToolbarGutterShown: undefined,
-  openedDrawerWidth: undefined,
-  anchor: undefined
-};
-var CollapsableSidebar$1 = withStyles(muiStyles)(CollapsableSidebar);
-
-export default CollapsableSidebar$1;
-//# sourceMappingURL=CollapsableSidebar.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as o}from"react";import r from"prop-types";import i from"classnames";import{noop as n}from"lodash";import{withStyles as s,Box as p,IconButton as a}from"@material-ui/core";import m from"@material-ui/icons/ChevronLeftRounded";import l from"@material-ui/icons/ChevronRightRounded";import"./DevCenter/AppHeader/AppHeader.js";import"./DevCenter/AppSideBar/AppSideBar.js";import"./DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons/Help";import"./Annotations/components/AnnotationsList/index.js";import"./Annotations/components/LastAnnotation/index.js";import"./Annotations/AnnotationsContext.js";import"./Modal/index.js";import"./IconMenu/index.js";import"./StyledMenuItem/index.js";import"./DevCenter/AppContext.js";import"./AssetEditor/index.js";import"./AppVersionsSelect/AppVersionsSelect.js";import"./LoadingIndicator/LoadingIndicator.js";import"./Typography.js";import"./DateTimePicker/index.js";import"./DatePicker/index.js";import"./ErrorBoundary/ErrorBoundary.js";import"./ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"./SlateFormattedText/SlateFormattedText.js";import"./SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"./ParameterCharts/ParameterCharts.js";import"./ParameterCharts/AddEditTrack.js";import"./ChartActionsList/ChartActionsList.js";import"./AssetEditor/AssetEditorAutocomplete.js";import"./AssetEditor/SingleAssetEditor.js";import"./SettingEditors/ColorEditor/index.js";import"./SettingEditors/DropdownEditor/index.js";import"./SettingEditors/RadioEditor/index.js";import"./SwitchControl/index.js";import"./ColorPicker/ColorPicker.js";import"./ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"./TruncatedText/index.js";import"./RangeSlider/RangeSlider.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"./Login/components/Login.js";import"./Login/components/PasswordField.js";import"./Login/components/Chip.js";import"./Login/components/StepFooter.js";import"./Login/components/StepContent.js";import"./Login/components/StepHeader.js";import"./Login/components/Step.js";import"./Login/components/OrDivider.js";import"./Login/components/HiddenEmailField.js";import"./Login/components/EmailField.js";import"./Breadcrumbs/index.js";import"./VirtualizedTable/index.js";import"./EmptyView/EmptyView.js";import"./EmptyView/EmptyAppView/EmptyAppView.js";import"./Button/index.js";import"./ContextMenuItem/index.js";import"./FolderMenuItem/index.js";import"./EditableItem/EditableItem/index.js";import"./EditableItem/EditableItemWithBadge/index.js";import"./Checkbox/index.js";import"./FolderMenuItemWithLinks/index.js";import"./IconButton/index.js";import"./TextField/index.js";import"./Chip/index.js";import"./Counter/index.js";import"./AnchorsList/AnchorsList.js";import"./Select/index.js";import"./CustomSelect/index.js";import"./Tabs/Tabs.js";import"./Tabs/Tab.js";import"./ResizableTable/ResizableTable.js";import"./Drillstring/BHASchematic.js";import"./Drillstring/BHATable/index.js";import"./Drillstring/BHAComponentIcon.js";import"./Drillstring/BHAComponentDetail/index.js";import"./Casing/CasingTable/index.js";import"./Casing/CasingComponentIcon.js";import"./WellSummary/WellSummaryItemLabel.js";import"./WellSummary/WellSummaryItemTitle.js";import"./WellSummary/WellSummaryItemValue.js";import"./WellSummary/ActivitySummaryChart.js";import"./WellSummary/FracWirelineTimeChart.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../clients/jsonApi/index.js";import"../constants/goals.js";import"../constants/segment.js";import"../constants/alerts.js";import"../constants/apps.js";import"../constants/drillstring.js";import"../constants/completion.js";import"../constants/notifications.js";import"../constants/feed.js";import"../constants/bha.js";import"./BICOffsetPickerDialog/index.js";import"./OffsetWellPickerV2/OffsetWellPickerDialog.js";import"./OffsetWellPickerV3/index.js";import"./Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"uuid";import{jsxs as d,jsx as c}from"react/jsx-runtime";import"./ConfirmationDialog.js";import"./TextLink/index.js";import"./Avatar/index.js";import"./Template/TemplatePopover/index.js";import"./MenuItem/index.js";import"./PadModeSelect/PadModeSelect.js";import"./PinnableFilters/PinnableFilters.js";import"./HeaderLayout/HeaderLayout.js";import"./PadOffsetsPicker/PadOffsetsPicker.js";import"./PadOffsetsPicker/OffsetAssetChip.js";import"./PadOffsetsPicker/OffsetAssetsListExpander.js";import"./PadOffsetsPicker/StagesSelector.js";import"./Table/TableToolbar/TableToolbar.js";import"./DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"./Tooltip/MuiTooltipDcWrapper.js";import"./PriceInput/PriceInput.js";import"./LabelsCounter/LabelsCounter.js";import"./Stepper/Step.js";import"./Stepper/StepsWrapper.js";import"./Stepper/Stepper.js";import"./Comment/CommentIcon/index.js";import"./FilesLoader/FilesLoader.js";import"./FilesLoader/Icons/FileIcon.js";import"./SearchInput/index.js";import"./FeedItem/FeedItem.js";import"./FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"./PostInput/PostInput.js";import"./KeyboardDateTimePicker.js";import"./AddComment/Popover.js";import"./AddComment/Popup.js";import"./StageDesignVActual/ComparisonBar/ComparisonBar.js";import"./StageDesignVActual/ElementsComparison/ElementsComparison.js";import"./StageDesignVActual/ComparisonHeader.js";import"./StageDesignVActual/ComparisonRow.js";import"./EmbeddedApp/DevCenterEmbeddedApp.js";import"./EmbeddedApp/EmbeddedApp.js";import"./HelpCenter/ArticleIcon.js";import"./HelpCenter/DialogLayout.js";import"./HelpCenter/HelpCenterDialog/HelpCenterDialog.js";import"./HelpCenter/ItemContent/ItemContent.js";import"./HelpCenter/SingleItemHeader.js";import"./HelpCenter/shapes/index.js";import"./DocumentViewer/DocumentViewer.js";import"../utils/mobileDetect.js";import"querystring";import"uuid/v1";import"../clients/subscriptions.js";import"../utils/index.js";import"./DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"./DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"./DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"./DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"./DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"./EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import"./DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js";import"./DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js";import"./DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import"./DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"./DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"./DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"./DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"./DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"./DevCenter/NavigationBar/NavigationBar.js";import j from"./DevCenter/SideBar/SideBar.js";import"./DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"./DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js";var C=function(r){var n,s=r.classes,C=r.children,u=r.onStateChange,g=r.initialState,D=r.drawerPaperClassName,A=r.isToolbarGutterShown,v=r.openedDrawerWidth,f=r.anchor,b=o(g),x=t(b,2),h=x[0],S=x[1],P=function(){S(!h),u(!h)},I="left"===f?m:l;return d(j,{isToolbarGutterShown:A,drawerWidth:v,drawerClassName:i(s.drawer,!h&&s.drawerClosed),drawerPaperClassName:i(s.drawer,s.drawerPaper,D,!h&&s.drawerClosed),anchor:f,listClassName:s.list,onClick:function(){h||P()},children:[C,c(p,{className:i(s.openToggleContainer,(n={},e(n,s.openToggleContainerCollapsed,!h),e(n,s.openToggleContainerOpened,h),n)),children:c(a,{"aria-label":"toggle sidebar",className:s.openToggleIconButton,onClick:P,children:c(I,{className:i(s.openToggleIcon,e({},s.openToggleIconClosed,!h))})})})]})};C.propTypes={children:r.node.isRequired,onStateChange:r.func,initialState:r.bool,drawerPaperClassName:r.string,isToolbarGutterShown:r.bool,openedDrawerWidth:r.oneOfType([r.string,r.number]),anchor:r.oneOf(["left","right"]),closedWidth:r.oneOfType([r.string,r.number])},C.defaultProps={onStateChange:n,initialState:!0,closedWidth:48,drawerPaperClassName:null,isToolbarGutterShown:void 0,openedDrawerWidth:void 0,anchor:void 0};var u=s((function(e){return{drawer:{display:"flex",flexDirection:"column",height:"100%"},drawerPaper:{"&$drawerClosed":{cursor:"pointer","&:hover::before":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,background:e.palette.background.b7}}},drawerClosed:{width:function(e){return e.closedWidth}},openToggleIcon:{fontSize:"1.25rem",color:e.palette.primary.text7},openToggleIconClosed:{transform:"rotate(180deg)"},openToggleIconButton:{padding:6},openToggleContainer:{display:"flex",position:"absolute",bottom:0,width:"100%",flex:"0 0",padding:e.spacing(2,1,1.5)},openToggleContainerCollapsed:{paddingRight:e.spacing(1),paddingLeft:e.spacing(1),justifyContent:"center"},openToggleContainerOpened:{justifyContent:function(e){return"left"===e.anchor?"flex-end":"flex-start"}},list:{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden",paddingBottom:60}}}))(C);export{u as default};

package/components/CollapsibleContent.js

@@ -1,103 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyles, Button } from '@material-ui/core';
-import { useState, useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-
-var MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE = 40;
-var BLACKOUT_HEIGHT = 40;
-var useStyles = makeStyles(function (theme) {
-  return {
-    contentWrapper: {
-      position: 'relative'
-    },
-    content: {
-      overflow: 'hidden'
-    },
-    readMore: {
-      height: 40,
-      display: 'block',
-      textAlign: 'right'
-    },
-    blackOut: {
-      width: '100%',
-      position: 'absolute',
-      justifyContent: 'flex-end',
-      background: "linear-gradient(to bottom, transparent, ".concat(theme.palette.background.paper, ")"),
-      height: BLACKOUT_HEIGHT,
-      marginTop: -BLACKOUT_HEIGHT
-    }
-  };
-});
-
-var CollapsibleContent = function CollapsibleContent(_ref) {
-  var maxHeight = _ref.maxHeight,
-      children = _ref.children;
-  var classes = useStyles();
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      collapsible = _useState2[0],
-      setCollapsible = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      collapsed = _useState4[0],
-      setCollapsed = _useState4[1];
-
-  var contentRef = useRef();
-
-  var setCollapsingStatus = function setCollapsingStatus() {
-    var collapsible = maxHeight && contentRef.current.clientHeight > maxHeight + MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE;
-    setCollapsed(collapsible);
-    setCollapsible(collapsible);
-  };
-
-  var toggleCollapse = function toggleCollapse() {
-    setCollapsed(function (collapsed) {
-      return !collapsed;
-    });
-
-    if (collapsed && window.innerHeight < contentRef.current.clientHeight) {
-      contentRef.current.scrollIntoView();
-    }
-  };
-
-  useEffect(function () {
-    setCollapsingStatus();
-  }, [children]);
-  return /*#__PURE__*/jsxs("div", {
-    className: classes.contentWrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      className: classes.content,
-      style: {
-        maxHeight: collapsed ? maxHeight : 'initial'
-      },
-      children: /*#__PURE__*/jsx("div", {
-        ref: contentRef,
-        children: children
-      })
-    }), collapsible && /*#__PURE__*/jsxs("div", {
-      className: classes.readMore,
-      children: [collapsed && /*#__PURE__*/jsx("div", {
-        className: classes.blackOut
-      }), /*#__PURE__*/jsx(Button, {
-        onClick: toggleCollapse,
-        children: collapsed ? /*#__PURE__*/jsx(Fragment, {
-          children: "Read more \u2026"
-        }) : 'Show less'
-      })]
-    })]
-  });
-};
-
-CollapsibleContent.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,
-  maxHeight: PropTypes.number
-};
-CollapsibleContent.defaultProps = {
-  maxHeight: 120
-};
-
-export default CollapsibleContent;
-//# sourceMappingURL=CollapsibleContent.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,useRef as t,useEffect as i}from"react";import n from"prop-types";import{makeStyles as o,Button as a}from"@material-ui/core";import{jsxs as c,jsx as l,Fragment as d}from"react/jsx-runtime";var p=o((function(e){return{contentWrapper:{position:"relative"},content:{overflow:"hidden"},readMore:{height:40,display:"block",textAlign:"right"},blackOut:{width:"100%",position:"absolute",justifyContent:"flex-end",background:"linear-gradient(to bottom, transparent, ".concat(e.palette.background.paper,")"),height:40,marginTop:-40}}})),s=function(n){var o=n.maxHeight,s=n.children,m=p(),u=r(!1),h=e(u,2),f=h[0],g=h[1],b=r(!1),v=e(b,2),x=v[0],y=v[1],H=t();return i((function(){!function(){var e=o&&H.current.clientHeight>o+40;y(e),g(e)}()}),[s]),c("div",{className:m.contentWrapper,children:[l("div",{className:m.content,style:{maxHeight:x?o:"initial"},children:l("div",{ref:H,children:s})}),f&&c("div",{className:m.readMore,children:[x&&l("div",{className:m.blackOut}),l(a,{onClick:function(){y((function(e){return!e})),x&&window.innerHeight<H.current.clientHeight&&H.current.scrollIntoView()},children:x?l(d,{children:"Read more …"}):"Show less"})]})]})};s.propTypes={children:n.oneOfType([n.node,n.string]).isRequired,maxHeight:n.number},s.defaultProps={maxHeight:120};export{s as default};