npm - @corva/ui - Versions diffs - 3.73.0-6 → 3.73.0-8 - Mend

@corva/ui 3.73.0-6 → 3.73.0-8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1103) hide show

package/components/CollapsableSidebar.d.ts CHANGED Viewed

@@ -1,41 +1,16 @@
-import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
+declare const _default: import("react").ComponentType<Pick<import("@material-ui/types").ConsistentWith<{
     anchor: any;
     children: any;
     classes: any;
-    drawerPaperClassName: any;
-    initialState: any;
+    drawerPaperClassName?: null | undefined;
+    initialState?: boolean | undefined;
     isToolbarGutterShown: any;
-    onStateChange: any;
+    onStateChange?: ((...args: any[]) => void) | undefined;
     openedDrawerWidth: any;
-}, never> & Pick<PropTypes.InferProps<{
-    children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    onStateChange: PropTypes.Requireable<(...args: any[]) => any>;
-    initialState: PropTypes.Requireable<boolean>;
-    drawerPaperClassName: PropTypes.Requireable<string>;
-    isToolbarGutterShown: PropTypes.Requireable<boolean>;
-    openedDrawerWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-    anchor: PropTypes.Requireable<string>;
-    closedWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-}>, "anchor" | "children" | "closedWidth" | "drawerPaperClassName" | "initialState" | "isToolbarGutterShown" | "onStateChange" | "openedDrawerWidth"> & Pick<{
-    anchor: any;
-    children: any;
-    classes: any;
-    drawerPaperClassName: any;
-    initialState: any;
-    isToolbarGutterShown: any;
-    onStateChange: any;
-    openedDrawerWidth: any;
-}, "classes">, "children" | "classes"> & {
-    onStateChange?: ((...args: any[]) => any) | null | undefined;
-    initialState?: boolean | null | undefined;
-    drawerPaperClassName?: string | null | undefined;
-    isToolbarGutterShown?: boolean | null | undefined;
-    openedDrawerWidth?: NonNullable<string | number | null | undefined> | null | undefined;
-    anchor?: string | null | undefined;
-    closedWidth?: NonNullable<string | number | null | undefined> | null | undefined;
-} & {}, "anchor" | "children" | "closedWidth" | "drawerPaperClassName" | "initialState" | "isToolbarGutterShown" | "onStateChange" | "openedDrawerWidth"> & import("@material-ui/styles").StyledComponentProps<"drawer" | "drawerClosed" | "drawerPaper" | "list" | "openToggleContainer" | "openToggleContainerCollapsed" | "openToggleContainerOpened" | "openToggleIcon" | "openToggleIconButton" | "openToggleIconClosed"> & {
-    closedWidth: any;
+}, {
+    classes: import("@material-ui/styles").ClassNameMap<"drawer" | "drawerClosed" | "drawerPaper" | "list" | "openToggleContainer" | "openToggleContainerCollapsed" | "openToggleContainerOpened" | "openToggleIcon" | "openToggleIconButton" | "openToggleIconClosed">;
+}>, "anchor" | "children" | "drawerPaperClassName" | "initialState" | "isToolbarGutterShown" | "onStateChange" | "openedDrawerWidth"> & import("@material-ui/styles").StyledComponentProps<"drawer" | "drawerClosed" | "drawerPaper" | "list" | "openToggleContainer" | "openToggleContainerCollapsed" | "openToggleContainerOpened" | "openToggleIcon" | "openToggleIconButton" | "openToggleIconClosed"> & {
+    closedWidth?: number | undefined;
 }>;
 export default _default;
 //# sourceMappingURL=CollapsableSidebar.d.ts.map

package/components/CollapsableSidebar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapsableSidebar.d.ts","sourceRoot":"","sources":["../../src/components/CollapsableSidebar.js"],"names":[],"mappings":"~~AACA,OAAO,SAAS,MAAM,YAAY,CAAC~~"}
1	+ {"version":3,"file":"CollapsableSidebar.d.ts","sourceRoot":"","sources":["../../src/components/CollapsableSidebar.js"],"names":[],"mappings":""}

package/components/CollapsableSidebar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as t}from"react";import e from"prop-types";import n from"classnames";import{noop as i}from"lodash";import{withStyles as r,Box as p,IconButton as c}from"@material-ui/core";import m from"@material-ui/icons/ChevronLeftRounded";import a from"@material-ui/icons/ChevronRightRounded";import"./DevCenter/AppHeader/AppHeader.js";import"./DevCenter/AppSideBar/AppSideBar.js";import"./DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"./DevCenter/AppContext.js";import"./DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"./DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";import"query-string";import{jsxs as l,jsx as d}from"react/jsx-runtime";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";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/appPackages.js";import"../constants/notifications.js";import"../constants/feed.js";import"../constants/bha.js";import"../constants/corvaCompanyId.js";import"./GradientManager/configuration/constants.js";import"../utils/index.js";import"./DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"./DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../componentsV2/Text/Text.js";import"../componentsV2/Grid/Grid.js";import"../componentsV2/Grid/Cell.js";import"../componentsV2/Header/Header.scss.js";import"../componentsV2/Button/Button.js";import"../componentsV2/ButtonIcon/ButtonIcon.js";import"./DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../componentsV2/Tooltip/Tooltip.scss.js";import"../componentsV2/Popover/Popover.js";import"../componentsV2/PopoverPanel/PopoverPanel.js";import"../componentsV2/Radio/Radio.js";import"../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../componentsV2/TextInput/TextInput.js";import"../componentsV2/TextInputNext/TextInputNext.js";import"../componentsV2/Label/Label.js";import"../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../componentsV2/TextLink/TextLink.js";import"../componentsV2/Chip/Chip.js";import"../componentsV2/ChipAlert/ChipAlert.js";import"../componentsV2/ChipIndicator/ChipIndicator.js";import"../componentsV2/Avatar/Avatar.js";import"../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../componentsV2/Paper/Paper.js";import"../componentsV2/ModalWindow/ModalWindow.js";import"../componentsV2/Modal/Modal.scss.js";import"../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../icons/IconParkProvider.js";import"../icons/customIcons/icons/AddMessage.js";import"../icons/customIcons/icons/DragOne.js";import"../icons/customIcons/icons/Attention.js";import"../icons/customIcons/icons/Collapse.js";import"../icons/customIcons/icons/Dashboard.js";import"../icons/customIcons/icons/Expand.js";import"../icons/customIcons/icons/FolderClosed.js";import"../icons/customIcons/icons/FolderClosedFilled.js";import"../icons/customIcons/icons/FolderOpened.js";import"../icons/customIcons/icons/GreaterOrEqual.js";import"../icons/customIcons/icons/LessOrEqual.js";import"../icons/customIcons/icons/Search.js";import"../icons/customIcons/icons/SearchOne.js";import"../icons/customIcons/icons/Wellhub.js";import"../icons/customIcons/icons/MultiRuler.js";import"../icons/customIcons/icons/Checkbox.js";import"../icons/customIcons/icons/CheckboxChecked.js";import"../icons/customIcons/icons/CheckboxIndeterminate.js";import"../icons/customIcons/icons/Radio.js";import"../icons/customIcons/icons/RadioChecked.js";import"../icons/customIcons/icons/SimulFrac.js";import"../icons/customIcons/icons/ZipperFrac.js";import"../icons/customIcons/icons/CautionFilled.js";import"../icons/customIcons/icons/MoreApp.js";import"../icons/customIcons/icons/Pad.js";import"../icons/customIcons/icons/DrilloutUnit.js";import"../icons/customIcons/icons/FracFleet.js";import"../icons/customIcons/icons/Global.js";import"../icons/customIcons/icons/Program.js";import"../icons/customIcons/icons/Rig.js";import"../icons/customIcons/icons/Well.js";import"../icons/customIcons/icons/Gap.js";import"../icons/customIcons/icons/Pin.js";import"../icons/customIcons/icons/CloseOneFilled.js";import"../icons/customIcons/icons/AttentionFilled.js";import"../icons/customIcons/icons/CheckOneFilled.js";import"../icons/customIcons/icons/Archive.js";import"../icons/customIcons/icons/ArchiveCancel.js";import"../icons/customIcons/icons/Unarchive.js";import"../icons/customIcons/icons/Archived.js";import"../icons/customIcons/icons/InterventionUnit.js";import"../icons/customIcons/icons/CloudDelete.js";import"../icons/customIcons/icons/Lasso.js";import"../icons/customIcons/icons/Radius.js";import"../icons/customIcons/icons/ErrorOps.js";import"../icons/customIcons/icons/DataTypeOps.js";import"../icons/customIcons/icons/FalsePositiveOps.js";import"../icons/customIcons/icons/CalibrationOps.js";import"../icons/customIcons/icons/CriticalOps.js";import"../icons/customIcons/icons/Company.js";import"../icons/customIcons/icons/ArchiveOne.js";import"../icons/customIcons/icons/ParseBotFusion.js";import"../icons/customIcons/icons/Connect.js";import"../icons/customIcons/icons/PuzzleOne.js";import"../icons/customIcons/icons/Feed.js";import"../icons/customIcons/icons/Prompt.js";import"../icons/customIcons/icons/Companies.js";import"../icons/customIcons/icons/ClipboardAi.js";import"../icons/customIcons/icons/Key.js";import"../icons/customIcons/icons/AtSignCrossed.js";import"../icons/customIcons/icons/MappingManual.js";import"../icons/customIcons/icons/Mapping.js";import"../icons/customIcons/icons/Metrics.js";import"../icons/customIcons/icons/Drops.js";import"../icons/customIcons/icons/ClipboardSearch.js";import"../icons/customIcons/icons/Template.js";import"../icons/customIcons/icons/ClipboardMetrics.js";import"../icons/customIcons/icons/ClipboardBuilder.js";import"../icons/customIcons/icons/UnitConversion.js";import"../icons/customIcons/icons/NPT.js";import"../icons/customIcons/icons/GuidedFrac.js";import"../componentsV2/utils.js";import"../componentsV2/Hint/Hint.scss.js";import"../componentsV2/Counter/Counter.js";import"../componentsV2/BadgeBase/BadgeBase.scss.js";import"../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../componentsV2/TemplatesControl/utils.js";import"../componentsV2/TemplatesControl/icons/folder/index.js";import"../componentsV2/TemplatesControl/Store/utils.js";import"../componentsV2/TemplatesControl/types.js";import"../clients/jsonApi/index.js";import"../permissions/PermissionsContext.js";import"../permissions/constants/index.js";import"../permissions/withPermissionsHOC.js";import"../permissions/ProvidePermissions.js";import"../componentsV2/BadgeDot/BadgeDot.scss.js";import"../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../componentsV2/Switch/Switch.js";import"../componentsV2/Tabs/Tabs.js";import"../componentsV2/EmptyState/EmptyState.scss.js";import"../componentsV2/FileIcon/FileIcon.js";import"../componentsV2/Tag/Tag.js";import"react-dropzone";import"../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../componentsV2/Skeleton/Skeleton.scss.js";import"../utils/main.js";import"../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../componentsV2/Stepper/Step/Step.scss.js";import"../componentsV2/Stepper/Stepper.scss.js";import"../componentsV2/ButtonLive/ButtonLive.js";import"../componentsV2/ButtonText/ButtonText.js";import"../componentsV2/IndicatorLive/IndicatorLive.js";import"../componentsV2/Accordion/Accordion.scss.js";import"../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../componentsV2/BadgeComment/BadgeComment.js";import"../componentsV2/AppContainer/AppContainer.js";import"../componentsV2/AppContainer/AppContainer.constants.js";import"../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../componentsV2/AppHeader/AppHeader.constants.js";import"../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../componentsV2/AppHeader/AppAssets/utils.js";import"../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"./PadModeSelect/PadModeSelect.js";import"../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../constants/streamSourceType.js";import"../componentsV2/PadModeSelect/PadModeSelect.js";import"../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../utils/mobileDetect.js";import"../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../componentsV2/UniversalLink/UniversalLink.scss.js";import"../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"./AppIcon/AppIcon.js";import"../utils/getSingleAsset.js";import"../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../clients/subscriptions.v1.js";import"../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../utils/env.js";import"./StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../clients/api/apiCore.js";import"../clients/constants.js";import"../clients/sso/auth0.js";import"../clients/sso/oauth2.js";import"../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../componentsV2/AppSettings/AppSettings.js";import"../componentsV2/AppSettings/AppSettings.constants.js";import"../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../componentsV2/AppHeader/AppHeader.scss.js";import"../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../componentsV2/Autocomplete/Autocomplete.js";import"../componentsV2/Select/Select.js";import"../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../componentsV2/DatePicker/DatePicker.js";import"../componentsV2/DragHandle/DragHandle.js";import"../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../componentsV2/Slider/constants.js";import"../componentsV2/Slider/components/SliderThumb.js";import"../componentsV2/Slider/Slider.scss.js";import"../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../componentsV2/ColorPicker/ColorPicker.scss.js";import"../componentsV2/ChartHelper/ChartHelper.scss.js";import"../componentsV2/Hotkey/Hotkey.js";import"./DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"./DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"./DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"./DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"./DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"./Icons/AnnotationIcon.js";import"./Annotations/components/AnnotationsList/index.js";import"./Annotations/components/LastAnnotation/index.js";import"./Annotations/AnnotationsContext.js";import"./Toaster/Toaster.js";import"./HelpCenter/HelpCenterIcon.js";import"./DevCenter/NavigationBar/NavigationBar.js";import j from"./DevCenter/SideBar/SideBar.js";import"./DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"./DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";var u=function(e){var i,r=e.classes,u=e.children,C=e.onStateChange,A=e.initialState,V=e.drawerPaperClassName,g=e.isToolbarGutterShown,v=e.openedDrawerWidth,I=e.anchor,D=t(A),h=s(D,2),S=h[0],P=h[1],T=function(){P(!S),C(!S)},b="left"===I?m:a;return l(j,{isToolbarGutterShown:g,drawerWidth:v,drawerClassName:n(r.drawer,!S&&r.drawerClosed),drawerPaperClassName:n(r.drawer,r.drawerPaper,V,!S&&r.drawerClosed),anchor:I,listClassName:r.list,onClick:function(){S||T()},children:[u,d(p,{className:n(r.openToggleContainer,(i={},o(i,r.openToggleContainerCollapsed,!S),o(i,r.openToggleContainerOpened,S),i)),children:d(c,{"data-testid":"".concat("CollapsableSidebar","_toggle"),"aria-label":"toggle sidebar",className:r.openToggleIconButton,onClick:T,children:d(b,{className:n(r.openToggleIcon,o({},r.openToggleIconClosed,!S))})})})]})};u.propTypes={children:e.node.isRequired,onStateChange:e.func,initialState:e.bool,drawerPaperClassName:e.string,isToolbarGutterShown:e.bool,openedDrawerWidth:e.oneOfType([e.string,e.number]),anchor:e.oneOf(["left","right"]),closedWidth:e.oneOfType([e.string,e.number])},u.defaultProps={onStateChange:i,initialState:!0,closedWidth:48,drawerPaperClassName:null,isToolbarGutterShown:void 0,openedDrawerWidth:void 0,anchor:void 0};var C=r((function(o){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:o.palette.background.b7}}},drawerClosed:{width:function(o){return o.closedWidth}},openToggleIcon:{fontSize:"1.25rem",color:o.palette.primary.text7},openToggleIconClosed:{transform:"rotate(180deg)"},openToggleIconButton:{padding:6},openToggleContainer:{display:"flex",position:"absolute",bottom:0,width:"100%",flex:"0 0",padding:o.spacing(2,1,1.5)},openToggleContainerCollapsed:{paddingRight:o.spacing(1),paddingLeft:o.spacing(1),justifyContent:"center"},openToggleContainerOpened:{justifyContent:function(o){return"left"===o.anchor?"flex-end":"flex-start"}},list:{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden",paddingBottom:60}}}))(u);export{C as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as t}from"react";import e from"prop-types";import n from"classnames";import{noop as i}from"lodash";import{withStyles as r,Box as p,IconButton as c}from"@material-ui/core";import m from"@material-ui/icons/ChevronLeftRounded";import a from"@material-ui/icons/ChevronRightRounded";import"./DevCenter/AppHeader/AppHeader.js";import"./DevCenter/AppSideBar/AppSideBar.js";import"./DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"./DevCenter/AppContext.js";import"./DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"./DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";import"query-string";import{jsxs as l,jsx as d}from"react/jsx-runtime";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";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/appPackages.js";import"../constants/notifications.js";import"../constants/feed.js";import"../constants/bha.js";import"../constants/corvaCompanyId.js";import"./GradientManager/configuration/constants.js";import"../utils/index.js";import"./DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"./DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../componentsV2/Text/Text.js";import"../componentsV2/Grid/Grid.js";import"../componentsV2/Grid/Cell.js";import"../componentsV2/Header/Header.scss.js";import"../componentsV2/Button/Button.js";import"../componentsV2/ButtonIcon/ButtonIcon.js";import"./DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../componentsV2/Tooltip/Tooltip.scss.js";import"../componentsV2/Popover/Popover.js";import"../componentsV2/PopoverPanel/PopoverPanel.js";import"../componentsV2/Radio/Radio.js";import"../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../componentsV2/TextInput/TextInput.js";import"../componentsV2/TextInputNext/TextInputNext.js";import"../componentsV2/Label/Label.js";import"../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../componentsV2/TextLink/TextLink.js";import"../componentsV2/Chip/Chip.js";import"../componentsV2/ChipAlert/ChipAlert.js";import"../componentsV2/ChipIndicator/ChipIndicator.js";import"../componentsV2/Avatar/Avatar.js";import"../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../componentsV2/Paper/Paper.js";import"../componentsV2/ModalWindow/ModalWindow.js";import"../componentsV2/Modal/Modal.scss.js";import"../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../icons/IconParkProvider.js";import"../icons/customIcons/icons/AddMessage.js";import"../icons/customIcons/icons/DragOne.js";import"../icons/customIcons/icons/Attention.js";import"../icons/customIcons/icons/Collapse.js";import"../icons/customIcons/icons/Dashboard.js";import"../icons/customIcons/icons/Expand.js";import"../icons/customIcons/icons/FolderClosed.js";import"../icons/customIcons/icons/FolderClosedFilled.js";import"../icons/customIcons/icons/FolderOpened.js";import"../icons/customIcons/icons/GreaterOrEqual.js";import"../icons/customIcons/icons/LessOrEqual.js";import"../icons/customIcons/icons/Search.js";import"../icons/customIcons/icons/SearchOne.js";import"../icons/customIcons/icons/Wellhub.js";import"../icons/customIcons/icons/MultiRuler.js";import"../icons/customIcons/icons/Checkbox.js";import"../icons/customIcons/icons/CheckboxChecked.js";import"../icons/customIcons/icons/CheckboxIndeterminate.js";import"../icons/customIcons/icons/Radio.js";import"../icons/customIcons/icons/RadioChecked.js";import"../icons/customIcons/icons/SimulFrac.js";import"../icons/customIcons/icons/ZipperFrac.js";import"../icons/customIcons/icons/CautionFilled.js";import"../icons/customIcons/icons/MoreApp.js";import"../icons/customIcons/icons/Pad.js";import"../icons/customIcons/icons/DrilloutUnit.js";import"../icons/customIcons/icons/FracFleet.js";import"../icons/customIcons/icons/Global.js";import"../icons/customIcons/icons/Program.js";import"../icons/customIcons/icons/Rig.js";import"../icons/customIcons/icons/Well.js";import"../icons/customIcons/icons/Gap.js";import"../icons/customIcons/icons/Pin.js";import"../icons/customIcons/icons/CloseOneFilled.js";import"../icons/customIcons/icons/AttentionFilled.js";import"../icons/customIcons/icons/CheckOneFilled.js";import"../icons/customIcons/icons/Archive.js";import"../icons/customIcons/icons/ArchiveCancel.js";import"../icons/customIcons/icons/Unarchive.js";import"../icons/customIcons/icons/Archived.js";import"../icons/customIcons/icons/InterventionUnit.js";import"../icons/customIcons/icons/CloudDelete.js";import"../icons/customIcons/icons/Lasso.js";import"../icons/customIcons/icons/Radius.js";import"../icons/customIcons/icons/ErrorOps.js";import"../icons/customIcons/icons/DataTypeOps.js";import"../icons/customIcons/icons/FalsePositiveOps.js";import"../icons/customIcons/icons/CalibrationOps.js";import"../icons/customIcons/icons/CriticalOps.js";import"../icons/customIcons/icons/Company.js";import"../icons/customIcons/icons/ArchiveOne.js";import"../icons/customIcons/icons/ParseBotFusion.js";import"../icons/customIcons/icons/Connect.js";import"../icons/customIcons/icons/PuzzleOne.js";import"../icons/customIcons/icons/Feed.js";import"../icons/customIcons/icons/Prompt.js";import"../icons/customIcons/icons/Companies.js";import"../icons/customIcons/icons/ClipboardAi.js";import"../icons/customIcons/icons/Key.js";import"../icons/customIcons/icons/AtSignCrossed.js";import"../icons/customIcons/icons/MappingManual.js";import"../icons/customIcons/icons/Mapping.js";import"../icons/customIcons/icons/Metrics.js";import"../icons/customIcons/icons/Drops.js";import"../icons/customIcons/icons/ClipboardSearch.js";import"../icons/customIcons/icons/Template.js";import"../icons/customIcons/icons/ClipboardMetrics.js";import"../icons/customIcons/icons/ClipboardBuilder.js";import"../icons/customIcons/icons/UnitConversion.js";import"../icons/customIcons/icons/NPT.js";import"../icons/customIcons/icons/GuidedFrac.js";import"../componentsV2/utils.js";import"../componentsV2/Hint/Hint.scss.js";import"../componentsV2/Counter/Counter.js";import"../componentsV2/BadgeBase/BadgeBase.scss.js";import"../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../componentsV2/TemplatesControl/utils.js";import"../componentsV2/TemplatesControl/icons/folder/index.js";import"../componentsV2/TemplatesControl/Store/utils.js";import"../componentsV2/TemplatesControl/types.js";import"../clients/jsonApi/index.js";import"../permissions/PermissionsContext.js";import"../permissions/constants/index.js";import"../permissions/withPermissionsHOC.js";import"../permissions/ProvidePermissions.js";import"../componentsV2/BadgeDot/BadgeDot.scss.js";import"../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../componentsV2/Switch/Switch.js";import"../componentsV2/Tabs/Tabs.js";import"../componentsV2/EmptyState/EmptyState.scss.js";import"../componentsV2/FileIcon/FileIcon.js";import"../componentsV2/Tag/Tag.js";import"react-dropzone";import"../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../componentsV2/Skeleton/Skeleton.scss.js";import"../utils/main.js";import"../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../componentsV2/Stepper/Step/Step.scss.js";import"../componentsV2/Stepper/Stepper.scss.js";import"../componentsV2/ButtonLive/ButtonLive.js";import"../componentsV2/ButtonText/ButtonText.js";import"../componentsV2/IndicatorLive/IndicatorLive.js";import"../componentsV2/Accordion/Accordion.scss.js";import"../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../componentsV2/BadgeComment/BadgeComment.js";import"../componentsV2/AppContainer/AppContainer.js";import"../componentsV2/AppContainer/AppContainer.constants.js";import"../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../componentsV2/AppHeader/AppHeader.constants.js";import"../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../componentsV2/AppHeader/AppAssets/utils.js";import"../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"./PadModeSelect/PadModeSelect.js";import"../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../constants/streamSourceType.js";import"../componentsV2/PadModeSelect/PadModeSelect.js";import"../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../utils/mobileDetect.js";import"../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../componentsV2/UniversalLink/UniversalLink.scss.js";import"../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"./AppIcon/AppIcon.js";import"../utils/getSingleAsset.js";import"../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../clients/subscriptions.v1.js";import"../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../utils/env.js";import"./StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../clients/api/apiCore.js";import"../clients/constants.js";import"../clients/sso/auth0.js";import"../clients/sso/oauth2.js";import"../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../componentsV2/AppSettings/AppSettings.js";import"../componentsV2/AppSettings/AppSettings.constants.js";import"../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../componentsV2/AppHeader/AppHeader.scss.js";import"../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../componentsV2/Autocomplete/Autocomplete.js";import"../componentsV2/Select/Select.js";import"../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../componentsV2/DatePicker/DatePicker.js";import"../componentsV2/DragHandle/DragHandle.js";import"../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../componentsV2/Slider/constants.js";import"../componentsV2/Slider/components/SliderThumb.js";import"../componentsV2/Slider/Slider.scss.js";import"../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../componentsV2/ColorPicker/ColorPicker.scss.js";import"../componentsV2/ChartHelper/ChartHelper.scss.js";import"../componentsV2/Hotkey/Hotkey.js";import"./DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"./DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"./DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"./DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"./ErrorBoundary/ErrorBoundary.js";import"./ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"./DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"./DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"./Icons/AnnotationIcon.js";import"./Annotations/components/AnnotationsList/index.js";import"./Annotations/components/LastAnnotation/index.js";import"./Annotations/AnnotationsContext.js";import"./Toaster/Toaster.js";import"./HelpCenter/HelpCenterIcon.js";import"./DevCenter/NavigationBar/NavigationBar.js";import j from"./DevCenter/SideBar/SideBar.js";import"./DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"./DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";var u=function(e){var r,u=e.classes,C=e.children,A=e.onStateChange,V=void 0===A?i:A,v=e.initialState,g=void 0===v||v,I=e.drawerPaperClassName,D=void 0===I?null:I,h=e.isToolbarGutterShown,S=e.openedDrawerWidth,P=e.anchor,T=t(g),b=s(T,2),x=b[0],f=b[1],B=function(){f(!x),V(!x)},H="left"===P?m:a;return l(j,{isToolbarGutterShown:h,drawerWidth:S,drawerClassName:n(u.drawer,!x&&u.drawerClosed),drawerPaperClassName:n(u.drawer,u.drawerPaper,D,!x&&u.drawerClosed),anchor:P,listClassName:u.list,onClick:function(){x||B()},children:[C,d(p,{className:n(u.openToggleContainer,(r={},o(r,u.openToggleContainerCollapsed,!x),o(r,u.openToggleContainerOpened,x),r)),children:d(c,{"data-testid":"".concat("CollapsableSidebar","_toggle"),"aria-label":"toggle sidebar",className:u.openToggleIconButton,onClick:B,children:d(H,{className:n(u.openToggleIcon,o({},u.openToggleIconClosed,!x))})})})]})};u.propTypes={children:e.node.isRequired,onStateChange:e.func,initialState:e.bool,drawerPaperClassName:e.string,isToolbarGutterShown:e.bool,openedDrawerWidth:e.oneOfType([e.string,e.number]),anchor:e.oneOf(["left","right"]),closedWidth:e.oneOfType([e.string,e.number])};var C=r((function(o){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:o.palette.background.b7}}},drawerClosed:{width:function(o){var s=o.closedWidth;return void 0===s?48:s}},openToggleIcon:{fontSize:"1.25rem",color:o.palette.primary.text7},openToggleIconClosed:{transform:"rotate(180deg)"},openToggleIconButton:{padding:6},openToggleContainer:{display:"flex",position:"absolute",bottom:0,width:"100%",flex:"0 0",padding:o.spacing(2,1,1.5)},openToggleContainerCollapsed:{paddingRight:o.spacing(1),paddingLeft:o.spacing(1),justifyContent:"center"},openToggleContainerOpened:{justifyContent:function(o){return"left"===o.anchor?"flex-end":"flex-start"}},list:{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden",paddingBottom:60}}}))(u);export{C as default};
 //# sourceMappingURL=CollapsableSidebar.js.map

package/components/CollapsableSidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapsableSidebar.js","sources":["../../src/components/CollapsableSidebar.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { withStyles, IconButton, Box } from '@material-ui/core';\nimport ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';\nimport ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';\n\nimport { SideBar } from './DevCenter';\n\nconst PAGE_NAME = 'CollapsableSidebar';\n\nconst muiStyles = theme => ({\n drawer: {\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n },\n drawerPaper: {\n '&$drawerClosed': {\n cursor: 'pointer',\n '&:hover::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n background: theme.palette.background.b7,\n },\n },\n },\n drawerClosed: {\n width: ({ closedWidth }) => closedWidth,\n },\n openToggleIcon: {\n fontSize: '1.25rem',\n color: theme.palette.primary.text7,\n },\n openToggleIconClosed: {\n transform: 'rotate(180deg)',\n },\n openToggleIconButton: {\n padding: 6,\n },\n openToggleContainer: {\n display: 'flex',\n position: 'absolute',\n bottom: 0,\n width: '100%',\n flex: '0 0',\n padding: theme.spacing(2, 1, 1.5),\n },\n openToggleContainerCollapsed: {\n paddingRight: theme.spacing(1),\n paddingLeft: theme.spacing(1),\n justifyContent: 'center',\n },\n openToggleContainerOpened: {\n justifyContent: ({ anchor }) => (anchor === 'left' ? 'flex-end' : 'flex-start'),\n },\n list: {\n display: 'flex',\n flexDirection: 'column',\n flexGrow: 1,\n overflow: 'hidden',\n paddingBottom: 60,\n },\n});\n\nconst CollapsableSidebar = ({\n classes,\n children,\n onStateChange,\n initialState,\n drawerPaperClassName,\n isToolbarGutterShown,\n openedDrawerWidth,\n anchor,\n}) => {\n const [isOpen, setIsOpen] = useState(initialState);\n\n const toggleIsOpen = () => {\n setIsOpen(!isOpen);\n onStateChange(!isOpen);\n };\n\n const onSidebarClick = () => {\n if (!isOpen) {\n toggleIsOpen();\n }\n };\n\n const ChevroneIcon = anchor === 'left' ? ChevronLeftRoundedIcon : ChevronRightRoundedIcon;\n\n return (\n <SideBar\n isToolbarGutterShown={isToolbarGutterShown}\n drawerWidth={openedDrawerWidth}\n drawerClassName={classnames(classes.drawer, !isOpen && classes.drawerClosed)}\n drawerPaperClassName={classnames(\n classes.drawer,\n classes.drawerPaper,\n drawerPaperClassName,\n !isOpen && classes.drawerClosed\n )}\n anchor={anchor}\n listClassName={classes.list}\n onClick={onSidebarClick}\n >\n {children}\n <Box\n className={classnames(classes.openToggleContainer, {\n [classes.openToggleContainerCollapsed]: !isOpen,\n [classes.openToggleContainerOpened]: isOpen,\n })}\n >\n <IconButton\n data-testid={`${PAGE_NAME}_toggle`}\n aria-label=\"toggle sidebar\"\n className={classes.openToggleIconButton}\n onClick={toggleIsOpen}\n >\n <ChevroneIcon\n className={classnames(classes.openToggleIcon, {\n [classes.openToggleIconClosed]: !isOpen,\n })}\n />\n </IconButton>\n </Box>\n </SideBar>\n );\n};\n\nCollapsableSidebar.propTypes = {\n children: PropTypes.node.isRequired,\n onStateChange: PropTypes.func,\n initialState: PropTypes.bool,\n drawerPaperClassName: PropTypes.string,\n isToolbarGutterShown: PropTypes.bool,\n openedDrawerWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n anchor: PropTypes.oneOf(['left', 'right']),\n // eslint-disable-next-line react/no-unused-prop-types\n closedWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nCollapsableSidebar.defaultProps = {\n onStateChange: noop,\n initialState: true,\n closedWidth: 48,\n drawerPaperClassName: null,\n isToolbarGutterShown: undefined,\n openedDrawerWidth: undefined,\n anchor: undefined,\n};\n\nexport default withStyles(muiStyles)(CollapsableSidebar);\n"],"names":["CollapsableSidebar","_ref3","_classnames","classes","children","onStateChange","initialState","drawerPaperClassName","isToolbarGutterShown","openedDrawerWidth","anchor","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","toggleIsOpen","ChevroneIcon","ChevronLeftRoundedIcon","ChevronRightRoundedIcon","_jsxs","SideBar","drawerWidth","drawerClassName","classnames","drawer","drawerClosed","drawerPaper","listClassName","list","onClick","_jsx","Box","className","openToggleContainer","openToggleContainerCollapsed","openToggleContainerOpened","IconButton","concat","openToggleIconButton","openToggleIcon","openToggleIconClosed","propTypes","PropTypes","node","isRequired","func","bool","string","oneOfType","number","oneOf","closedWidth","~~defaultProps","noop","undefined","~~CollapsableSidebar$1","withStyles","theme","display","flexDirection","height","cursor","content","position","top","right","bottom","left","background","palette","b7","width","_ref","fontSize","color","primary","text7","transform","padding","flex","spacing","paddingRight","paddingLeft","justifyContent","_ref2","flexGrow","overflow","paddingBottom"],"mappings":"~~ipdAUA~~,~~IA4DMA~~,EAAqB,SASrBC,GAAA,IAAAC,EARJC,IAAAA,QACAC,IAAAA,~~SACAC~~,~~IAAAA~~,~~cACAC~~,~~IAAAA~~,~~aACAC~~,~~IAAAA~~,~~qBACAC~~,IAAAA,qBACAC,IAAAA,kBACAC,IAAAA,OAE4BC,EAAAA,~~EAASL~~,~~GAAaM~~,EAAAC,EAAAC,EAAA,GAA3CC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAElBK,EAAe,WACnBD,GAAWD,~~GACXV~~,~~GAAeU~~,IASXG,EAA0B,SAAXR,EAAoBS,EAAyBC,EAElE,OACEC,EAACC,EAAO,CACNd,qBAAsBA,EACtBe,YAAad,EACbe,gBAAiBC,~~EAAWtB~~,~~EAAQuB~~,QAASX,~~GAAUZ~~,~~EAAQwB~~,cAC/DpB,qBAAsBkB,~~EACpBtB~~,~~EAAQuB~~,~~OACRvB~~,~~EAAQyB~~,YACRrB,GACCQ,~~GAAUZ~~,~~EAAQwB~~,cAErBjB,OAAQA,EACRmB,~~cAAe1B~~,~~EAAQ2B~~,KACvBC,QArBmB,WAChBhB,GACHE,~~KAmBwBb~~,SAEvBA,CAAAA,~~EACD4B~~,EAACC,EAAG,CACFC,UAAWT,~~EAAWtB~~,~~EAAQgC~~,~~8BAC3BhC~~,~~EAAQiC~~,8BAAgCrB,~~GACxCZ~~,EAAAA,EAAAA,~~EAAQkC~~,0BAA4BtB,~~GACpCb~~,IAAAE,~~SAEH4B~~,EAACM,EAAU,CACT,cAAA,GAAAC,~~OA5GQ~~,~~qBA4G2B~~,WACnC,aAAW,iBACXL,~~UAAW/B~~,~~EAAQqC~~,qBACnBT,QAASd,~~EAAab~~,~~SAEtB4B~~,EAACd,EAAY,CACXgB,UAAWT,~~EAAWtB~~,~~EAAQsC~~,~~eAC3BtC~~,EAAAA,CAAAA,EAAAA,~~EAAQuC~~,sBAAwB3B,YAO/C,~~EAEAf~~,~~EAAmB2C~~,UAAY,~~CAC7BvC~~,~~SAAUwC~~,EAAUC,KAAKC,~~WACzBzC~~,~~cAAeuC~~,EAAUG,~~KACzBzC~~,~~aAAcsC~~,EAAUI,KACxBzC,qBAAsBqC,EAAUK,OAChCzC,qBAAsBoC,EAAUI,KAChCvC,kBAAmBmC,EAAUM,UAAU,CAACN,EAAUK,OAAQL,EAAUO,SACpEzC,OAAQkC,EAAUQ,MAAM,CAAC,OAAQ,UAEjCC,YAAaT,EAAUM,UAAU,CAACN,EAAUK,OAAQL,EAAUO,~~UAGhEnD~~,~~EAAmBsD~~,~~aAAe,CAChCjD,cAAekD,EACfjD,cAAc,EACd+C,YAAa,GACb9C,qBAAsB,KACtBC,0BAAsBgD,EACtB/C,uBAAmB+C,EACnB9C,YAAQ8C,GAGV,IAAAC,~~EAAeC,~~GAhJG~~,SAAAC,GAAK,MAAK,~~CAC1BjC~~,OAAQ,~~CACNkC~~,QAAS,OACTC,cAAe,SACfC,OAAQ,~~QAEVlC~~,YAAa,CACX,iBAAkB,~~CAChBmC~~,OAAQ,UACR,kBAAmB,CACjBC,QAAS,KACTC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,OAAQ,EACRC,KAAM,EACNC,WAAYX,EAAMY,QAAQD,WAAWE,~~MAI3C7C~~,aAAc,~~CACZ8C~~,MAAO,SAAAC,~~GAAc~~,~~SAAXrB~~,~~WAA6B~~,~~GAEzCZ~~,eAAgB,~~CACdkC~~,SAAU,UACVC,~~MAAOjB~~,EAAMY,~~QAAQM~~,QAAQC,OAE/~~BpC~~,qBAAsB,~~CACpBqC~~,UAAW,~~kBAEbvC~~,qBAAsB,~~CACpBwC~~,QAAS,~~GAEX7C~~,oBAAqB,~~CACnByB~~,QAAS,OACTK,SAAU,WACVG,OAAQ,EACRK,MAAO,~~OACPQ~~,KAAM,MACND,~~QAASrB~~,~~EAAMuB~~,QAAQ,EAAG,EAAG,MAE/~~B9C~~,6BAA8B,~~CAC5B+C~~,~~aAAcxB~~,~~EAAMuB~~,QAAQ,GAC5BE,~~YAAazB~~,~~EAAMuB~~,QAAQ,GAC3BG,eAAgB,~~UAElBhD~~,0BAA2B,~~CACzBgD~~,eAAgB,SAAAC,GAAS,MAAmB,~~WAAzB5E~~,OAAkC,WAAa,YAAY,GAEhFoB,KAAM,~~CACJ8B~~,QAAS,OACTC,cAAe,~~SACf0B~~,SAAU,EACVC,SAAU,SACVC,cAAe,IAElB,~~GAwFc/B~~,~~CAAsB1D~~"}
1	+ {"version":3,"file":"CollapsableSidebar.js","sources":["../../src/components/CollapsableSidebar.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { withStyles, IconButton, Box } from '@material-ui/core';\nimport ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';\nimport ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';\n\nimport { SideBar } from './DevCenter';\n\nconst PAGE_NAME = 'CollapsableSidebar';\nconst DEFAULT_CLOSED_WIDTH = 48;\n\nconst muiStyles = theme => ({\n drawer: {\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n },\n drawerPaper: {\n '&$drawerClosed': {\n cursor: 'pointer',\n '&:hover::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n background: theme.palette.background.b7,\n },\n },\n },\n drawerClosed: {\n width: ({ closedWidth = DEFAULT_CLOSED_WIDTH }) => closedWidth,\n },\n openToggleIcon: {\n fontSize: '1.25rem',\n color: theme.palette.primary.text7,\n },\n openToggleIconClosed: {\n transform: 'rotate(180deg)',\n },\n openToggleIconButton: {\n padding: 6,\n },\n openToggleContainer: {\n display: 'flex',\n position: 'absolute',\n bottom: 0,\n width: '100%',\n flex: '0 0',\n padding: theme.spacing(2, 1, 1.5),\n },\n openToggleContainerCollapsed: {\n paddingRight: theme.spacing(1),\n paddingLeft: theme.spacing(1),\n justifyContent: 'center',\n },\n openToggleContainerOpened: {\n justifyContent: ({ anchor }) => (anchor === 'left' ? 'flex-end' : 'flex-start'),\n },\n list: {\n display: 'flex',\n flexDirection: 'column',\n flexGrow: 1,\n overflow: 'hidden',\n paddingBottom: 60,\n },\n});\n\nconst CollapsableSidebar = ({\n classes,\n children,\n onStateChange = noop,\n initialState = true,\n drawerPaperClassName = null,\n isToolbarGutterShown,\n openedDrawerWidth,\n anchor,\n}) => {\n const [isOpen, setIsOpen] = useState(initialState);\n\n const toggleIsOpen = () => {\n setIsOpen(!isOpen);\n onStateChange(!isOpen);\n };\n\n const onSidebarClick = () => {\n if (!isOpen) {\n toggleIsOpen();\n }\n };\n\n const ChevroneIcon = anchor === 'left' ? ChevronLeftRoundedIcon : ChevronRightRoundedIcon;\n\n return (\n <SideBar\n isToolbarGutterShown={isToolbarGutterShown}\n drawerWidth={openedDrawerWidth}\n drawerClassName={classnames(classes.drawer, !isOpen && classes.drawerClosed)}\n drawerPaperClassName={classnames(\n classes.drawer,\n classes.drawerPaper,\n drawerPaperClassName,\n !isOpen && classes.drawerClosed\n )}\n anchor={anchor}\n listClassName={classes.list}\n onClick={onSidebarClick}\n >\n {children}\n <Box\n className={classnames(classes.openToggleContainer, {\n [classes.openToggleContainerCollapsed]: !isOpen,\n [classes.openToggleContainerOpened]: isOpen,\n })}\n >\n <IconButton\n data-testid={`${PAGE_NAME}_toggle`}\n aria-label=\"toggle sidebar\"\n className={classes.openToggleIconButton}\n onClick={toggleIsOpen}\n >\n <ChevroneIcon\n className={classnames(classes.openToggleIcon, {\n [classes.openToggleIconClosed]: !isOpen,\n })}\n />\n </IconButton>\n </Box>\n </SideBar>\n );\n};\n\nCollapsableSidebar.propTypes = {\n children: PropTypes.node.isRequired,\n onStateChange: PropTypes.func,\n initialState: PropTypes.bool,\n drawerPaperClassName: PropTypes.string,\n isToolbarGutterShown: PropTypes.bool,\n openedDrawerWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n anchor: PropTypes.oneOf(['left', 'right']),\n // eslint-disable-next-line react/no-unused-prop-types\n closedWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport default withStyles(muiStyles)(CollapsableSidebar);\n"],"names":["CollapsableSidebar","_ref3","_classnames","classes","children","_ref3$onStateChange","onStateChange","noop","_ref3$initialState","initialState","_ref3$drawerPaperClas","drawerPaperClassName","isToolbarGutterShown","openedDrawerWidth","anchor","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","toggleIsOpen","ChevroneIcon","ChevronLeftRoundedIcon","ChevronRightRoundedIcon","_jsxs","SideBar","drawerWidth","drawerClassName","classnames","drawer","drawerClosed","drawerPaper","listClassName","list","onClick","_jsx","Box","className","openToggleContainer","openToggleContainerCollapsed","openToggleContainerOpened","IconButton","concat","openToggleIconButton","openToggleIcon","openToggleIconClosed","propTypes","PropTypes","node","isRequired","func","bool","string","oneOfType","number","oneOf","closedWidth","CollapsableSidebar$1","withStyles","theme","display","flexDirection","height","cursor","content","position","top","right","bottom","left","background","palette","b7","width","_ref","_ref$closedWidth","fontSize","color","primary","text7","transform","padding","flex","spacing","paddingRight","paddingLeft","justifyContent","_ref2","flexGrow","overflow","paddingBottom"],"mappings":"42dAUA,IA6DMA,EAAqB,SASrBC,GAAA,IAAAC,EARJC,IAAAA,QACAC,IAAAA,SAAQC,EAAAJ,EACRK,cAAAA,aAAgBC,EAAIF,EAAAG,EAAAP,EACpBQ,aAAAA,cAAmBD,EAAAE,EAAAT,EACnBU,qBAAAA,aAAuB,KAAID,EAC3BE,IAAAA,qBACAC,IAAAA,kBACAC,IAAAA,OAE4BC,EAAAA,EAASN,GAAaO,EAAAC,EAAAC,EAAA,GAA3CC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAElBK,EAAe,WACnBD,GAAWD,GACXb,GAAea,IASXG,EAA0B,SAAXR,EAAoBS,EAAyBC,EAElE,OACEC,EAACC,EAAO,CACNd,qBAAsBA,EACtBe,YAAad,EACbe,gBAAiBC,EAAW1B,EAAQ2B,QAASX,GAAUhB,EAAQ4B,cAC/DpB,qBAAsBkB,EACpB1B,EAAQ2B,OACR3B,EAAQ6B,YACRrB,GACCQ,GAAUhB,EAAQ4B,cAErBjB,OAAQA,EACRmB,cAAe9B,EAAQ+B,KACvBC,QArBmB,WAChBhB,GACHE,KAmBwBjB,SAEvBA,CAAAA,EACDgC,EAACC,EAAG,CACFC,UAAWT,EAAW1B,EAAQoC,8BAC3BpC,EAAQqC,8BAAgCrB,GACxChB,EAAAA,EAAAA,EAAQsC,0BAA4BtB,GACpCjB,IAAAE,SAEHgC,EAACM,EAAU,CACT,cAAA,GAAAC,OA7GQ,qBA6G2B,WACnC,aAAW,iBACXL,UAAWnC,EAAQyC,qBACnBT,QAASd,EAAajB,SAEtBgC,EAACd,EAAY,CACXgB,UAAWT,EAAW1B,EAAQ0C,eAC3B1C,EAAAA,CAAAA,EAAAA,EAAQ2C,sBAAwB3B,YAO/C,EAEAnB,EAAmB+C,UAAY,CAC7B3C,SAAU4C,EAAUC,KAAKC,WACzB5C,cAAe0C,EAAUG,KACzB1C,aAAcuC,EAAUI,KACxBzC,qBAAsBqC,EAAUK,OAChCzC,qBAAsBoC,EAAUI,KAChCvC,kBAAmBmC,EAAUM,UAAU,CAACN,EAAUK,OAAQL,EAAUO,SACpEzC,OAAQkC,EAAUQ,MAAM,CAAC,OAAQ,UAEjCC,YAAaT,EAAUM,UAAU,CAACN,EAAUK,OAAQL,EAAUO,UAGhE,IAAAG,EAAeC,GAtIG,SAAAC,GAAK,MAAK,CAC1B9B,OAAQ,CACN+B,QAAS,OACTC,cAAe,SACfC,OAAQ,QAEV/B,YAAa,CACX,iBAAkB,CAChBgC,OAAQ,UACR,kBAAmB,CACjBC,QAAS,KACTC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,OAAQ,EACRC,KAAM,EACNC,WAAYX,EAAMY,QAAQD,WAAWE,MAI3C1C,aAAc,CACZ2C,MAAO,SAAAC,GAAA,IAAAC,EAAAD,EAAGlB,YAAkC,kBAvBnB,GAuBmBmB,CAAkB,GAEhE/B,eAAgB,CACdgC,SAAU,UACVC,MAAOlB,EAAMY,QAAQO,QAAQC,OAE/BlC,qBAAsB,CACpBmC,UAAW,kBAEbrC,qBAAsB,CACpBsC,QAAS,GAEX3C,oBAAqB,CACnBsB,QAAS,OACTK,SAAU,WACVG,OAAQ,EACRK,MAAO,OACPS,KAAM,MACND,QAAStB,EAAMwB,QAAQ,EAAG,EAAG,MAE/B5C,6BAA8B,CAC5B6C,aAAczB,EAAMwB,QAAQ,GAC5BE,YAAa1B,EAAMwB,QAAQ,GAC3BG,eAAgB,UAElB9C,0BAA2B,CACzB8C,eAAgB,SAAAC,GAAS,MAAmB,WAAzB1E,OAAkC,WAAa,YAAY,GAEhFoB,KAAM,CACJ2B,QAAS,OACTC,cAAe,SACf2B,SAAU,EACVC,SAAU,SACVC,cAAe,IAElB,GA8EchC,CAAsB3D"}

package/components/CollapsibleContent.d.ts CHANGED Viewed

@@ -1,16 +1,13 @@
 import PropTypes from 'prop-types';
 declare function CollapsibleContent({ maxHeight, children }: {
     children: any;
-    maxHeight: any;
+    maxHeight?: number | undefined;
 }): import("react").JSX.Element;
 declare namespace CollapsibleContent {
     var propTypes: {
         children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
         maxHeight: PropTypes.Requireable<number>;
     };
-    var defaultProps: {
-        maxHeight: number;
-    };
 }
 export default CollapsibleContent;
 //# sourceMappingURL=CollapsibleContent.d.ts.map

package/components/CollapsibleContent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapsibleContent.d.ts","sourceRoot":"","sources":["../../src/components/CollapsibleContent.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;oCA4BP,EAAE,~~SAAS~~,EAAE,QAAQ,EAAE;;;CAAA~~;;;;;;;;;;eAoDpC~~,kBAAkB"}
1	+ {"version":3,"file":"CollapsibleContent.d.ts","sourceRoot":"","sources":["../../src/components/CollapsibleContent.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;oCA4BP,EAAE,SAAe,EAAE,QAAQ,EAAE;;;CAAA;;;;;;;eAgD1C,kBAAkB"}

package/components/CollapsibleContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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};
+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=void 0===o?120:o,m=n.children,u=p(),h=r(!1),f=e(h,2),g=f[0],v=f[1],b=r(!1),x=e(b,2),y=x[0],k=x[1],w=t();return i((function(){!function(){var e=s&&w.current.clientHeight>s+40;k(e),v(e)}()}),[m]),c("div",{className:u.contentWrapper,children:[l("div",{className:u.content,style:{maxHeight:y?s:"initial"},children:l("div",{ref:w,children:m})}),g&&c("div",{className:u.readMore,children:[y&&l("div",{className:u.blackOut}),l(a,{onClick:function(){k((function(e){return!e})),y&&window.innerHeight<w.current.clientHeight&&w.current.scrollIntoView()},children:y?l(d,{children:"Read more …"}):"Show less"})]})]})};s.propTypes={children:n.oneOfType([n.node,n.string]).isRequired,maxHeight:n.number};export{s as default};
 //# sourceMappingURL=CollapsibleContent.js.map

package/components/CollapsibleContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapsibleContent.js","sources":["../../src/components/CollapsibleContent.js"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, makeStyles } from '@material-ui/core';\n\nconst MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE = 40;\nconst BLACKOUT_HEIGHT = 40;\n\nconst useStyles = makeStyles(theme => ({\n contentWrapper: {\n position: 'relative',\n },\n content: {\n overflow: 'hidden',\n },\n readMore: {\n height: 40,\n display: 'block',\n textAlign: 'right',\n },\n blackOut: {\n width: '100%',\n position: 'absolute',\n justifyContent: 'flex-end',\n background: `linear-gradient(to bottom, transparent, ${theme.palette.background.paper})`,\n height: BLACKOUT_HEIGHT,\n marginTop: -BLACKOUT_HEIGHT,\n },\n}));\n\nconst CollapsibleContent = ({ maxHeight, children }) => {\n const classes = useStyles();\n const [collapsible, setCollapsible] = useState(false);\n const [collapsed, setCollapsed] = useState(false);\n\n const contentRef = useRef();\n\n const setCollapsingStatus = () => {\n const collapsible =\n maxHeight && contentRef.current.clientHeight > maxHeight + MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE;\n\n setCollapsed(collapsible);\n setCollapsible(collapsible);\n };\n\n const toggleCollapse = () => {\n setCollapsed(collapsed => !collapsed);\n if (collapsed && window.innerHeight < contentRef.current.clientHeight) {\n contentRef.current.scrollIntoView();\n }\n };\n\n useEffect(() => {\n setCollapsingStatus();\n }, [children]);\n\n return (\n <div className={classes.contentWrapper}>\n <div className={classes.content} style={{ maxHeight: collapsed ? maxHeight : 'initial' }}>\n <div ref={contentRef}>{children}</div>\n </div>\n {collapsible && (\n <div className={classes.readMore}>\n {collapsed && <div className={classes.blackOut} />}\n <Button onClick={toggleCollapse}>\n {collapsed ? <>Read more …</> : 'Show less'}\n </Button>\n </div>\n )}\n </div>\n );\n};\n\nCollapsibleContent.propTypes = {\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,\n maxHeight: PropTypes.number,\n};\n\~~nCollapsibleContent.defaultProps = {\n maxHeight: 120,\n};\n\~~nexport default CollapsibleContent;\n"],"names":["useStyles","makeStyles","theme","contentWrapper","position","content","overflow","readMore","height","display","textAlign","blackOut","width","justifyContent","background","concat","palette","paper","marginTop","CollapsibleContent","_ref","maxHeight","children","classes","useState","_useState2","_slicedToArray","_useState","collapsible","setCollapsible","_useState4","_useState3","collapsed","setCollapsed","contentRef","useRef","useEffect","current","clientHeight","setCollapsingStatus","_jsxs","className","_jsx","style","ref","Button","onClick","window","innerHeight","scrollIntoView","_Fragment","propTypes","PropTypes","oneOfType","node","string","isRequired","number"~~,"defaultProps"~~],"mappings":"qQAIA,IAGMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,eAAgB,CACdC,SAAU,YAEZC,QAAS,CACPC,SAAU,UAEZC,SAAU,CACRC,OAAQ,GACRC,QAAS,QACTC,UAAW,SAEbC,SAAU,CACRC,MAAO,OACPR,SAAU,WACVS,eAAgB,WAChBC,WAAU,2CAAAC,OAA6Cb,EAAMc,QAAQF,WAAWG,MAAQ,KACxFT,OAnBoB,GAoBpBU,WApBoB,IAsBvB,IAEKC,EAAqB,~~SAA6BC~~,GAAA,~~IAA1BC~~,~~IAAAA~~,~~UAAWC~~,IAAAA,~~SACjCC~~,~~EAAUvB~~,~~IACsBwB~~,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA9CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GACAD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAA1CC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAExBI,EAAaC,IAqBnB,OAJAC,GAAU,YAfkB,WAC1B,IAAMR,EACJP,GAAaa,EAAWG,QAAQC,aAAejB,EAlCX,GAoCtCY,EAAaL,GACbC,EAAeD,GAWfW,EACF,GAAG,CAACjB,IAGFkB,EAAA,MAAA,CAAKC,UAAWlB,~~EAAQpB~~,~~eAAemB~~,SACrC,CAAAoB,EAAA,MAAA,CAAKD,UAAWlB,~~EAAQlB~~,~~QAASsC~~,MAAO,CAAEtB,UAAWW,EAAYX,EAAY,WAAYC,SACvFoB,EAAA,MAAA,CAAKE,IAAKV,EAAWZ,SAAEA,MAExBM,GACCY,EAAA,MAAA,CAAKC,UAAWlB,~~EAAQhB~~,~~SAASe~~,SAAA,CAC9BU,GAAaU,EAAA,MAAA,CAAKD,UAAWlB,~~EAAQZ~~,~~WACtC+B~~,EAACG,EAAM,CAACC,QAnBO,WACrBb,GAAa,SAAAD,GAAS,OAAKA,KACvBA,GAAae,OAAOC,YAAcd,EAAWG,QAAQC,cACvDJ,EAAWG,QAAQY,kBAgBiB3B,SAC7BU,EAAYU,EAAAQ,EAAA,CAAA5B,SAAA,gBAA0B,mBAMnD,~~EAEAH~~,~~EAAmBgC~~,UAAY,CAC7B7B,SAAU8B,EAAUC,UAAU,CAACD,EAAUE,KAAMF,EAAUG,SAASC,WAClEnC,UAAW+B,EAAUK~~,QAGvBtC,EAAmBuC,aAAe,CAChCrC,UAAW~~"}
1	+ {"version":3,"file":"CollapsibleContent.js","sources":["../../src/components/CollapsibleContent.js"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, makeStyles } from '@material-ui/core';\n\nconst MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE = 40;\nconst BLACKOUT_HEIGHT = 40;\n\nconst useStyles = makeStyles(theme => ({\n contentWrapper: {\n position: 'relative',\n },\n content: {\n overflow: 'hidden',\n },\n readMore: {\n height: 40,\n display: 'block',\n textAlign: 'right',\n },\n blackOut: {\n width: '100%',\n position: 'absolute',\n justifyContent: 'flex-end',\n background: `linear-gradient(to bottom, transparent, ${theme.palette.background.paper})`,\n height: BLACKOUT_HEIGHT,\n marginTop: -BLACKOUT_HEIGHT,\n },\n}));\n\nconst CollapsibleContent = ({ maxHeight = 120, children }) => {\n const classes = useStyles();\n const [collapsible, setCollapsible] = useState(false);\n const [collapsed, setCollapsed] = useState(false);\n\n const contentRef = useRef();\n\n const setCollapsingStatus = () => {\n const collapsible =\n maxHeight && contentRef.current.clientHeight > maxHeight + MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE;\n\n setCollapsed(collapsible);\n setCollapsible(collapsible);\n };\n\n const toggleCollapse = () => {\n setCollapsed(collapsed => !collapsed);\n if (collapsed && window.innerHeight < contentRef.current.clientHeight) {\n contentRef.current.scrollIntoView();\n }\n };\n\n useEffect(() => {\n setCollapsingStatus();\n }, [children]);\n\n return (\n <div className={classes.contentWrapper}>\n <div className={classes.content} style={{ maxHeight: collapsed ? maxHeight : 'initial' }}>\n <div ref={contentRef}>{children}</div>\n </div>\n {collapsible && (\n <div className={classes.readMore}>\n {collapsed && <div className={classes.blackOut} />}\n <Button onClick={toggleCollapse}>\n {collapsed ? <>Read more …</> : 'Show less'}\n </Button>\n </div>\n )}\n </div>\n );\n};\n\nCollapsibleContent.propTypes = {\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,\n maxHeight: PropTypes.number,\n};\n\nexport default CollapsibleContent;\n"],"names":["useStyles","makeStyles","theme","contentWrapper","position","content","overflow","readMore","height","display","textAlign","blackOut","width","justifyContent","background","concat","palette","paper","marginTop","CollapsibleContent","_ref","_ref$maxHeight","maxHeight","children","classes","useState","_useState2","_slicedToArray","_useState","collapsible","setCollapsible","_useState4","_useState3","collapsed","setCollapsed","contentRef","useRef","useEffect","current","clientHeight","setCollapsingStatus","_jsxs","className","_jsx","style","ref","Button","onClick","window","innerHeight","scrollIntoView","_Fragment","propTypes","PropTypes","oneOfType","node","string","isRequired","number"],"mappings":"qQAIA,IAGMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,eAAgB,CACdC,SAAU,YAEZC,QAAS,CACPC,SAAU,UAEZC,SAAU,CACRC,OAAQ,GACRC,QAAS,QACTC,UAAW,SAEbC,SAAU,CACRC,MAAO,OACPR,SAAU,WACVS,eAAgB,WAChBC,WAAU,2CAAAC,OAA6Cb,EAAMc,QAAQF,WAAWG,MAAQ,KACxFT,OAnBoB,GAoBpBU,WApBoB,IAsBvB,IAEKC,EAAqB,SAAmCC,GAAA,IAAAC,EAAAD,EAAhCE,UAAAA,aAAY,IAAGD,EAAEE,IAAAA,SACvCC,EAAUxB,IACsByB,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA9CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GACAD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAA1CC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAExBI,EAAaC,IAqBnB,OAJAC,GAAU,YAfkB,WAC1B,IAAMR,EACJP,GAAaa,EAAWG,QAAQC,aAAejB,EAlCX,GAoCtCY,EAAaL,GACbC,EAAeD,GAWfW,EACF,GAAG,CAACjB,IAGFkB,EAAA,MAAA,CAAKC,UAAWlB,EAAQrB,eAAeoB,SACrC,CAAAoB,EAAA,MAAA,CAAKD,UAAWlB,EAAQnB,QAASuC,MAAO,CAAEtB,UAAWW,EAAYX,EAAY,WAAYC,SACvFoB,EAAA,MAAA,CAAKE,IAAKV,EAAWZ,SAAEA,MAExBM,GACCY,EAAA,MAAA,CAAKC,UAAWlB,EAAQjB,SAASgB,SAAA,CAC9BU,GAAaU,EAAA,MAAA,CAAKD,UAAWlB,EAAQb,WACtCgC,EAACG,EAAM,CAACC,QAnBO,WACrBb,GAAa,SAAAD,GAAS,OAAKA,KACvBA,GAAae,OAAOC,YAAcd,EAAWG,QAAQC,cACvDJ,EAAWG,QAAQY,kBAgBiB3B,SAC7BU,EAAYU,EAAAQ,EAAA,CAAA5B,SAAA,gBAA0B,mBAMnD,EAEAJ,EAAmBiC,UAAY,CAC7B7B,SAAU8B,EAAUC,UAAU,CAACD,EAAUE,KAAMF,EAAUG,SAASC,WAClEnC,UAAW+B,EAAUK"}

package/components/ColorPicker/PaletteChromePicker/Palette/Palette.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from"prop-types";import{CustomPicker as e}from"react-color";import o from"classnames";import a from"chroma-js";import t from"../ColorSquare/ColorSquare.js";import{paletteColorsWithTransparent as n,paletteColors as s}from"./PaletteConstants.js";import l from"./Palette.css.js";import{jsx as i}from"react/jsx-runtime";var m=function(r,e){var o=a(r).alpha(),t=a(e).alpha();return o?r===e:o===t},c=function(r){var e=r.onChange,a=r.color,c=r.className,p=r.enableTransparencyPalette?n:s;return i("div",{className:o(l.paletteContainer,c),children:p.map((function(r){return i(t,{color:r,isSelected:m(a,r),onClick:function(){e(r)}},r)}))})};c.propTypes={onChange:r.func.isRequired,color:r.string.isRequired,className:r.string,enableTransparencyPalette:r.bool.isRequired},c.defaultProps={className:null};var p=e(c);export{p as default};
+import r from"prop-types";import{CustomPicker as e}from"react-color";import o from"classnames";import a from"chroma-js";import t from"../ColorSquare/ColorSquare.js";import{paletteColorsWithTransparent as n,paletteColors as s}from"./PaletteConstants.js";import i from"./Palette.css.js";import{jsx as l}from"react/jsx-runtime";var m=function(r,e){var o=a(r).alpha(),t=a(e).alpha();return o?r===e:o===t},c=function(r){var e=r.onChange,a=r.color,c=r.className,p=void 0===c?null:c,u=r.enableTransparencyPalette?n:s;return l("div",{className:o(i.paletteContainer,p),children:u.map((function(r){return l(t,{color:r,isSelected:m(a,r),onClick:function(){e(r)}},r)}))})};c.propTypes={onChange:r.func.isRequired,color:r.string.isRequired,className:r.string,enableTransparencyPalette:r.bool.isRequired};var p=e(c);export{p as default};
 //# sourceMappingURL=Palette.js.map

package/components/ColorPicker/PaletteChromePicker/Palette/Palette.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Palette.js","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/Palette/Palette.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { CustomPicker } from 'react-color';\nimport classNames from 'classnames';\nimport chroma from 'chroma-js';\n\nimport ColorSquare from '../ColorSquare';\n\nimport { paletteColors, paletteColorsWithTransparent } from './PaletteConstants';\n\nimport styles from './Palette.css';\n\nconst isSelected = (currentColor, predefinedColor) => {\n const currentColorAlpha = chroma(currentColor).alpha();\n const predefinedColorAlpha = chroma(predefinedColor).alpha();\n\n if (!currentColorAlpha) return currentColorAlpha === predefinedColorAlpha;\n return currentColor === predefinedColor;\n};\n\nconst Palette = ({ onChange, color, className, enableTransparencyPalette }) => {\n const colors = enableTransparencyPalette ? paletteColorsWithTransparent : paletteColors;\n\n return (\n <div className={classNames(styles.paletteContainer, className)}>\n {colors.map(predefinedColor => (\n <ColorSquare\n key={predefinedColor}\n color={predefinedColor}\n isSelected={isSelected(color, predefinedColor)}\n onClick={() => {\n onChange(predefinedColor);\n }}\n />\n ))}\n </div>\n );\n};\n\nPalette.propTypes = {\n onChange: PropTypes.func.isRequired,\n color: PropTypes.string.isRequired,\n className: PropTypes.string,\n enableTransparencyPalette: PropTypes.bool.isRequired,\n};\n\~~nPalette.defaultProps = {\n className: null,\n};\n\~~nexport default CustomPicker(Palette);\n"],"names":["isSelected","currentColor","predefinedColor","currentColorAlpha","chroma","alpha","predefinedColorAlpha","Palette","_ref","onChange","color","className","colors","enableTransparencyPalette","paletteColorsWithTransparent","paletteColors","_jsx","classNames","styles","paletteContainer","children","map","ColorSquare","onClick","propTypes","PropTypes","func","isRequired","string","bool","~~defaultProps","~~CustomPicker"],"mappings":"qUAWA,IAAMA,EAAa,SAACC,EAAcC,GAChC,IAAMC,EAAoBC,EAAOH,GAAcI,QACzCC,EAAuBF,EAAOF,GAAiBG,QAErD,OAAKF,EACEF,IAAiBC,EADOC,IAAsBG,CAEvD,EAEMC,EAAU,~~SAA+DC~~,GAAA,~~IAA5DC~~,IAAAA,SAAUC,IAAAA,~~MAAOC~~,~~IAAAA~~,~~UAC5BC~~,~~IADuCC~~,~~0BACFC~~,EAA+BC,EAE1E,OACEC,EAAA,MAAA,CAAKL,UAAWM,EAAWC,EAAOC,iBAAkBR,GAAWS,SAC5DR,EAAOS,KAAI,~~SAAAnB~~,GAAe,~~OACzBc~~,EAACM,EAAW,~~CAEVZ~~,MAAOR,EACPF,WAAYA,EAAWU,EAAOR,~~GAC9BqB~~,QAAS,~~WACPd~~,EAASP,EACX,GALKA,OAUf,EAEAK,~~EAAQiB~~,UAAY,~~CAClBf~~,~~SAAUgB~~,EAAUC,KAAKC,~~WACzBjB~~,~~MAAOe~~,EAAUG,OAAOD,WACxBhB,UAAWc,EAAUG,OACrBf,0BAA2BY,EAAUI,KAAKF,~~YAG5CpB~~,~~EAAQuB~~,~~aAAe,CACrBnB,UAAW,MAGb,IAAeoB,~~EAAAA,EAAaxB"}
1	+ {"version":3,"file":"Palette.js","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/Palette/Palette.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { CustomPicker } from 'react-color';\nimport classNames from 'classnames';\nimport chroma from 'chroma-js';\n\nimport ColorSquare from '../ColorSquare';\n\nimport { paletteColors, paletteColorsWithTransparent } from './PaletteConstants';\n\nimport styles from './Palette.css';\n\nconst isSelected = (currentColor, predefinedColor) => {\n const currentColorAlpha = chroma(currentColor).alpha();\n const predefinedColorAlpha = chroma(predefinedColor).alpha();\n\n if (!currentColorAlpha) return currentColorAlpha === predefinedColorAlpha;\n return currentColor === predefinedColor;\n};\n\nconst Palette = ({ onChange, color, className = null, enableTransparencyPalette }) => {\n const colors = enableTransparencyPalette ? paletteColorsWithTransparent : paletteColors;\n\n return (\n <div className={classNames(styles.paletteContainer, className)}>\n {colors.map(predefinedColor => (\n <ColorSquare\n key={predefinedColor}\n color={predefinedColor}\n isSelected={isSelected(color, predefinedColor)}\n onClick={() => {\n onChange(predefinedColor);\n }}\n />\n ))}\n </div>\n );\n};\n\nPalette.propTypes = {\n onChange: PropTypes.func.isRequired,\n color: PropTypes.string.isRequired,\n className: PropTypes.string,\n enableTransparencyPalette: PropTypes.bool.isRequired,\n};\n\nexport default CustomPicker(Palette);\n"],"names":["isSelected","currentColor","predefinedColor","currentColorAlpha","chroma","alpha","predefinedColorAlpha","Palette","_ref","onChange","color","_ref$className","className","colors","enableTransparencyPalette","paletteColorsWithTransparent","paletteColors","_jsx","classNames","styles","paletteContainer","children","map","ColorSquare","onClick","propTypes","PropTypes","func","isRequired","string","bool","CustomPicker"],"mappings":"qUAWA,IAAMA,EAAa,SAACC,EAAcC,GAChC,IAAMC,EAAoBC,EAAOH,GAAcI,QACzCC,EAAuBF,EAAOF,GAAiBG,QAErD,OAAKF,EACEF,IAAiBC,EADOC,IAAsBG,CAEvD,EAEMC,EAAU,SAAsEC,GAAA,IAAnEC,IAAAA,SAAUC,IAAAA,MAAKC,EAAAH,EAAEI,UAAAA,aAAY,KAAID,EAC5CE,IAD8CC,0BACTC,EAA+BC,EAE1E,OACEC,EAAA,MAAA,CAAKL,UAAWM,EAAWC,EAAOC,iBAAkBR,GAAWS,SAC5DR,EAAOS,KAAI,SAAApB,GAAe,OACzBe,EAACM,EAAW,CAEVb,MAAOR,EACPF,WAAYA,EAAWU,EAAOR,GAC9BsB,QAAS,WACPf,EAASP,EACX,GALKA,OAUf,EAEAK,EAAQkB,UAAY,CAClBhB,SAAUiB,EAAUC,KAAKC,WACzBlB,MAAOgB,EAAUG,OAAOD,WACxBhB,UAAWc,EAAUG,OACrBf,0BAA2BY,EAAUI,KAAKF,YAG5C,IAAeG,EAAAA,EAAaxB"}

package/components/CommentWrapper.d.ts CHANGED Viewed

@@ -1,32 +1,28 @@
 import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
+declare const _default: import("react").ComponentType<Pick<Pick<{
     children: any;
     className: any;
     classes: any;
-    isLoader: any;
-    spaceAround: any;
-}, never> & Pick<PropTypes.InferProps<{
+    isLoader?: boolean | undefined;
+    spaceAround?: boolean | undefined;
+}, "isLoader" | "spaceAround"> & Pick<PropTypes.InferProps<{
     spaceAround: PropTypes.Requireable<boolean>;
     isLoader: PropTypes.Requireable<boolean>;
     children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     className: PropTypes.Requireable<string>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-}>, "className" | "isLoader" | "spaceAround" | PropTypes.RequiredKeys<{
+}>, "className" | PropTypes.RequiredKeys<{
     spaceAround: PropTypes.Requireable<boolean>;
     isLoader: PropTypes.Requireable<boolean>;
     children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     className: PropTypes.Requireable<string>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-}>>, PropTypes.RequiredKeys<{
-    spaceAround: PropTypes.Requireable<boolean>;
-    isLoader: PropTypes.Requireable<boolean>;
-    children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    className: PropTypes.Requireable<string>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-}>> & {
-    spaceAround?: boolean | null | undefined;
-    isLoader?: boolean | null | undefined;
-    className?: string | null | undefined;
-} & {}, "children" | "className" | "isLoader" | "spaceAround"> & import("@material-ui/styles").StyledComponentProps<"paperBase" | "paperRoot" | "paperRootLoader" | "paperRootLoaderSpaceAround" | "paperRootSpaceAround">>;
+}>> & Pick<{
+    children: any;
+    className: any;
+    classes: any;
+    isLoader?: boolean | undefined;
+    spaceAround?: boolean | undefined;
+}, never>, "children" | "className" | "isLoader" | "spaceAround"> & import("@material-ui/styles").StyledComponentProps<"paperBase" | "paperRoot" | "paperRootLoader" | "paperRootLoaderSpaceAround" | "paperRootSpaceAround">>;
 export default _default;
 //# sourceMappingURL=CommentWrapper.d.ts.map

package/components/CommentWrapper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from"prop-types";import e from"classnames";import{withStyles as a}from"@material-ui/core/styles";import o from"@material-ui/core/Paper";import{jsx as p}from"react/jsx-runtime";var s=function(r,e,a){return a&&e?r.paperRootLoaderSpaceAround:a&&!e?r.paperRootLoader:!a&&e?r.paperRootSpaceAround:a||e?null:r.paperRoot},i=function(r){var a=r.spaceAround,i=r.isLoader,t=r.children,n=r.classes,d=r.className;return p(o,{className:e(s(n,a,i),n.paperBase,d),elevation:0,children:t})};i.propTypes={spaceAround:r.bool,isLoader:r.bool,children:r.node.isRequired,className:r.string,classes:r.shape({}).isRequired},i.defaultProps={spaceAround:!1,isLoader:!1,className:void 0};var t=a({paperBase:{backgroundColor:"transparent",position:"relative"},paperRoot:{marginBottom:8},paperRootSpaceAround:{margin:"5px 0 10px",padding:11},paperRootLoader:{margin:"5px 0",minHeight:60},paperRootLoaderSpaceAround:{margin:"5px 0 10px",padding:"4px 0 6px"}})(i);export{t as default};
+import r from"prop-types";import o from"classnames";import{withStyles as e}from"@material-ui/core/styles";import a from"@material-ui/core/Paper";import{jsx as p}from"react/jsx-runtime";var i=function(r,o,e){return e&&o?r.paperRootLoaderSpaceAround:e&&!o?r.paperRootLoader:!e&&o?r.paperRootSpaceAround:e||o?null:r.paperRoot},t=function(r){var e=r.spaceAround,t=void 0!==e&&e,s=r.isLoader,n=void 0!==s&&s,d=r.children,m=r.classes,c=r.className;return p(a,{className:o(i(m,t,n),m.paperBase,c),elevation:0,children:d})};t.propTypes={spaceAround:r.bool,isLoader:r.bool,children:r.node.isRequired,className:r.string,classes:r.shape({}).isRequired};var s=e({paperBase:{backgroundColor:"transparent",position:"relative"},paperRoot:{marginBottom:8},paperRootSpaceAround:{margin:"5px 0 10px",padding:11},paperRootLoader:{margin:"5px 0",minHeight:60},paperRootLoaderSpaceAround:{margin:"5px 0 10px",padding:"4px 0 6px"}})(t);export{s as default};
 //# sourceMappingURL=CommentWrapper.js.map

package/components/CommentWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentWrapper.js","sources":["../../src/components/CommentWrapper.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\n\nconst muiStyles = {\n paperBase: { backgroundColor: 'transparent', position: 'relative' },\n // NOTE: With all margins and paddings it equals to 60 px for one-line feed item comment\n paperRoot: { marginBottom: 8 },\n // NOTE: With all margins and paddings it equals to 70 px for one-line alert item comment\n paperRootSpaceAround: { margin: '5px 0 10px', padding: 11 },\n // NOTE: Makes CommentLoader have the same height as one-line Comment\n paperRootLoader: { margin: '5px 0', minHeight: 60 },\n // NOTE: Makes CommentLoader have the same height as one-line Comment with space around\n paperRootLoaderSpaceAround: { margin: '5px 0 10px', padding: '4px 0 6px' },\n};\n\nconst getPaperRoot = (classes, spaceAround, isLoader) => {\n if (isLoader && spaceAround) {\n return classes.paperRootLoaderSpaceAround;\n } else if (isLoader && !spaceAround) {\n return classes.paperRootLoader;\n } else if (!isLoader && spaceAround) {\n return classes.paperRootSpaceAround;\n } else if (!isLoader && !spaceAround) {\n return classes.paperRoot;\n }\n\n return null;\n};\n\nconst CommentWrapper = ({ spaceAround, isLoader, children, classes, className }) => (\n <Paper\n className={classNames(\n getPaperRoot(classes, spaceAround, isLoader),\n classes.paperBase,\n className\n )}\n elevation={0}\n >\n {children}\n </Paper>\n);\n\nCommentWrapper.propTypes = {\n spaceAround: PropTypes.bool,\n isLoader: PropTypes.bool,\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n\n classes: PropTypes.shape({}).isRequired,\n};\n\~~nCommentWrapper.defaultProps = {\n spaceAround: false,\n isLoader: false,\n className: undefined,\n};\n\~~nexport default withStyles(muiStyles)(CommentWrapper);\n"],"names":["getPaperRoot","classes","spaceAround","isLoader","paperRootLoaderSpaceAround","paperRootLoader","paperRootSpaceAround","paperRoot","CommentWrapper","_ref","children","className","_jsx","Paper","classNames","paperBase","elevation","propTypes","PropTypes","bool","node","isRequired","string","shape","~~defaultProps","undefined","~~CommentWrapper$1","withStyles","backgroundColor","position","marginBottom","margin","padding","minHeight"],"mappings":"yLAKA,IAYMA,EAAe,SAACC,EAASC,EAAaC,GAC1C,OAAIA,GAAYD,EACPD,EAAQG,2BACND,IAAaD,EACfD,EAAQI,iBACLF,GAAYD,EACfD,EAAQK,qBACLH,GAAaD,EAIlB,KAHED,EAAQM,SAInB,EAEMC,EAAiB,SAAHC,GAAA,~~IAAMP~~,~~IAAAA~~,~~YAAaC~~,~~IAAAA~~,~~SAAUO~~,IAAAA,~~SAAUT~~,IAAAA,~~QAASU~~,IAAAA,UAAS,~~OAC3EC~~,EAACC,EAAK,CACJF,UAAWG,~~EACTd~~,EAAaC,EAASC,EAAaC,GACnCF,~~EAAQc~~,UACRJ,GAEFK,UAAW,EAAEN,SAEZA,GACK,~~EAGVF~~,~~EAAeS~~,UAAY,~~CACzBf~~,~~YAAagB~~,EAAUC,~~KACvBhB~~,~~SAAUe~~,EAAUC,KACpBT,SAAUQ,EAAUE,KAAKC,WACzBV,UAAWO,EAAUI,~~OAErBrB~~,~~QAASiB~~,EAAUK,MAAM,CAAA,GAAIF,YAG/Bb,~~EAAegB~~,~~aAAe,CAC5BtB,aAAa,EACbC,UAAU,EACVQ,eAAWc,GAGb,IAAAC,~~EAAeC,EAtDG,~~CAChBZ~~,UAAW,~~CAAEa~~,gBAAiB,cAAeC,SAAU,YAEvDtB,UAAW,CAAEuB,aAAc,GAE3BxB,qBAAsB,CAAEyB,OAAQ,aAAcC,QAAS,IAEvD3B,gBAAiB,CAAE0B,OAAQ,QAASE,UAAW,IAE/C7B,2BAA4B,CAAE2B,OAAQ,aAAcC,QAAS,cA6ChDL,CAAsBnB"}
1	+ {"version":3,"file":"CommentWrapper.js","sources":["../../src/components/CommentWrapper.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\n\nconst muiStyles = {\n paperBase: { backgroundColor: 'transparent', position: 'relative' },\n // NOTE: With all margins and paddings it equals to 60 px for one-line feed item comment\n paperRoot: { marginBottom: 8 },\n // NOTE: With all margins and paddings it equals to 70 px for one-line alert item comment\n paperRootSpaceAround: { margin: '5px 0 10px', padding: 11 },\n // NOTE: Makes CommentLoader have the same height as one-line Comment\n paperRootLoader: { margin: '5px 0', minHeight: 60 },\n // NOTE: Makes CommentLoader have the same height as one-line Comment with space around\n paperRootLoaderSpaceAround: { margin: '5px 0 10px', padding: '4px 0 6px' },\n};\n\nconst getPaperRoot = (classes, spaceAround, isLoader) => {\n if (isLoader && spaceAround) {\n return classes.paperRootLoaderSpaceAround;\n } else if (isLoader && !spaceAround) {\n return classes.paperRootLoader;\n } else if (!isLoader && spaceAround) {\n return classes.paperRootSpaceAround;\n } else if (!isLoader && !spaceAround) {\n return classes.paperRoot;\n }\n\n return null;\n};\n\nconst CommentWrapper = ({\n spaceAround = false,\n isLoader = false,\n children,\n classes,\n className,\n}) => (\n <Paper\n className={classNames(\n getPaperRoot(classes, spaceAround, isLoader),\n classes.paperBase,\n className\n )}\n elevation={0}\n >\n {children}\n </Paper>\n);\n\nCommentWrapper.propTypes = {\n spaceAround: PropTypes.bool,\n isLoader: PropTypes.bool,\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n\n classes: PropTypes.shape({}).isRequired,\n};\n\nexport default withStyles(muiStyles)(CommentWrapper);\n"],"names":["getPaperRoot","classes","spaceAround","isLoader","paperRootLoaderSpaceAround","paperRootLoader","paperRootSpaceAround","paperRoot","CommentWrapper","_ref","_ref$spaceAround","_ref$isLoader","children","className","_jsx","Paper","classNames","paperBase","elevation","propTypes","PropTypes","bool","node","isRequired","string","shape","CommentWrapper$1","withStyles","backgroundColor","position","marginBottom","margin","padding","minHeight"],"mappings":"yLAKA,IAYMA,EAAe,SAACC,EAASC,EAAaC,GAC1C,OAAIA,GAAYD,EACPD,EAAQG,2BACND,IAAaD,EACfD,EAAQI,iBACLF,GAAYD,EACfD,EAAQK,qBACLH,GAAaD,EAIlB,KAHED,EAAQM,SAInB,EAEMC,EAAiB,SAAHC,GAAA,IAAAC,EAAAD,EAClBP,YAAAA,cAAmBQ,EAAAC,EAAAF,EACnBN,SAAAA,cAAgBQ,EAChBC,IAAAA,SACAX,IAAAA,QACAY,IAAAA,UAAS,OAETC,EAACC,EAAK,CACJF,UAAWG,EACThB,EAAaC,EAASC,EAAaC,GACnCF,EAAQgB,UACRJ,GAEFK,UAAW,EAAEN,SAEZA,GACK,EAGVJ,EAAeW,UAAY,CACzBjB,YAAakB,EAAUC,KACvBlB,SAAUiB,EAAUC,KACpBT,SAAUQ,EAAUE,KAAKC,WACzBV,UAAWO,EAAUI,OAErBvB,QAASmB,EAAUK,MAAM,CAAA,GAAIF,YAG/B,IAAAG,EAAeC,EAtDG,CAChBV,UAAW,CAAEW,gBAAiB,cAAeC,SAAU,YAEvDtB,UAAW,CAAEuB,aAAc,GAE3BxB,qBAAsB,CAAEyB,OAAQ,aAAcC,QAAS,IAEvD3B,gBAAiB,CAAE0B,OAAQ,QAASE,UAAW,IAE/C7B,2BAA4B,CAAE2B,OAAQ,aAAcC,QAAS,cA6ChDL,CAAsBnB"}

package/components/CommentsInfo/index.d.ts CHANGED Viewed

@@ -1,16 +1,17 @@
 import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
+declare const DEFAULT_COMMENTS_INFO_ON_COMMENTS_CLICK: () => void;
+declare const _default: import("react").ComponentType<Pick<Pick<{
     activeUsersList: any;
     classes: any;
-    commentsCount: any;
-    currentUser: any;
-    isNative: any;
-    likesCount: any;
-    onCommentsClick: any;
-    small: any;
+    commentsCount?: number | undefined;
+    currentUser?: {} | undefined;
+    isNative?: boolean | undefined;
+    likesCount?: number | undefined;
+    onCommentsClick?: typeof DEFAULT_COMMENTS_INFO_ON_COMMENTS_CLICK | undefined;
+    small?: boolean | undefined;
     usersWhoCommented: any;
-    usersWhoLike: any;
-}, never> & Pick<PropTypes.InferProps<{
+    usersWhoLike?: any[] | undefined;
+}, "commentsCount" | "currentUser" | "isNative" | "likesCount" | "onCommentsClick" | "small" | "usersWhoLike"> & Pick<PropTypes.InferProps<{
     likesCount: PropTypes.Requireable<number>;
     usersWhoLike: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
     commentsCount: PropTypes.Requireable<number>;
@@ -21,7 +22,7 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
     isNative: PropTypes.Requireable<boolean>;
     small: PropTypes.Requireable<boolean>;
     currentUser: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-}>, "commentsCount" | "currentUser" | "isNative" | "likesCount" | "onCommentsClick" | "small" | "usersWhoLike" | PropTypes.RequiredKeys<{
+}>, PropTypes.RequiredKeys<{
     likesCount: PropTypes.Requireable<number>;
     usersWhoLike: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
     commentsCount: PropTypes.Requireable<number>;
@@ -32,25 +33,17 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
     isNative: PropTypes.Requireable<boolean>;
     small: PropTypes.Requireable<boolean>;
     currentUser: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-}>>, PropTypes.RequiredKeys<{
-    likesCount: PropTypes.Requireable<number>;
-    usersWhoLike: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
-    commentsCount: PropTypes.Requireable<number>;
-    usersWhoCommented: PropTypes.Validator<(string | null | undefined)[]>;
-    onCommentsClick: PropTypes.Requireable<(...args: any[]) => any>;
-    activeUsersList: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    isNative: PropTypes.Requireable<boolean>;
-    small: PropTypes.Requireable<boolean>;
-    currentUser: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-}>> & {
-    likesCount?: number | null | undefined;
-    usersWhoLike?: (PropTypes.InferProps<{}> | null | undefined)[] | null | undefined;
-    commentsCount?: number | null | undefined;
-    onCommentsClick?: ((...args: any[]) => any) | null | undefined;
-    isNative?: boolean | null | undefined;
-    small?: boolean | null | undefined;
-    currentUser?: PropTypes.InferProps<{}> | null | undefined;
-} & {}, "activeUsersList" | "commentsCount" | "currentUser" | "isNative" | "likesCount" | "onCommentsClick" | "small" | "usersWhoCommented" | "usersWhoLike"> & import("@material-ui/styles").StyledComponentProps<"avatarInList" | "reactionTypographyRoot" | "tooltip">>;
+}>> & Pick<{
+    activeUsersList: any;
+    classes: any;
+    commentsCount?: number | undefined;
+    currentUser?: {} | undefined;
+    isNative?: boolean | undefined;
+    likesCount?: number | undefined;
+    onCommentsClick?: typeof DEFAULT_COMMENTS_INFO_ON_COMMENTS_CLICK | undefined;
+    small?: boolean | undefined;
+    usersWhoCommented: any;
+    usersWhoLike?: any[] | undefined;
+}, never>, "activeUsersList" | "commentsCount" | "currentUser" | "isNative" | "likesCount" | "onCommentsClick" | "small" | "usersWhoCommented" | "usersWhoLike"> & import("@material-ui/styles").StyledComponentProps<"avatarInList" | "reactionTypographyRoot" | "tooltip">>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/components/CommentsInfo/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsInfo/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsInfo/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAyJnC,QAAA,MAAM,uCAAuC,YAAW,CAAC"}

package/components/CommentsInfo/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import{Tooltip as o,Typography as r}from"@material-ui/core";import s from"@material-ui/core/colors/grey";import i from"./styles.css.js";import{isNativeDetected as a}from"../../utils/mobileDetect.js";import{AvatarComponent as n}from"../Avatar/index.js";import c from"../UserCardPopover.js";import{jsxs as m,Fragment as l,jsx as p}from"react/jsx-runtime";var u=function(e){return e?"".concat(e.first_name," ").concat(e.last_name):""},d=function(e){var t=e.users,o=e.noReactionsText,r=t.length;if(!r)return o;var s="";r>19&&(s="\nand ".concat(r-19," more..."));var i=t.slice(0,19).join("\n");return"".concat(i).concat(s)},h=function(e){var t=e.likesCount,s=e.usersWhoLike,a=e.commentsCount,h=e.usersWhoCommented,f=e.onCommentsClick,v=e.currentUser,y=e.activeUsersList,C=e.classes,k=e.isNative,g=e.small;return m(l,{children:[!!t&&p(o,{title:p(d,{users:s,noReactionsText:"Nobody likes this yet..."}),enterTouchDelay:0,classes:{popper:C.tooltip},placement:"top",children:m(r,{"data-testid":"".concat("FeedPo","_likesCounter_").concat(t),className:C.reactionTypographyRoot,variant:"caption",children:["Likes ",t]})}),!!a&&p("span",{onClick:f,children:p(o,{title:p(d,{users:h,noReactionsText:"Nobody commented this yet..."}),enterTouchDelay:0,classes:{popper:C.tooltip},placement:"top",children:m(r,{"data-testid":"".concat("FeedPo","_commentsCounter_").concat(a),className:C.reactionTypographyRoot,variant:"caption",children:["Comments ",a]})})}),p("div",{"data-testid":"".concat("FeedPo","_activeUsersCounter_").concat(y&&y.length),className:i.cCommentsInfoActiveUsersList,children:y.map((function(e){return k?p(n,{displayName:u(e),imgSrc:e.profile_photo,className:C.avatarInList,size:g?24:32},e.id):p(c,{user:e,currentUser:v,children:p(n,{displayName:u(e),imgSrc:e.profile_photo,size:g?24:32,className:C.avatarInList})},e.id)}))})]})},f={reactionTypographyRoot:{color:s[400],margin:"0 8px",cursor:"pointer","&:hover":{textDecoration:"underline",textUnderlineOffset:"4px",color:"#fff"}},avatarInList:{marginRight:3,borderWidth:1},tooltip:{whiteSpace:"pre-line"}};h.propTypes={likesCount:e.number,usersWhoLike:e.arrayOf(e.shape({})),commentsCount:e.number,usersWhoCommented:e.arrayOf(e.string).isRequired,onCommentsClick:e.func,activeUsersList:e.arrayOf(e.shape({})).isRequired,classes:e.shape({}).isRequired,isNative:e.bool,small:e.bool,currentUser:e.shape({})},h.defaultProps={likesCount:0,usersWhoLike:[],commentsCount:0,onCommentsClick:function(){},small:!1,isNative:a,currentUser:{}};var v=t(f)(h);export{v as default};
+import e from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import{Tooltip as o,Typography as r}from"@material-ui/core";import i from"@material-ui/core/colors/grey";import s from"./styles.css.js";import{isNativeDetected as a}from"../../utils/mobileDetect.js";import{AvatarComponent as n}from"../Avatar/index.js";import c from"../UserCardPopover.js";import{jsxs as m,Fragment as l,jsx as p}from"react/jsx-runtime";var d=function(e){return e?"".concat(e.first_name," ").concat(e.last_name):""},u=function(e){var t=e.users,o=e.noReactionsText,r=t.length;if(!r)return o;var i="";r>19&&(i="\nand ".concat(r-19," more..."));var s=t.slice(0,19).join("\n");return"".concat(s).concat(i)},h=function(e){var t=e.likesCount,i=void 0===t?0:t,a=e.usersWhoLike,h=void 0===a?v:a,f=e.commentsCount,N=void 0===f?0:f,k=e.usersWhoCommented,x=e.onCommentsClick,R=void 0===x?y:x,_=e.currentUser,L=void 0===_?g:_,T=e.activeUsersList,U=e.classes,b=e.isNative,j=void 0===b?C:b,W=e.small,D=void 0!==W&&W;return m(l,{children:[!!i&&p(o,{title:p(u,{users:h,noReactionsText:"Nobody likes this yet..."}),enterTouchDelay:0,classes:{popper:U.tooltip},placement:"top",children:m(r,{"data-testid":"".concat("FeedPo","_likesCounter_").concat(i),className:U.reactionTypographyRoot,variant:"caption",children:["Likes ",i]})}),!!N&&p("span",{onClick:R,children:p(o,{title:p(u,{users:k,noReactionsText:"Nobody commented this yet..."}),enterTouchDelay:0,classes:{popper:U.tooltip},placement:"top",children:m(r,{"data-testid":"".concat("FeedPo","_commentsCounter_").concat(N),className:U.reactionTypographyRoot,variant:"caption",children:["Comments ",N]})})}),p("div",{"data-testid":"".concat("FeedPo","_activeUsersCounter_").concat(T&&T.length),className:s.cCommentsInfoActiveUsersList,children:T.map((function(e){return j?p(n,{displayName:d(e),imgSrc:e.profile_photo,className:U.avatarInList,size:D?24:32},e.id):p(c,{user:e,currentUser:L,children:p(n,{displayName:d(e),imgSrc:e.profile_photo,size:D?24:32,className:U.avatarInList})},e.id)}))})]})},f={reactionTypographyRoot:{color:i[400],margin:"0 8px",cursor:"pointer","&:hover":{textDecoration:"underline",textUnderlineOffset:"4px",color:"#fff"}},avatarInList:{marginRight:3,borderWidth:1},tooltip:{whiteSpace:"pre-line"}};h.propTypes={likesCount:e.number,usersWhoLike:e.arrayOf(e.shape({})),commentsCount:e.number,usersWhoCommented:e.arrayOf(e.string).isRequired,onCommentsClick:e.func,activeUsersList:e.arrayOf(e.shape({})).isRequired,classes:e.shape({}).isRequired,isNative:e.bool,small:e.bool,currentUser:e.shape({})};var v=[],y=function(){},C=a,g={},N=t(f)(h);export{N as default};
 //# sourceMappingURL=index.js.map

package/components/CommentsInfo/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/CommentsInfo/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n/\n Using Tooltip from material-ui here because MuiTooltipDcWrapper is broken when used inside popover\n * Here it makes no sense to use that wrapper, because tooltip doesn't go out of parent bounds\n * Bug ticket: https://corvaqa.atlassian.net/browse/DC-3803\n */\nimport { Typography, Tooltip } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\n\nimport styles from './styles.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport Avatar from '~components/Avatar';\nimport UserCardPopover from '~components/UserCardPopover';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst REACTIONS_VISIBLE_AMOUNT = 19; // NOTE: Max 20 lines\n\nconst getUserFullName = user => (user ? `${user.first_name} ${user.last_name}` : '');\n\nconst ReactionsTooltip = ({ users, noReactionsText }) => {\n const reactionsAmount = users.length;\n if (!reactionsAmount) {\n return noReactionsText;\n }\n\n let reactionsInvisibleText = '';\n\n if (reactionsAmount > REACTIONS_VISIBLE_AMOUNT) {\n const reactionsInvisibleAmount = reactionsAmount - REACTIONS_VISIBLE_AMOUNT;\n reactionsInvisibleText = `\\nand ${reactionsInvisibleAmount} more...`;\n }\n\n const reactionsVisibleText = users.slice(0, REACTIONS_VISIBLE_AMOUNT).join('\\n');\n\n return `${reactionsVisibleText}${reactionsInvisibleText}`;\n};\n\nconst NO_LIKES_TEXT = 'Nobody likes this yet...';\nconst NO_COMMENTS_TEXT = 'Nobody commented this yet...';\n\nconst CommentsInfo = ({\n likesCount,\n usersWhoLike,\n commentsCount,\n usersWhoCommented,\n onCommentsClick,\n currentUser,\n activeUsersList,\n classes,\n isNative,\n small,\n}) => (\n <>\n {!!likesCount && (\n <Tooltip\n title={<ReactionsTooltip users={usersWhoLike} noReactionsText={NO_LIKES_TEXT} />}\n enterTouchDelay={0}\n classes={{ popper: classes.tooltip }}\n placement=\"top\"\n >\n <Typography\n data-testid={`${PAGE_NAME}_likesCounter_${likesCount}`}\n className={classes.reactionTypographyRoot}\n variant=\"caption\"\n >\n Likes {likesCount}\n </Typography>\n </Tooltip>\n )}\n\n {!!commentsCount && (\n <span onClick={onCommentsClick}>\n <Tooltip\n title={<ReactionsTooltip users={usersWhoCommented} noReactionsText={NO_COMMENTS_TEXT} />}\n enterTouchDelay={0}\n classes={{ popper: classes.tooltip }}\n placement=\"top\"\n >\n <Typography\n data-testid={`${PAGE_NAME}_commentsCounter_${commentsCount}`}\n className={classes.reactionTypographyRoot}\n variant=\"caption\"\n >\n Comments {commentsCount}\n </Typography>\n </Tooltip>\n </span>\n )}\n <div\n data-testid={`${PAGE_NAME}_activeUsersCounter_${activeUsersList && activeUsersList.length}`}\n className={styles.cCommentsInfoActiveUsersList}\n >\n {activeUsersList.map(user =>\n isNative ? (\n <Avatar\n key={user.id}\n displayName={getUserFullName(user)}\n imgSrc={user.profile_photo}\n className={classes.avatarInList}\n size={small ? 24 : 32}\n />\n ) : (\n <UserCardPopover key={user.id} user={user} currentUser={currentUser}>\n <Avatar\n displayName={getUserFullName(user)}\n imgSrc={user.profile_photo}\n size={small ? 24 : 32}\n className={classes.avatarInList}\n />\n </UserCardPopover>\n )\n )}\n </div>\n </>\n);\n\nconst muiStyles = {\n reactionTypographyRoot: {\n color: grey[400],\n margin: '0 8px',\n cursor: 'pointer',\n '&:hover': {\n textDecoration: 'underline',\n textUnderlineOffset: '4px',\n color: '#fff',\n },\n },\n avatarInList: {\n marginRight: 3,\n borderWidth: 1,\n },\n tooltip: {\n whiteSpace: 'pre-line',\n },\n};\n\nCommentsInfo.propTypes = {\n likesCount: PropTypes.number,\n usersWhoLike: PropTypes.arrayOf(PropTypes.shape({})),\n commentsCount: PropTypes.number,\n usersWhoCommented: PropTypes.arrayOf(PropTypes.string).isRequired,\n onCommentsClick: PropTypes.func,\n activeUsersList: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n classes: PropTypes.shape({}).isRequired,\n isNative: PropTypes.bool,\n small: PropTypes.bool,\n currentUser: PropTypes.shape({}),\n};\n\~~nCommentsInfo.defaultProps~~ = ~~{\n likesCount: 0,\n usersWhoLike:~~ []~~,\n commentsCount:~~ ~~0,\n onCommentsClick:~~ () => {}~~,\n small:~~ ~~false,\n isNative:~~ isNativeDetected~~,\n currentUser:~~ {}~~,\n}~~;\n\nexport default withStyles(muiStyles)(CommentsInfo);\n"],"names":["getUserFullName","user","first_name","last_name","ReactionsTooltip","_ref","users","noReactionsText","reactionsAmount","length","reactionsInvisibleText","concat","reactionsVisibleText","slice","join","CommentsInfo","_ref2","likesCount","usersWhoLike","commentsCount","usersWhoCommented","onCommentsClick","currentUser","activeUsersList","classes","isNative","small","_jsxs","_Fragment","children","_jsx","Tooltip","title","enterTouchDelay","popper","tooltip","placement","Typography","PAGE_NAME","className","reactionTypographyRoot","variant","onClick","styles","cCommentsInfoActiveUsersList","map","Avatar","displayName","imgSrc","profile_photo","avatarInList","size","id","UserCardPopover","muiStyles","color","grey","margin","cursor","textDecoration","textUnderlineOffset","marginRight","borderWidth","whiteSpace","propTypes","PropTypes","number","arrayOf","shape","string","isRequired","func","bool","~~defaultProps","~~isNativeDetected","CommentsInfo$1","withStyles"],"mappings":"ibAgBA,IAIMA,EAAkB,SAAAC,GAAI,OAAKA,EAAUA,GAAAA,OAAAA,EAAKC,uBAAcD,EAAKE,WAAc,EAAE,EAE7EC,EAAmB,SAAgCC,GAAA,IAA7BC,IAAAA,MAAOC,IAAAA,gBAC3BC,EAAkBF,EAAMG,OAC9B,IAAKD,EACH,OAAOD,EAGT,IAAIG,EAAyB,GAEzBF,EAZ2B,KAc7BE,EAAsB,SAAAC,OADWH,EAbJ,GAcuC,aAGtE,IAAMI,EAAuBN,EAAMO,MAAM,EAjBV,IAiBuCC,KAAK,MAE3E,MAAUF,GAAAA,OAAAA,UAAuBF,EACnC,EAKMK,EAAe,SAAHC,GAAA,~~IAChBC~~,~~IAAAA~~,~~WACAC~~,~~IAAAA~~,~~aACAC~~,~~IAAAA~~,~~cACAC~~,~~IAAAA~~,~~kBACAC~~,~~IAAAA~~,~~gBACAC~~,IAAAA,~~YACAC~~,IAAAA,gBACAC,IAAAA,~~QACAC~~,~~IAAAA~~,~~SACAC~~,~~IAAAA~~,~~MAAK~~,~~OAELC~~,EAAAC,EAAA,CAAAC,SAAA,~~GACKZ~~,~~GACDa~~,EAACC,EAAO,CACNC,MAAOF,~~EAAC1B~~,EAAgB,CAACE,~~MAAOY~~,~~EAAcX~~,gBAlBhC,~~6BAmBd0B~~,gBAAiB,~~EACjBT~~,QAAS,~~CAAEU~~,~~OAAQV~~,~~EAAQW~~,SAC3BC,UAAU,MAAKP,SAEfF,EAACU,EAAU,CACT,cAAgBC,GAAAA,OAhDR,~~SAgDkCrB~~,kBAAAA,OAAAA,~~GAC1CsB~~,~~UAAWf~~,~~EAAQgB~~,uBACnBC,QAAQ,UAASZ,SAAA,CAAA,~~SAEVZ~~,~~SAKVE~~,~~GACDW~~,EAAA,OAAA,CAAMY,~~QAASrB~~,~~EAAgBQ~~,SAC7BC,EAACC,EAAO,CACNC,MAAOF,~~EAAC1B~~,EAAgB,CAACE,~~MAAOc~~,~~EAAmBb~~,gBAnCpC,~~iCAoCf0B~~,gBAAiB,~~EACjBT~~,QAAS,~~CAAEU~~,~~OAAQV~~,~~EAAQW~~,SAC3BC,UAAU,MAAKP,SAEfF,EAACU,EAAU,CACT,cAAgBC,GAAAA,OAlEV,~~SAkEuCnB~~,qBAAAA,OAAAA,~~GAC7CoB~~,~~UAAWf~~,~~EAAQgB~~,uBACnBC,QAAQ,UAASZ,SAAA,CAAA,~~YAEPV~~,~~SAKlBW~~,EAAA,MAAA,CACE,cAAA,~~GAAAnB~~,OA5EY,~~SA4EoCY~~,wBAAAA,OAAAA,GAAmBA,~~EAAgBd~~,~~QACnF8B~~,UAAWI,EAAOC,6BAA6Bf,~~SAE9CN~~,~~EAAgBsB~~,KAAI,~~SAAA5C~~,GAAI,~~OACvBwB~~,~~EACEK~~,EAACgB,EAAM,CAELC,~~YAAa/C~~,EAAgBC,~~GAC7B+C~~,~~OAAQ/C~~,~~EAAKgD~~,cACbV,~~UAAWf~~,~~EAAQ0B~~,aACnBC,KAAMzB,EAAQ,GAAK,~~IAJdzB~~,~~EAAKmD~~,IAOZtB,EAACuB,EAAe,~~CAAepD~~,KAAMA,~~EAAMqB~~,YAAaA,~~EAAYO~~,SAClEC,EAACgB,EAAM,CACLC,~~YAAa/C~~,EAAgBC,~~GAC7B+C~~,~~OAAQ/C~~,~~EAAKgD~~,cACbE,KAAMzB,EAAQ,GAAK,GACnBa,~~UAAWf~~,~~EAAQ0B~~,~~gBALDjD~~,~~EAAKmD~~,GAQ5B,QAGJ,EAGCE,EAAY,CAChBd,uBAAwB,CACtBe,MAAOC,EAAK,KACZC,OAAQ,QACRC,OAAQ,UACR,UAAW,CACTC,eAAgB,YAChBC,oBAAqB,MACrBL,MAAO,SAGXL,aAAc,CACZW,YAAa,EACbC,YAAa,GAEf3B,QAAS,CACP4B,WAAY,~~aAIhBhD~~,~~EAAaiD~~,UAAY,~~CACvB/C~~,~~WAAYgD~~,EAAUC,~~OACtBhD~~,~~aAAc+C~~,EAAUE,QAAQF,EAAUG,MAAM,CAAE,~~IAClDjD~~,~~cAAe8C~~,EAAUC,~~OACzB9C~~,~~kBAAmB6C~~,EAAUE,QAAQF,EAAUI,QAAQC,~~WACvDjD~~,~~gBAAiB4C~~,EAAUM,~~KAC3BhD~~,~~gBAAiB0C~~,EAAUE,QAAQF,EAAUG,MAAM,CAAA,IAAKE,~~WACxD9C~~,~~QAASyC~~,EAAUG,MAAM,CAAA,GAAIE,~~WAC7B7C~~,~~SAAUwC~~,EAAUO,KACpB9C,MAAOuC,EAAUO,~~KACjBlD~~,~~YAAa2C~~,EAAUG,MAAM,KAG/~~BrD~~,~~EAAa0D~~,~~aAAe~~,~~CAC1BxD~~,~~WAAY~~,~~EACZC~~,~~aAAc~~,~~GACdC~~,~~cAAe~~,~~EACfE~~,~~gBAAiB~~,~~WAAQ,EACzBK,OAAO,EACPD,SAAUiD,EACVpD,YAAa,CAAC,GAGhB,IAAAqD,~~EAAeC,~~EAAWtB~~,~~EAAXsB~~,~~CAAsB7D~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/CommentsInfo/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n/\n Using Tooltip from material-ui here because MuiTooltipDcWrapper is broken when used inside popover\n * Here it makes no sense to use that wrapper, because tooltip doesn't go out of parent bounds\n * Bug ticket: https://corvaqa.atlassian.net/browse/DC-3803\n */\nimport { Typography, Tooltip } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\n\nimport styles from './styles.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport Avatar from '~components/Avatar';\nimport UserCardPopover from '~components/UserCardPopover';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst REACTIONS_VISIBLE_AMOUNT = 19; // NOTE: Max 20 lines\n\nconst getUserFullName = user => (user ? `${user.first_name} ${user.last_name}` : '');\n\nconst ReactionsTooltip = ({ users, noReactionsText }) => {\n const reactionsAmount = users.length;\n if (!reactionsAmount) {\n return noReactionsText;\n }\n\n let reactionsInvisibleText = '';\n\n if (reactionsAmount > REACTIONS_VISIBLE_AMOUNT) {\n const reactionsInvisibleAmount = reactionsAmount - REACTIONS_VISIBLE_AMOUNT;\n reactionsInvisibleText = `\\nand ${reactionsInvisibleAmount} more...`;\n }\n\n const reactionsVisibleText = users.slice(0, REACTIONS_VISIBLE_AMOUNT).join('\\n');\n\n return `${reactionsVisibleText}${reactionsInvisibleText}`;\n};\n\nconst NO_LIKES_TEXT = 'Nobody likes this yet...';\nconst NO_COMMENTS_TEXT = 'Nobody commented this yet...';\n\nconst CommentsInfo = ({\n likesCount = 0,\n usersWhoLike = DEFAULT_COMMENTS_INFO_USERS_WHO_LIKE,\n commentsCount = 0,\n usersWhoCommented,\n onCommentsClick = DEFAULT_COMMENTS_INFO_ON_COMMENTS_CLICK,\n currentUser = DEFAULT_COMMENTS_INFO_CURRENT_USER,\n activeUsersList,\n classes,\n isNative = DEFAULT_COMMENTS_INFO_IS_NATIVE,\n small = false,\n}) => (\n <>\n {!!likesCount && (\n <Tooltip\n title={<ReactionsTooltip users={usersWhoLike} noReactionsText={NO_LIKES_TEXT} />}\n enterTouchDelay={0}\n classes={{ popper: classes.tooltip }}\n placement=\"top\"\n >\n <Typography\n data-testid={`${PAGE_NAME}_likesCounter_${likesCount}`}\n className={classes.reactionTypographyRoot}\n variant=\"caption\"\n >\n Likes {likesCount}\n </Typography>\n </Tooltip>\n )}\n\n {!!commentsCount && (\n <span onClick={onCommentsClick}>\n <Tooltip\n title={<ReactionsTooltip users={usersWhoCommented} noReactionsText={NO_COMMENTS_TEXT} />}\n enterTouchDelay={0}\n classes={{ popper: classes.tooltip }}\n placement=\"top\"\n >\n <Typography\n data-testid={`${PAGE_NAME}_commentsCounter_${commentsCount}`}\n className={classes.reactionTypographyRoot}\n variant=\"caption\"\n >\n Comments {commentsCount}\n </Typography>\n </Tooltip>\n </span>\n )}\n <div\n data-testid={`${PAGE_NAME}_activeUsersCounter_${activeUsersList && activeUsersList.length}`}\n className={styles.cCommentsInfoActiveUsersList}\n >\n {activeUsersList.map(user =>\n isNative ? (\n <Avatar\n key={user.id}\n displayName={getUserFullName(user)}\n imgSrc={user.profile_photo}\n className={classes.avatarInList}\n size={small ? 24 : 32}\n />\n ) : (\n <UserCardPopover key={user.id} user={user} currentUser={currentUser}>\n <Avatar\n displayName={getUserFullName(user)}\n imgSrc={user.profile_photo}\n size={small ? 24 : 32}\n className={classes.avatarInList}\n />\n </UserCardPopover>\n )\n )}\n </div>\n </>\n);\n\nconst muiStyles = {\n reactionTypographyRoot: {\n color: grey[400],\n margin: '0 8px',\n cursor: 'pointer',\n '&:hover': {\n textDecoration: 'underline',\n textUnderlineOffset: '4px',\n color: '#fff',\n },\n },\n avatarInList: {\n marginRight: 3,\n borderWidth: 1,\n },\n tooltip: {\n whiteSpace: 'pre-line',\n },\n};\n\nCommentsInfo.propTypes = {\n likesCount: PropTypes.number,\n usersWhoLike: PropTypes.arrayOf(PropTypes.shape({})),\n commentsCount: PropTypes.number,\n usersWhoCommented: PropTypes.arrayOf(PropTypes.string).isRequired,\n onCommentsClick: PropTypes.func,\n activeUsersList: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n classes: PropTypes.shape({}).isRequired,\n isNative: PropTypes.bool,\n small: PropTypes.bool,\n currentUser: PropTypes.shape({}),\n};\n\nconst DEFAULT_COMMENTS_INFO_USERS_WHO_LIKE = [];\nconst DEFAULT_COMMENTS_INFO_ON_COMMENTS_CLICK = () => {};\nconst DEFAULT_COMMENTS_INFO_IS_NATIVE = isNativeDetected;\nconst DEFAULT_COMMENTS_INFO_CURRENT_USER = {};\n\nexport default withStyles(muiStyles)(CommentsInfo);\n"],"names":["getUserFullName","user","first_name","last_name","ReactionsTooltip","_ref","users","noReactionsText","reactionsAmount","length","reactionsInvisibleText","concat","reactionsVisibleText","slice","join","CommentsInfo","_ref2","_ref2$likesCount","likesCount","_ref2$usersWhoLike","usersWhoLike","DEFAULT_COMMENTS_INFO_USERS_WHO_LIKE","_ref2$commentsCount","commentsCount","usersWhoCommented","_ref2$onCommentsClick","onCommentsClick","DEFAULT_COMMENTS_INFO_ON_COMMENTS_CLICK","_ref2$currentUser","currentUser","DEFAULT_COMMENTS_INFO_CURRENT_USER","activeUsersList","classes","_ref2$isNative","isNative","DEFAULT_COMMENTS_INFO_IS_NATIVE","_ref2$small","small","_jsxs","_Fragment","children","_jsx","Tooltip","title","enterTouchDelay","popper","tooltip","placement","Typography","PAGE_NAME","className","reactionTypographyRoot","variant","onClick","styles","cCommentsInfoActiveUsersList","map","Avatar","displayName","imgSrc","profile_photo","avatarInList","size","id","UserCardPopover","muiStyles","color","grey","margin","cursor","textDecoration","textUnderlineOffset","marginRight","borderWidth","whiteSpace","propTypes","PropTypes","number","arrayOf","shape","string","isRequired","func","bool","isNativeDetected","CommentsInfo$1","withStyles"],"mappings":"ibAgBA,IAIMA,EAAkB,SAAAC,GAAI,OAAKA,EAAUA,GAAAA,OAAAA,EAAKC,uBAAcD,EAAKE,WAAc,EAAE,EAE7EC,EAAmB,SAAgCC,GAAA,IAA7BC,IAAAA,MAAOC,IAAAA,gBAC3BC,EAAkBF,EAAMG,OAC9B,IAAKD,EACH,OAAOD,EAGT,IAAIG,EAAyB,GAEzBF,EAZ2B,KAc7BE,EAAsB,SAAAC,OADWH,EAbJ,GAcuC,aAGtE,IAAMI,EAAuBN,EAAMO,MAAM,EAjBV,IAiBuCC,KAAK,MAE3E,MAAUF,GAAAA,OAAAA,UAAuBF,EACnC,EAKMK,EAAe,SAAHC,GAAA,IAAAC,EAAAD,EAChBE,WAAAA,aAAa,EAACD,EAAAE,EAAAH,EACdI,aAAAA,aAAeC,EAAoCF,EAAAG,EAAAN,EACnDO,cAAAA,aAAgB,EAACD,EACjBE,IAAAA,kBAAiBC,EAAAT,EACjBU,gBAAAA,aAAkBC,EAAuCF,EAAAG,EAAAZ,EACzDa,YAAAA,aAAcC,EAAkCF,EAChDG,IAAAA,gBACAC,IAAAA,QAAOC,EAAAjB,EACPkB,SAAAA,aAAWC,EAA+BF,EAAAG,EAAApB,EAC1CqB,MAAAA,cAAaD,EAAA,OAEbE,EAAAC,EAAA,CAAAC,SAAA,GACKtB,GACDuB,EAACC,EAAO,CACNC,MAAOF,EAACrC,EAAgB,CAACE,MAAOc,EAAcb,gBAlBhC,6BAmBdqC,gBAAiB,EACjBZ,QAAS,CAAEa,OAAQb,EAAQc,SAC3BC,UAAU,MAAKP,SAEfF,EAACU,EAAU,CACT,cAAgBC,GAAAA,OAhDR,SAgDkC/B,kBAAAA,OAAAA,GAC1CgC,UAAWlB,EAAQmB,uBACnBC,QAAQ,UAASZ,SAAA,CAAA,SAEVtB,SAKVK,GACDkB,EAAA,OAAA,CAAMY,QAAS3B,EAAgBc,SAC7BC,EAACC,EAAO,CACNC,MAAOF,EAACrC,EAAgB,CAACE,MAAOkB,EAAmBjB,gBAnCpC,iCAoCfqC,gBAAiB,EACjBZ,QAAS,CAAEa,OAAQb,EAAQc,SAC3BC,UAAU,MAAKP,SAEfF,EAACU,EAAU,CACT,cAAgBC,GAAAA,OAlEV,SAkEuC1B,qBAAAA,OAAAA,GAC7C2B,UAAWlB,EAAQmB,uBACnBC,QAAQ,UAASZ,SAAA,CAAA,YAEPjB,SAKlBkB,EAAA,MAAA,CACE,cAAA,GAAA9B,OA5EY,SA4EoCoB,wBAAAA,OAAAA,GAAmBA,EAAgBtB,QACnFyC,UAAWI,EAAOC,6BAA6Bf,SAE9CT,EAAgByB,KAAI,SAAAvD,GAAI,OACvBiC,EACEO,EAACgB,EAAM,CAELC,YAAa1D,EAAgBC,GAC7B0D,OAAQ1D,EAAK2D,cACbV,UAAWlB,EAAQ6B,aACnBC,KAAMzB,EAAQ,GAAK,IAJdpC,EAAK8D,IAOZtB,EAACuB,EAAe,CAAe/D,KAAMA,EAAM4B,YAAaA,EAAYW,SAClEC,EAACgB,EAAM,CACLC,YAAa1D,EAAgBC,GAC7B0D,OAAQ1D,EAAK2D,cACbE,KAAMzB,EAAQ,GAAK,GACnBa,UAAWlB,EAAQ6B,gBALD5D,EAAK8D,GAQ5B,QAGJ,EAGCE,EAAY,CAChBd,uBAAwB,CACtBe,MAAOC,EAAK,KACZC,OAAQ,QACRC,OAAQ,UACR,UAAW,CACTC,eAAgB,YAChBC,oBAAqB,MACrBL,MAAO,SAGXL,aAAc,CACZW,YAAa,EACbC,YAAa,GAEf3B,QAAS,CACP4B,WAAY,aAIhB3D,EAAa4D,UAAY,CACvBzD,WAAY0D,EAAUC,OACtBzD,aAAcwD,EAAUE,QAAQF,EAAUG,MAAM,CAAE,IAClDxD,cAAeqD,EAAUC,OACzBrD,kBAAmBoD,EAAUE,QAAQF,EAAUI,QAAQC,WACvDvD,gBAAiBkD,EAAUM,KAC3BnD,gBAAiB6C,EAAUE,QAAQF,EAAUG,MAAM,CAAA,IAAKE,WACxDjD,QAAS4C,EAAUG,MAAM,CAAA,GAAIE,WAC7B/C,SAAU0C,EAAUO,KACpB9C,MAAOuC,EAAUO,KACjBtD,YAAa+C,EAAUG,MAAM,KAG/B,IAAM1D,EAAuC,GACvCM,EAA0C,aAC1CQ,EAAkCiD,EAClCtD,EAAqC,CAAA,EAE3CuD,EAAeC,EAAWrB,EAAXqB,CAAsBvE"}

package/components/CustomSelect/index.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import PropTypes from 'prop-types';
-declare function CustomSelect({ label, height, children, ...props }: {
+declare function CustomSelect({ label, height, children, MenuProps, ...props }: {
     [x: string]: any;
+    MenuProps?: {} | undefined;
     children: any;
-    height: any;
+    height?: number | undefined;
     label: any;
 }): import("react").JSX.Element;
 declare namespace CustomSelect {
@@ -12,10 +13,6 @@ declare namespace CustomSelect {
         height: PropTypes.Requireable<number>;
         MenuProps: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
     };
-    var defaultProps: {
-        height: number;
-        MenuProps: {};
-    };
 }
 export default CustomSelect;
 //# sourceMappingURL=index.d.ts.map

package/components/CustomSelect/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CustomSelect/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;~~8BAqCb~~,~~EAAE~~,KAAK,~~EAAE~~,~~MAAM~~,~~EAAE~~,QAAQ,~~EAAE~~,GAAG,KAAK,~~EAAE;;;;;~~CAAA~~;;;;;;;;;;;;;eAuC5C~~,YAAY"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CustomSelect/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;8BAuCb,EACpB,KAAK,EACL,MAAW,EACX,QAAQ,EACR,SAA8B,EAC9B,GAAG,KAAK,EACT;;;;;;CAAA;;;;;;;;;eAkCc,YAAY"}