@corva/ui 0.54.0-8 → 0.54.0-9
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.
- package/components/AddComment/Popover.js +1 -1
- package/components/AddComment/components/Content.js +1 -1
- package/components/AdvancedSlider/AdvancedSlider.d.ts +19 -1
- package/components/AdvancedSlider/AdvancedSlider.d.ts.map +1 -1
- package/components/AppVersionsSelect/AppVersionsSelect.js +1 -1
- package/components/AssetNameLabel/PrimaryAssetNameLabel.d.ts +18 -1
- package/components/AssetNameLabel/SecondaryAssetNameLabel.d.ts +19 -1
- package/components/AssetNameLabel/index.d.ts +26 -1
- package/components/Attachment/index.js +1 -1
- package/components/BICOffsetPickerDialog/index.js +1 -1
- package/components/Casing/CasingTableV2/components/CasingJoints/Editor.js +1 -1
- package/components/Casing/CasingTableV2/components/Component.js +1 -1
- package/components/Casing/CasingTableV2/components/DrillPipe/Editor.js +1 -1
- package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.d.ts +18 -1
- package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.d.ts.map +1 -1
- package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js +1 -1
- package/components/DevCenter/AppHeader/AppHeader.js +1 -1
- package/components/DevCenter/AppsDataProvider/effects/utils.js +1 -1
- package/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.js +1 -1
- package/components/DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js +1 -1
- package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js +1 -1
- package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/RemoveAppButton.js +1 -1
- package/components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js +1 -1
- package/components/DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js +1 -1
- package/components/DevCenter/DevCenterAppContainer/effects/useAnnotationsData.js +1 -1
- package/components/DevCenter/DevCenterAppContainer/effects/useAppMaximized.js +1 -1
- package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterAppZoidComponent.js +1 -1
- package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js +1 -1
- package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js +1 -1
- package/components/DocumentViewer/DocumentViewer.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/Agitator/Editor.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/Bit/Editor.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/Component.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/DrillCollar/Editor.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/DrillPipe/Editor.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/Jar/Editor.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/Lwd/Editor.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/Mwd/Editor.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/Pdm/Editor.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/Rss/Editor.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/Stabilizer/Editor.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/Sub/Editor.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/Ur/Editor.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js +1 -1
- package/components/Drillstring/BHAComponentsTable/components/sharedStyles.d.ts +1 -1
- package/components/GradientManager/GradientList.d.ts +31 -0
- package/components/GradientManager/GradientList.d.ts.map +1 -0
- package/components/GradientManager/GradientList.js +1 -0
- package/components/GradientManager/GradientManager.d.ts +4 -0
- package/components/GradientManager/GradientManager.d.ts.map +1 -0
- package/components/GradientManager/GradientManager.js +1 -0
- package/components/GradientManager/GradientManager.stories.d.ts +21 -0
- package/components/GradientManager/GradientManager.stories.d.ts.map +1 -0
- package/components/GradientManager/GradientManager.styles.d.ts +2 -0
- package/components/GradientManager/GradientManager.styles.d.ts.map +1 -0
- package/components/GradientManager/GradientManager.styles.js +1 -0
- package/components/GradientManager/GradientManagerProps.d.ts +86 -0
- package/components/GradientManager/GradientManagerProps.d.ts.map +1 -0
- package/components/GradientManager/GradientPreview/GradientPreview.d.ts +8 -0
- package/components/GradientManager/GradientPreview/GradientPreview.d.ts.map +1 -0
- package/components/GradientManager/GradientPreview/GradientPreview.js +1 -0
- package/components/GradientManager/GradientSelect.d.ts +13 -0
- package/components/GradientManager/GradientSelect.d.ts.map +1 -0
- package/components/GradientManager/GradientSelect.js +1 -0
- package/components/GradientManager/GradientSelect.styles.d.ts +2 -0
- package/components/GradientManager/GradientSelect.styles.d.ts.map +1 -0
- package/components/GradientManager/GradientSelect.styles.js +1 -0
- package/components/GradientManager/__tests__/GradientManager.test.d.ts +2 -0
- package/components/GradientManager/__tests__/GradientManager.test.d.ts.map +1 -0
- package/components/GradientManager/__tests__/pageHelpers.d.ts +20 -0
- package/components/GradientManager/__tests__/pageHelpers.d.ts.map +1 -0
- package/components/GradientManager/__tests__/testData.d.ts +20 -0
- package/components/GradientManager/__tests__/testData.d.ts.map +1 -0
- package/components/GradientManager/configuration/constants.d.ts +10 -0
- package/components/GradientManager/configuration/constants.d.ts.map +1 -0
- package/components/GradientManager/configuration/constants.js +1 -0
- package/components/GradientManager/index.d.ts +2 -0
- package/components/GradientManager/index.d.ts.map +1 -0
- package/components/GradientPicker/GradientPicker.d.ts +4 -0
- package/components/GradientPicker/GradientPicker.d.ts.map +1 -0
- package/components/GradientPicker/GradientPicker.js +1 -0
- package/components/GradientPicker/GradientPicker.stories.d.ts +35 -0
- package/components/GradientPicker/GradientPicker.stories.d.ts.map +1 -0
- package/components/GradientPicker/GradientPicker.styles.d.ts +2 -0
- package/components/GradientPicker/GradientPicker.styles.d.ts.map +1 -0
- package/components/GradientPicker/GradientPicker.styles.js +1 -0
- package/components/GradientPicker/GradientPicker.utils.d.ts +9 -0
- package/components/GradientPicker/GradientPicker.utils.d.ts.map +1 -0
- package/components/GradientPicker/GradientPicker.utils.js +1 -0
- package/components/GradientPicker/GradientPickerProps.d.ts +16 -0
- package/components/GradientPicker/GradientPickerProps.d.ts.map +1 -0
- package/components/GradientPicker/__tests__/GradientPicker.test.d.ts +2 -0
- package/components/GradientPicker/__tests__/GradientPicker.test.d.ts.map +1 -0
- package/components/GradientPicker/__tests__/pageHelpers.d.ts +8 -0
- package/components/GradientPicker/__tests__/pageHelpers.d.ts.map +1 -0
- package/components/GradientPicker/__tests__/testData.d.ts +19 -0
- package/components/GradientPicker/__tests__/testData.d.ts.map +1 -0
- package/components/GradientPicker/index.d.ts +2 -0
- package/components/GradientPicker/index.d.ts.map +1 -0
- package/components/ImagesGrid/index.d.ts +18 -1
- package/components/ImagesGrid/index.d.ts.map +1 -1
- package/components/OffsetWellPickerV2/components/Filter/SidetrackSwitch.js +1 -1
- package/components/OffsetWellPickerV2/components/Filter/ToggleMapButton.js +1 -1
- package/components/OffsetWellPickerV2/components/Table/MetricsAddMenu.js +1 -1
- package/components/OffsetWellPickerV2/effects/index.js +1 -1
- package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/SidetrackSwitch.js +1 -1
- package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/MetricsAddMenu.js +1 -1
- package/components/OffsetWellPickerV3/components/CustomSelectionView/effects/index.js +1 -1
- package/components/OffsetWellPickerV3/components/CustomSelectionView/index.js +1 -1
- package/components/OffsetWellPickerV3/components/OffsetWellSelectionView/index.js +1 -1
- package/components/OffsetWellPickerV3/components/TabSelection/ToggleMapButton.js +1 -1
- package/components/OffsetWellPickerV3/components/TabSelection/index.js +1 -1
- package/components/OffsetWellPickerV3/components/WellHubView/index.js +1 -1
- package/components/OffsetWellPickerV3/components/shared/OffsetWellTableHead.js +1 -1
- package/components/OffsetWellPickerV4/OffsetWellPickerV4.js +1 -1
- package/components/OffsetWellPickerV4/components/Filter/Filter.js +1 -1
- package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js +1 -1
- package/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSettingMenu.js +1 -1
- package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js +1 -1
- package/components/OffsetWellPickerV4/components/Toolbar/Toolbar.js +1 -1
- package/components/OffsetWellPickerV4/effects/useCompanyMetricKey.js +1 -1
- package/components/WellSummary/WellSummaryItemValue.js +1 -1
- package/components/WellSummary/effects/useWellSummaryData.js +1 -1
- package/components/index.d.ts +3 -1
- package/components/index.js +1 -1
- package/components/shared/__tests__/createTestHook.d.ts +2 -0
- package/components/shared/__tests__/createTestHook.d.ts.map +1 -0
- package/components/shared/__tests__/useThrottledCallback.test.d.ts +2 -0
- package/components/shared/__tests__/useThrottledCallback.test.d.ts.map +1 -0
- package/components/shared/useThrottledCallback.d.ts +15 -0
- package/components/shared/useThrottledCallback.d.ts.map +1 -0
- package/components/shared/useThrottledCallback.js +1 -0
- package/constants/componentsSettings.d.ts +5 -0
- package/constants/componentsSettings.d.ts.map +1 -0
- package/constants/componentsSettings.js +1 -0
- package/constants/index.d.ts +2 -1
- package/constants/index.js +1 -1
- package/constants/wellSummary.d.ts +1 -1
- package/package.json +3 -1
- package/types/index.d.ts +2 -0
- package/types/index.d.ts.map +1 -0
- package/types/shared/CustomGradient.d.ts +7 -0
- package/types/shared/CustomGradient.d.ts.map +1 -0
- package/types/shared/GradientFillStop.d.ts +11 -0
- package/types/shared/GradientFillStop.d.ts.map +1 -0
- package/types/shared/index.d.ts +3 -0
- package/types/shared/index.d.ts.map +1 -0
- package/utils/devcenter.js +1 -1
- package/types.d.ts +0 -142
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"prop-types";import{withStyles as t,Button as o,makeStyles as r}from"@material-ui/core";import{isMobileDetected as i}from"../../../../../utils/mobileDetect.js";import n from"../../../../Modal/Modal.js";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../ImagesGrid/index.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.js";import"../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../DevCenter/SideBar/SideBar.js";import"../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{jsx as s,jsxs as p,Fragment as m}from"react/jsx-runtime";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../../DevCenter/AppContext.js";import"../../../../AssetEditor/index.js";import"../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../LoadingIndicator/LoadingIndicator.js";import{Regular16 as a}from"../../../../Typography.js";import"../../../../CollapsableSidebar.js";import"../../../../DateTimePicker/index.js";import"../../../../DatePicker/index.js";import"../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../SlateFormattedText/SlateFormattedText.js";import"../../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"lodash";import"slate";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"../../../../SettingEditors/ColorEditor/index.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SettingEditors/RadioEditor/index.js";import"../../../../SwitchControl/index.js";import"../../../../ColorPicker/ColorPicker.js";import"../../../../Chart/components/ChartButton.js";import"../../../../Chart/components/ChartButtons.js";import"../../../../Chart/components/ChartWrapper.js";import"../../../../Chart/components/AxisDropdown.js";import"../../../../Chart/components/buttons/DragToZoomButton.js";import"../../../../Chart/components/buttons/ZoomInButton.js";import"../../../../Chart/components/buttons/ZoomOutButton.js";import"../../../../Chart/components/buttons/PanButton.js";import"../../../../Chart/components/buttons/ResetZoomButton.js";import"../../../../Chart/components/buttons/HideAxesButton.js";import"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../RangeSlider/RangeSlider.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/index.js";import"../../../../ContextMenuItem/index.js";import"../../../../FolderMenuItem/index.js";import"../../../../EditableItem/EditableItem/index.js";import"../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../Checkbox/index.js";import"../../../../FolderMenuItemWithLinks/index.js";import"../../../../IconButton/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"../../../BHASchematic.js";import"../../../BHATable/index.js";import"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../clients/jsonApi/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellButton/OffsetWellButton.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../OffsetWellPickerV3/index.js";import"../../../../OffsetWellChips/Chip.js";import"../../../../OffsetWellChips/ChipsContainer.js";import"../../../../OffsetWellPickerV4/OffsetWellPickerV4.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"../../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"uuid";import"../../../../Toaster/Toaster.js";import"../../../../ConfirmationDialog.js";import"../../../../TextLink/index.js";import"../../../../Avatar/index.js";import"../../../../Template/TemplatePopover/index.js";import"../../../../Template/TemplateSharingDialog/index.js";import"../../../../MenuItem/index.js";import"../../../../PadModeSelect/PadModeSelect.js";import"../../../../PinnableFilters/PinnableFilters.js";import"../../../../HeaderLayout/HeaderLayout.js";import"../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../Table/TableToolbar/TableToolbar.js";import"../../../../Table/TableContainer/TableContainer.js";import"../../../../Table/TableCell/TableCell.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../Tooltip/MuiTooltipDcWrapper.js";import"../../../../PriceInput/PriceInput.js";import"../../../../LabelsCounter/LabelsCounter.js";import"../../../../Stepper/Step.js";import"../../../../Stepper/StepsWrapper.js";import"../../../../Stepper/Stepper.js";import"../../../../Comment/CommentIcon/index.js";import"../../../../FilesLoader/FilesLoader.js";import"../../../../FilesLoader/Icons/FileIcon.js";import"../../../../SearchInput/index.js";import"../../../../FeedItem/FeedItem.js";import"../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../../PostInput/PostInput.js";import"../../../../KeyboardDateTimePicker.js";import"../../../../AddComment/Popover.js";import"../../../../AddComment/Popup.js";import"../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../../StageDesignVActual/ComparisonHeader.js";import"../../../../StageDesignVActual/ComparisonRow.js";import"../../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../../EmbeddedApp/EmbeddedApp.js";import"../../../../HelpCenter/HelpCenterIcon.js";import"../../../../Autocomplete/Autocomplete.js";import"../../../../DocumentViewer/DocumentViewer.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../../Search/Search.js";import"../../../../Search/components/Listbox.js";import"../../../../Search/components/Paper.js";import"../../../../Search/components/RecentSearches.js";import"../../../../Search/components/InputAdornmentLeft.js";import"../../../../Search/components/Groups.js";import"../../../../StatusBadge/index.js";import"../../../../Attachment/index.js";import"../../../../EmojiIconButton.js";import"../../../../FileUploadIconButton.js";import"../../../../FilePreview/index.js";import"../../../../FailedFileUploading.js";import"../../../../UserMention/index.js";import"../../../../CommentsInfo/index.js";import"../../../../CommentInput/index.js";import"../../../../Comment/index.js";import"../../../../CommentLoader.js";var l=t({root:{height:"36px"}})(o),d=t({root:{margin:"0 16px 0 auto"}})(l),j=t({root:{color:"#bdbdbd"}})(a),c=r((function(e){return{paper:{minWidth:function(e){return e.isMobile?0:"416px"},minHeight:function(e){return e.isMobile&&"240px !important"},maxWidth:function(e){return e.isMobile&&"calc(100% - 24px)"}},content:{width:function(e){return e.isMobile?"auto":"300px"},color:e.palette.primary.text6}}})),C=function(e){var t=e.title,o=e.text,r=e.okText,a=e.handleClose,C=e.handleOk,u=c({isMobile:i});return s(n,{open:!0,onClose:a,title:t,isMobile:!1,actions:p(m,{children:[s(d,{color:"primary",onClick:a,children:"Cancel"}),s(l,{variant:"contained",color:"primary",onClick:C,children:r||"OK"})]}),contentContainerClassName:u.paper,children:s("div",{className:u.content,children:s(j,{children:o})})})};C.propTypes={title:e.string.isRequired,okText:e.string.isRequired,text:e.string.isRequired,handleClose:e.func.isRequired,handleOk:e.func.isRequired};export{C as ConfirmationPopup,c as useStyles};
|
|
1
|
+
import e from"prop-types";import{withStyles as t,Button as o,makeStyles as r}from"@material-ui/core";import{isMobileDetected as i}from"../../../../../utils/mobileDetect.js";import n from"../../../../Modal/Modal.js";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../ImagesGrid/index.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.js";import"../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../DevCenter/SideBar/SideBar.js";import"../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{jsx as s,jsxs as p,Fragment as m}from"react/jsx-runtime";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../../DevCenter/AppContext.js";import"../../../../AssetEditor/index.js";import"../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../LoadingIndicator/LoadingIndicator.js";import{Regular16 as a}from"../../../../Typography.js";import"../../../../CollapsableSidebar.js";import"../../../../DateTimePicker/index.js";import"../../../../DatePicker/index.js";import"../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../SlateFormattedText/SlateFormattedText.js";import"../../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"lodash";import"slate";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"../../../../SettingEditors/ColorEditor/index.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SettingEditors/RadioEditor/index.js";import"../../../../SwitchControl/index.js";import"../../../../ColorPicker/ColorPicker.js";import"../../../../Chart/components/ChartButton.js";import"../../../../Chart/components/ChartButtons.js";import"../../../../Chart/components/ChartWrapper.js";import"../../../../Chart/components/AxisDropdown.js";import"../../../../Chart/components/buttons/DragToZoomButton.js";import"../../../../Chart/components/buttons/ZoomInButton.js";import"../../../../Chart/components/buttons/ZoomOutButton.js";import"../../../../Chart/components/buttons/PanButton.js";import"../../../../Chart/components/buttons/ResetZoomButton.js";import"../../../../Chart/components/buttons/HideAxesButton.js";import"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../RangeSlider/RangeSlider.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/index.js";import"../../../../ContextMenuItem/index.js";import"../../../../FolderMenuItem/index.js";import"../../../../EditableItem/EditableItem/index.js";import"../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../Checkbox/index.js";import"../../../../FolderMenuItemWithLinks/index.js";import"../../../../IconButton/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../../../../GradientManager/configuration/constants.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"classnames";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../BHASchematic.js";import"../../../BHATable/index.js";import"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../clients/jsonApi/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellButton/OffsetWellButton.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../OffsetWellPickerV3/index.js";import"../../../../OffsetWellChips/Chip.js";import"../../../../OffsetWellChips/ChipsContainer.js";import"../../../../OffsetWellPickerV4/OffsetWellPickerV4.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"../../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"uuid";import"../../../../Toaster/Toaster.js";import"../../../../ConfirmationDialog.js";import"../../../../TextLink/index.js";import"../../../../Avatar/index.js";import"../../../../Template/TemplatePopover/index.js";import"../../../../Template/TemplateSharingDialog/index.js";import"../../../../MenuItem/index.js";import"../../../../PadModeSelect/PadModeSelect.js";import"../../../../PinnableFilters/PinnableFilters.js";import"../../../../HeaderLayout/HeaderLayout.js";import"../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../Table/TableToolbar/TableToolbar.js";import"../../../../Table/TableContainer/TableContainer.js";import"../../../../Table/TableCell/TableCell.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../Tooltip/MuiTooltipDcWrapper.js";import"../../../../PriceInput/PriceInput.js";import"../../../../LabelsCounter/LabelsCounter.js";import"../../../../Stepper/Step.js";import"../../../../Stepper/StepsWrapper.js";import"../../../../Stepper/Stepper.js";import"../../../../Comment/CommentIcon/index.js";import"../../../../FilesLoader/FilesLoader.js";import"../../../../FilesLoader/Icons/FileIcon.js";import"../../../../SearchInput/index.js";import"../../../../FeedItem/FeedItem.js";import"../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../../PostInput/PostInput.js";import"../../../../KeyboardDateTimePicker.js";import"../../../../AddComment/Popover.js";import"../../../../AddComment/Popup.js";import"../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../../StageDesignVActual/ComparisonHeader.js";import"../../../../StageDesignVActual/ComparisonRow.js";import"../../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../../EmbeddedApp/EmbeddedApp.js";import"../../../../HelpCenter/HelpCenterIcon.js";import"../../../../Autocomplete/Autocomplete.js";import"../../../../DocumentViewer/DocumentViewer.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../../Search/Search.js";import"../../../../Search/components/Listbox.js";import"../../../../Search/components/Paper.js";import"../../../../Search/components/RecentSearches.js";import"../../../../Search/components/InputAdornmentLeft.js";import"../../../../Search/components/Groups.js";import"../../../../StatusBadge/index.js";import"../../../../Attachment/index.js";import"../../../../EmojiIconButton.js";import"../../../../FileUploadIconButton.js";import"../../../../FilePreview/index.js";import"../../../../FailedFileUploading.js";import"../../../../UserMention/index.js";import"../../../../CommentsInfo/index.js";import"../../../../CommentInput/index.js";import"../../../../Comment/index.js";import"../../../../CommentLoader.js";var l=t({root:{height:"36px"}})(o),d=t({root:{margin:"0 16px 0 auto"}})(l),j=t({root:{color:"#bdbdbd"}})(a),c=r((function(e){return{paper:{minWidth:function(e){return e.isMobile?0:"416px"},minHeight:function(e){return e.isMobile&&"240px !important"},maxWidth:function(e){return e.isMobile&&"calc(100% - 24px)"}},content:{width:function(e){return e.isMobile?"auto":"300px"},color:e.palette.primary.text6}}})),C=function(e){var t=e.title,o=e.text,r=e.okText,a=e.handleClose,C=e.handleOk,u=c({isMobile:i});return s(n,{open:!0,onClose:a,title:t,isMobile:!1,actions:p(m,{children:[s(d,{color:"primary",onClick:a,children:"Cancel"}),s(l,{variant:"contained",color:"primary",onClick:C,children:r||"OK"})]}),contentContainerClassName:u.paper,children:s("div",{className:u.content,children:s(j,{children:o})})})};C.propTypes={title:e.string.isRequired,okText:e.string.isRequired,text:e.string.isRequired,handleClose:e.func.isRequired,handleOk:e.func.isRequired};export{C as ConfirmationPopup,c as useStyles};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"cell" | "row" | "inputLabel" | "component" | "subTitle" | "ratioWidth" | "actionCell" | "componentActive" | "componentMobile" | "componentExpandedMobile" | "detailedView" | "detailedViewMobile" | "editorContainer" | "editorComponentSize" | "eidtorContentContainer" | "eidtorActionGroup" | "eidtorNozzleView" | "editorHeaderCell" | "editorGap" | "rowExpanded" | "actionButton" | "actionIcon" | "moreButton" | "componentMobileCell" | "cellInnerMobile" | "cellLabel" | "cellValue" | "largeFontSize" | "subGroup" | "subTitleEditing" | "additionalTitle"
|
|
1
|
+
export const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"cell" | "row" | "inputLabel" | "component" | "addButton" | "addIcon" | "subTitle" | "ratioWidth" | "actionCell" | "componentActive" | "componentMobile" | "componentExpandedMobile" | "detailedView" | "detailedViewMobile" | "editorContainer" | "editorComponentSize" | "eidtorContentContainer" | "eidtorActionGroup" | "eidtorNozzleView" | "editorHeaderCell" | "editorGap" | "rowExpanded" | "actionButton" | "actionIcon" | "moreButton" | "componentMobileCell" | "cellInnerMobile" | "cellLabel" | "cellValue" | "largeFontSize" | "subGroup" | "subTitleEditing" | "additionalTitle">;
|
|
2
2
|
//# sourceMappingURL=sharedStyles.d.ts.map
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { CustomGradient, GradientFillStop } from '~/types';
|
|
2
|
+
/**
|
|
3
|
+
* An utility class used to manage Custom Gradients
|
|
4
|
+
*/
|
|
5
|
+
export declare class GradientList {
|
|
6
|
+
gradients: CustomGradient[];
|
|
7
|
+
defaultGradients: CustomGradient[];
|
|
8
|
+
onGradientsChange: (gradients: CustomGradient[]) => void;
|
|
9
|
+
constructor(gradients: CustomGradient[], defaultGradients: CustomGradient[], onGradientsChange: (gradients: CustomGradient[]) => void);
|
|
10
|
+
generateId(name: string): string;
|
|
11
|
+
getById(id: string): CustomGradient;
|
|
12
|
+
getByName(sampleName: string): CustomGradient;
|
|
13
|
+
newName(name?: string): string;
|
|
14
|
+
isDefault(id: string): boolean;
|
|
15
|
+
getHelperText({ name, allowNoname, gradientId }: {
|
|
16
|
+
name: any;
|
|
17
|
+
allowNoname: any;
|
|
18
|
+
gradientId: any;
|
|
19
|
+
}): {
|
|
20
|
+
error: boolean;
|
|
21
|
+
helperText: string;
|
|
22
|
+
};
|
|
23
|
+
add(name: string, gradientStops: GradientFillStop[]): {
|
|
24
|
+
id: string;
|
|
25
|
+
name: string;
|
|
26
|
+
gradientStops: GradientFillStop[];
|
|
27
|
+
};
|
|
28
|
+
remove(id: string): CustomGradient[];
|
|
29
|
+
update(id: string, update: Partial<CustomGradient>): CustomGradient[];
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=GradientList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientList.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientList.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhE;;GAEG;AACH,qBAAa,YAAY;IAEvB,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,iBAAiB,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;gBAGvD,SAAS,EAAE,cAAc,EAAO,EAChC,gBAAgB,EAAE,cAAc,EAAO,EACvC,iBAAiB,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI;IAO1D,UAAU,CAAC,IAAI,EAAE,MAAM;IAWhB,OAAO,CAAC,EAAE,EAAE,MAAM;IAIlB,SAAS,CAAC,UAAU,EAAE,MAAM;IAQnC,OAAO,CAAC,IAAI,SAAoB;IAQzB,SAAS,CAAC,EAAE,EAAE,MAAM;IAIpB,aAAa,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE;;;;KAAA;;;;IAuB/C,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE;;;;;IAenD,MAAM,CAAC,EAAE,EAAE,MAAM;IAMjB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC;CAa1D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__spreadArray as t,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{map as r,snakeCase as n,find as o,some as i,reject as a}from"lodash";import{NAME_IS_MISSING_MESSAGE as s,ALREADY_EXISTS_MESSAGE as d,GRADIENT_NEW_NAME as u}from"./configuration/constants.js";var h=function(){function h(t,e,r){void 0===t&&(t=[]),void 0===e&&(e=[]),this.gradients=t,this.defaultGradients=e,this.onGradientsChange=r}return h.prototype.generateId=function(e){for(var o=new Set(r(t(t([],this.gradients,!0),this.defaultGradients,!0),"id")),i=n(e),a=0;o.has(i+(a?"_".concat(a):""));)a+=1;return i+(a?"_".concat(a):"")},h.prototype.getById=function(t){return o(this.gradients,{id:t})||o(this.defaultGradients,{id:t})},h.prototype.getByName=function(e){var r=(e||"").toLocaleLowerCase();return o(t(t([],this.gradients,!0),this.defaultGradients,!0),(function(t){return t.name.toLocaleLowerCase()===r}))},h.prototype.newName=function(t){void 0===t&&(t=u);for(var e=0;this.getByName(t+(e?" ".concat(e):""));)e+=1;return t+(e?" ".concat(e):"")},h.prototype.isDefault=function(t){return i(this.defaultGradients,{id:t})},h.prototype.getHelperText=function(t){var e=t.name,r=t.allowNoname,n=t.gradientId;if(!r&&!e)return{error:!1,helperText:s};var o=this.getByName(e);return o&&o.id!==n?{error:!0,helperText:d}:null},h.prototype.add=function(e,r){if(!e)throw new Error(s);if(this.gradients.map((function(t){return t.name.toLocaleLowerCase()})).includes(e.toLocaleLowerCase()))throw new Error(d);var n={id:this.generateId(e),name:e,gradientStops:r};return this.onGradientsChange(t(t([],this.gradients,!0),[n],!1)),n},h.prototype.remove=function(t){var e=a(this.gradients,{id:t});return this.onGradientsChange(e),e},h.prototype.update=function(t,r){var n=this.gradients.map((function(n){return n.id===t?e(e({},n),r):n}));return this.onGradientsChange(n),n},h}();export{h as GradientList};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientManager.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientManager.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiQ1D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as e,jsx as n,Fragment as i}from"react/jsx-runtime";import{Grid as a,TextField as o,Box as r}from"@material-ui/core";import{noop as d,isEmpty as l,trim as s}from"lodash";import{useState as c,useEffect as m}from"react";import u from"@material-ui/icons/Check";import g from"@material-ui/icons/Close";import p from"@material-ui/icons/Edit";import f from"@material-ui/icons/Delete";import{DEFAULT_GRADIENTS as v,DEFAULT_GRADIENT_STOPS as h,TEMP_GRADIENT_ID as S,GRADIENT_MAX_NAME_LENGTH as I}from"./configuration/constants.js";import{GradientList as b}from"./GradientList.js";import C from"../IconButton/index.js";import{GradientSelect as G}from"./GradientSelect.js";import{GradientPicker as y}from"../GradientPicker/GradientPicker.js";import{useStyles as B}from"./GradientManager.styles.js";var N=function(N){var k,x=N.gradientId,j=N.onGradientEditStateChange,w=void 0===j?d:j,P=N.onChange,D=void 0===P?d:P,E=N.defaultGradients,F=void 0===E?v:E,M=N.defaultGradientStops,T=void 0===M?h:M,L=N.allowNoname,A=N.scaleOptions,H=void 0===A?{scaleFrom:0,scaleTo:100}:A,K=B(),O=new b(N.gradients||[],F,N.onGradientsChange),R=c(null),U=R[0],V=R[1],W=N.disableGradientsManagement||!N.onGradientsChange,_=O.getHelperText({name:null==U?void 0:U.name,allowNoname:L,gradientId:x});m((function(){w(Boolean(U))}),[Boolean(U)]);var q=(null===(k=O.getById(x))||void 0===k?void 0:k.gradientStops)||N.gradientStops||T,z=function(){if(l(_)){var t=U.gradientStops,e=s(U.name);if(V(null),e){if(O.getById(U.id||x))return O.update(x,{gradientStops:t,name:e}),void D({gradientId:x,gradientStops:t});var n=O.add(e,t);D({gradientId:null==n?void 0:n.id,gradientStops:t})}else L&&D({gradientStops:t,gradientId:null})}},J=function(t){t===x&&(D({gradientId:null,gradientStops:q}),V(null)),O.remove(t)},Q=function(e){var n=e.trimStart().substring(0,I);V(t(t({},U),{name:n}))};return e(a,t({container:!0},{children:[n(a,t({item:!0,xs:6},{children:U?n(o,t({className:K.customGradientName,label:"Gradient Name",value:U.name,onChange:function(t){return Q(t.target.value)},onFocus:function(t){t.target.select()},onKeyDown:function(t){var e;if("Enter"===t.key){var n=null===(e=t.target)||void 0===e?void 0:e.value;n&&(Q(n),z())}},autoFocus:!0,fullWidth:!0},_)):n(G,{value:x,gradients:N.gradients||[],onChange:function(t){var e,n=O.getById(t);D({gradientId:t,gradientStops:null!==(e=null==n?void 0:n.gradientStops)&&void 0!==e?e:T})},defaultGradients:F,onAction:function(t,e){switch(t){case"add":V({name:"",gradientStops:T,id:S});break;case"delete":J(e)}},readonly:W})})),n(a,t({item:!0,xs:6},{children:n(r,t({display:"flex",alignItems:"center",height:"100%"},{children:n(r,t({display:"flex",paddingLeft:1},{children:e(i,U?{children:[n(C,t({"data-testid":"save-gradient-btn",className:K.iconButton,onClick:z,tooltipProps:{title:"Save"},disabled:!!_||W},{children:n(u,{})})),n(C,t({"data-testid":"cancel-edit-btn",className:K.iconButton,onClick:function(){V(null)},tooltipProps:{title:"Cancel"}},{children:n(g,{})}))]}:{children:[n(C,t({"data-testid":"edit-gradient-btn",className:K.iconButton,onClick:function(){var t;O.isDefault(x)?V({name:O.newName(),gradientStops:q,id:S}):V({name:(null===(t=O.getById(x))||void 0===t?void 0:t.name)||"",gradientStops:q})},tooltipProps:{title:"Edit"},disabled:W},{children:n(p,{})})),!!O.getById(x)&&!O.isDefault(x)&&n(C,t({"data-testid":"delete-gradient-btn",className:K.iconButton,onClick:function(){return J(x)},tooltipProps:{title:"Remove"},disabled:W},{children:n(f,{})}))]})}))}))})),n(a,t({item:!0,xs:12},{children:n(y,{from:null==H?void 0:H.scaleFrom,to:null==H?void 0:H.scaleTo,unit:null==H?void 0:H.scaleUnit,noScale:!0,gradientStops:(null==U?void 0:U.gradientStops)||q,onChange:function(e){V(t(t({},U),{gradientStops:e}))},readonly:!U,isMoveInputVisible:!0})}))]}))};export{N as GradientManager};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Default: (props: any) => JSX.Element;
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<import("./GradientManagerProps").GradientManagerProps>;
|
|
6
|
+
subcomponents: {
|
|
7
|
+
GradientPicker: import("react").FC<import("../GradientPicker/GradientPickerProps").GradientPickerComponentProps>;
|
|
8
|
+
};
|
|
9
|
+
argTypes: {};
|
|
10
|
+
parameters: {
|
|
11
|
+
docs: {
|
|
12
|
+
description: {
|
|
13
|
+
component: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
sourceLink: string;
|
|
17
|
+
designLink: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
export default _default;
|
|
21
|
+
//# sourceMappingURL=GradientManager.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientManager.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientManager.stories.tsx"],"names":[],"mappings":";AAyBA,eAAO,MAAM,OAAO,6BAuCnB,CAAC;;;;;;;;;;;;;;;;;;AAEF,wBAuCE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientManager.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientManager.styles.js"],"names":[],"mappings":"AAEA,yHAUG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{makeStyles as r}from"@material-ui/core";var t=r({customGradientName:{minWidth:175,marginBottom:20},iconButton:{"&:hover":{background:"transparent"}}});export{t as useStyles};
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { CustomGradient, GradientFillStop } from '~/types';
|
|
2
|
+
/**
|
|
3
|
+
* This component actually do two separate things.
|
|
4
|
+
* It allow user to pick a gradient from the list of predefined and custom
|
|
5
|
+
* gradients.
|
|
6
|
+
*
|
|
7
|
+
* The other function is to allow a user to manage custom gradients.
|
|
8
|
+
*
|
|
9
|
+
* There is also a possibility to edit gradient stops.
|
|
10
|
+
*/
|
|
11
|
+
export interface GradientManagerProps {
|
|
12
|
+
/**
|
|
13
|
+
* A currently selected gradient id
|
|
14
|
+
*/
|
|
15
|
+
gradientId: string;
|
|
16
|
+
/**
|
|
17
|
+
* Only used when gradient can not be found by gradientId or gradientId is not provided.
|
|
18
|
+
* This may happen if a custom gradient was deleted elsewhere but trace or other entity
|
|
19
|
+
* still keeps gradient stops values. A user may recover the deleted custom gradient
|
|
20
|
+
* by start editing it and save these stops as a new custom gradient.
|
|
21
|
+
*/
|
|
22
|
+
gradientStops?: GradientFillStop[];
|
|
23
|
+
/**
|
|
24
|
+
* A change handler function
|
|
25
|
+
* Called each time a user picks a gradient from the list or gradient stops
|
|
26
|
+
* for the current gradient was changed
|
|
27
|
+
*/
|
|
28
|
+
onChange: (changes: {
|
|
29
|
+
gradientId: string;
|
|
30
|
+
gradientStops: GradientFillStop[];
|
|
31
|
+
}) => void;
|
|
32
|
+
/**
|
|
33
|
+
* A list of custom gradients.
|
|
34
|
+
* NOTE: the built-in gradient are NOT included here.
|
|
35
|
+
*/
|
|
36
|
+
gradients: CustomGradient[];
|
|
37
|
+
/**
|
|
38
|
+
* A custom gradients setter.
|
|
39
|
+
* Called each time user gradients are added, removed or changed.
|
|
40
|
+
* Changes include name, id, or gradient stops change.
|
|
41
|
+
* When not provided, the behavior is the same as for disableGradientManagement: true :
|
|
42
|
+
* Gradient edit/add/remove controls are disabled.
|
|
43
|
+
*/
|
|
44
|
+
onGradientsChange?: (gradients: CustomGradient[]) => void;
|
|
45
|
+
/**
|
|
46
|
+
* When set to true Gradient edit/add/remove controls are disabled.
|
|
47
|
+
* Set this property to true when you are sending gradient update requests to prevent
|
|
48
|
+
* user input and therefore multiple simultaneous changes.
|
|
49
|
+
*/
|
|
50
|
+
disableGradientsManagement?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* A default gradients list.
|
|
53
|
+
* In most cases you don't need to provide it.
|
|
54
|
+
* The predefined list of gradients is used if this property is not defined.
|
|
55
|
+
*/
|
|
56
|
+
defaultGradients?: CustomGradient[];
|
|
57
|
+
/**
|
|
58
|
+
* In most cases you do not need to provide this value.
|
|
59
|
+
* It defaults to the Garden gradient stops from internal constant.
|
|
60
|
+
*/
|
|
61
|
+
defaultGradientStops?: GradientFillStop[];
|
|
62
|
+
/**
|
|
63
|
+
* A callback that is called when a user starts or stops editing gradients.
|
|
64
|
+
* Use it to prevent form submit while gradient is still edit mode.
|
|
65
|
+
*/
|
|
66
|
+
onGradientEditStateChange?: (isGradientEditorOpen: boolean) => void;
|
|
67
|
+
/**
|
|
68
|
+
* Allow to save a noname gradient.
|
|
69
|
+
* If a user saves a noname gradient then onChange will be called with
|
|
70
|
+
* no gradientId and no user gradients will be updated.
|
|
71
|
+
*
|
|
72
|
+
* This mode is useful in case when a user has a large amount of traces and
|
|
73
|
+
* wants to assign different gradients to each trace but doesn't want
|
|
74
|
+
* to have so many custom gradients.
|
|
75
|
+
*/
|
|
76
|
+
allowNoname?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* scale options for Gradient editor component
|
|
79
|
+
*/
|
|
80
|
+
scaleOptions?: {
|
|
81
|
+
scaleFrom?: number;
|
|
82
|
+
scaleTo?: number;
|
|
83
|
+
scaleUnit?: string;
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
//# sourceMappingURL=GradientManagerProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientManagerProps.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientManagerProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3D;;;;;;;;GAQG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEnC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,gBAAgB,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAEvF;;;MAGE;IACF,SAAS,EAAE,cAAc,EAAE,CAAC;IAE5B;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAE1D;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAC;IAEpC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE1C;;;OAGG;IACH,yBAAyB,CAAC,EAAE,CAAC,oBAAoB,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpE;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAA;CACF"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { GradientFillStop } from '~/types';
|
|
3
|
+
interface GradientPreviewProps {
|
|
4
|
+
gradientStops: GradientFillStop[];
|
|
5
|
+
}
|
|
6
|
+
export declare const GradientPreview: React.FC<GradientPreviewProps>;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=GradientPreview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/GradientPreview/GradientPreview.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,UAAU,oBAAoB;IAC5B,aAAa,EAAE,gBAAgB,EAAE,CAAC;CACnC;AAWD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAU1D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{makeStyles as e}from"@material-ui/core";import i from"tinygradient";var o=e({gradientPreview:{background:"red",width:32,height:16,borderRadius:4}}),t=function(e){var t=e.gradientStops,a=i(t.map((function(r){return{color:r.color,pos:r.pos/100}}))).css("linear","90deg"),n=o();return r("div",{className:n.gradientPreview,style:{background:a}})};export{t as GradientPreview};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CustomGradient } from '~/types';
|
|
3
|
+
interface GradientSelectProps {
|
|
4
|
+
gradients: CustomGradient[];
|
|
5
|
+
value: string;
|
|
6
|
+
onChange: (id: string) => void;
|
|
7
|
+
defaultGradients: CustomGradient[];
|
|
8
|
+
onAction: (type: string, data?: any) => void;
|
|
9
|
+
readonly: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const GradientSelect: React.FC<GradientSelectProps>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=GradientSelect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientSelect.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientSelect.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,UAAU,mBAAmB;IAC3B,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,QAAQ,EAAE,CAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,KAAM,IAAI,CAAC;IAC/C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgGxD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as r}from"react/jsx-runtime";import{ListSubheader as a,MenuItem as i}from"@material-ui/core";import n from"@material-ui/icons/AddCircle";import o from"@material-ui/icons/Delete";import{useState as l}from"react";import d from"classnames";import{isEmpty as s}from"lodash";import{GradientPreview as m}from"./GradientPreview/GradientPreview.js";import c from"../Select/index.js";import u from"../IconButton/index.js";import{useStyles as p}from"./GradientSelect.styles.js";var f=function(f){var v=f.value,h=f.gradients,g=f.onChange,G=f.defaultGradients,C=f.onAction,N=f.readonly,b=p(),P=l(!1),j=P[0],S=P[1],y=function(e){var t,r;if(e.stopPropagation(),!N){var a=null===(r=null===(t=e.currentTarget.closest("li"))||void 0===t?void 0:t.dataset)||void 0===r?void 0:r.value;v===a&&S(!1),C("delete",a)}},I=s(h)&&N;return t(c,e({"data-testid":"gradient-select",label:"Gradients",value:v||"",className:b.select,onChange:function(e){var t=e.target;t.value&&g(t.value)},open:j,onClose:function(){return S(!1)},onOpen:function(){return S(!0)},inputProps:{name:"gradientId",id:"gradientId"},FormControlProps:{fullWidth:!0},fullWidth:!0,defaultValue:""},{children:[r(a,e({className:b.listHeader},{children:"Gradients"})),!I&&t(a,e({className:b.subHeader},{children:["My Gradients",!N&&r(u,e({color:"primary","data-testid":"add-gradient-btn",className:b.addButton,onClick:function(){return C("add")},tooltipProps:{title:"Create Custom Gradient"}},{children:r(n,{color:"primary"})}))]})),h.map((function(a){var n=a.id,l=a.name,s=a.gradientStops;return t(i,e({value:n,className:b.customGradientListItem},{children:[r(m,{gradientStops:s}),r("span",{children:l}),r(u,e({className:d(b.removeButton,{disabled:N}),onClick:y,tooltipProps:{title:"Remove Gradient"}},{children:r(o,{})}))]}),n)})),!s(G)&&r(a,e({className:b.subHeader},{children:"Default Gradients"})),G.map((function(a){var n=a.id,o=a.name,l=a.gradientStops;return t(i,e({value:n,className:b.customGradientListItem},{children:[r(m,{gradientStops:l}),r("span",{children:o})]}),n)}))]}))};export{f as GradientSelect};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientSelect.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/GradientSelect.styles.js"],"names":[],"mappings":"AAEA,qLA+DI"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{makeStyles as t}from"@material-ui/core";var e=t((function(t){var e=t.palette;return{select:{"& > .MuiSelect-root":{display:"flex",gap:"8px",flexShrink:0,paddingRight:0},"& > .MuiSelect-root > button":{display:"none"},width:"100%",marginBottom:20},customGradientListItem:{width:"300px","& span":{flexGrow:1,padding:"0 8px"},"& button":{visibility:"hidden"},"&:hover button":{visibility:"visible"},"&:hover button.disabled":{opacity:.3}},listHeader:{pointerEvents:"none",userSelect:"none",fontSize:"20px",fontStyle:"normal",fontWeight:400,color:e.common.white},subHeader:{pointerEvents:"none",userSelect:"none",fontSize:"10px",color:e.primary.text7,textTransform:"uppercase",display:"flex",alignItems:"center"},addButton:{pointerEvents:"all","&:hover":{background:"transparent"}},removeButton:{color:e.primary.text7,padding:0,"&:hover":{background:"transparent"},"& .MuiIconButton-label":{padding:0}}}}));export{e as useStyles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientManager.test.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/__tests__/GradientManager.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const flushPromises: () => Promise<unknown>;
|
|
2
|
+
export declare const page: {
|
|
3
|
+
openGradientSelect(): void;
|
|
4
|
+
addBtn(): HTMLElement;
|
|
5
|
+
saveBtn(): HTMLElement;
|
|
6
|
+
deleteStopBtn(): HTMLElement;
|
|
7
|
+
deleteBtn(): HTMLElement;
|
|
8
|
+
editBtn(): HTMLElement;
|
|
9
|
+
cancelBtn(): HTMLElement;
|
|
10
|
+
setNameValue(value: any): void;
|
|
11
|
+
getNameEditValue(): string;
|
|
12
|
+
getTextOnSelect(): string;
|
|
13
|
+
selectItemNamed(name: string): void;
|
|
14
|
+
getStops(): Element[];
|
|
15
|
+
getStopValues(): any;
|
|
16
|
+
clickStop(stopIndex: number): void;
|
|
17
|
+
clickTrackAt(pos: number): void;
|
|
18
|
+
getSelectOptions(): string[];
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=pageHelpers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageHelpers.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/__tests__/pageHelpers.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,wBAEzB,CAAC;AAIF,eAAO,MAAM,IAAI;;;;;;;;;;;0BAyCO,MAAM;;;yBA0BP,MAAM;sBAMT,MAAM;;CA0BzB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const gradients: {
|
|
2
|
+
default: any;
|
|
3
|
+
fire: {
|
|
4
|
+
id: string;
|
|
5
|
+
name: string;
|
|
6
|
+
gradientStops: {
|
|
7
|
+
pos: number;
|
|
8
|
+
color: string;
|
|
9
|
+
}[];
|
|
10
|
+
};
|
|
11
|
+
ice: {
|
|
12
|
+
id: string;
|
|
13
|
+
name: string;
|
|
14
|
+
gradientStops: {
|
|
15
|
+
pos: number;
|
|
16
|
+
color: string;
|
|
17
|
+
}[];
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=testData.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"testData.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/__tests__/testData.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAerB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CustomGradient } from '~/types';
|
|
2
|
+
export declare const ALREADY_EXISTS_MESSAGE = "This name is already used";
|
|
3
|
+
export declare const NAME_IS_MISSING_MESSAGE = "Please enter the name";
|
|
4
|
+
export declare const GRADIENT_STOP_PRECISION_DIGITS = 5;
|
|
5
|
+
export declare const GRADIENT_NEW_NAME = "My Gradient";
|
|
6
|
+
export declare const GRADIENT_MAX_NAME_LENGTH = 30;
|
|
7
|
+
export declare const TEMP_GRADIENT_ID = "TEMP_GRADIENT_ID";
|
|
8
|
+
export declare const DEFAULT_GRADIENTS: CustomGradient[];
|
|
9
|
+
export declare const DEFAULT_GRADIENT_STOPS: import("~/types").GradientFillStop[];
|
|
10
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientManager/configuration/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,sBAAsB,8BAA8B,CAAC;AAClE,eAAO,MAAM,uBAAuB,0BAA0B,CAAC;AAC/D,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAChD,eAAO,MAAM,iBAAiB,gBAAgB,CAAC;AAC/C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAEnD,eAAO,MAAM,iBAAiB,EAAE,cAAc,EA+D7C,CAAC;AAIF,eAAO,MAAM,sBAAsB,sCAAyD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var o="This name is already used",r="Please enter the name",s="My Gradient",p=30,a="TEMP_GRADIENT_ID",c=[{id:"chromium",name:"Chromium",gradientStops:[{color:"#F7F7F7",pos:0},{color:"#828282",pos:100}]},{id:"garden",name:"Garden",gradientStops:[{color:"#5256BE",pos:0},{color:"#3CA3BD",pos:25},{color:"#18B756",pos:50},{color:"#DECF11",pos:75},{color:"#AF534C",pos:100}]},{id:"standard",name:"Standard",gradientStops:[{color:"#C05B5B",pos:0},{color:"#D6CA1D",pos:50},{color:"#14C23A",pos:100}]},{id:"amber",name:"Amber",gradientStops:[{color:"#FFFBF4",pos:0},{color:"#C0A87D",pos:25},{color:"#E2A547",pos:50},{color:"#CA8846",pos:75},{color:"#6D4B48",pos:100}]},{id:"volcano",name:"Volcano",gradientStops:[{color:"#807373",pos:0},{color:"#C56265",pos:25},{color:"#CA8846",pos:50},{color:"#CF9957",pos:75},{color:"#D7CD1F",pos:100}]},{id:"cave",name:"Cave",gradientStops:[{color:"#FEFEF3",pos:0},{color:"#F5D09E",pos:10},{color:"#ED9F3B",pos:30},{color:"#B9421C",pos:50},{color:"#541106",pos:75},{color:"#050204",pos:100}]}],e=c[1].gradientStops;export{o as ALREADY_EXISTS_MESSAGE,c as DEFAULT_GRADIENTS,e as DEFAULT_GRADIENT_STOPS,p as GRADIENT_MAX_NAME_LENGTH,s as GRADIENT_NEW_NAME,r as NAME_IS_MISSING_MESSAGE,a as TEMP_GRADIENT_ID};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GradientManager/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientPicker.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AA6SrE,eAAO,MAAM,cAAc,kDAAsC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as o,__spreadArray as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useRef as n,useState as i,useEffect as l,useMemo as a}from"react";import{withSize as c}from"react-sizeme";import s from"classnames";import u from"react-cursor-position";import d from"react-draggable";import{find as m,noop as p,get as f,sortBy as h,reject as v,clamp as g,omit as b}from"lodash";import y from"tinygradient";import{v4 as C}from"uuid";import{Typography as N,Tooltip as k,Popover as x,IconButton as P,TextField as j}from"@material-ui/core";import{Add as z}from"@material-ui/icons";import F from"@material-ui/icons/Delete";import I from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as O,getStopText as S,roundToStep as T,getRangeStep as B}from"./GradientPicker.utils.js";import{useThrottledCallback as D}from"../shared/useThrottledCallback.js";import{useStyles as V}from"./GradientPicker.styles.js";var w=c()((function(c){var w=c.size,E=c.from,G=void 0===E?0:E,A=c.to,H=void 0===A?100:A,K=c.unit,M=c.gradientStops,R=c.onChange,W=c.style,_=c.isMoveInputVisible,q=c.readonly,J=c.noScale,L=n(),Q=i([]),U=Q[0],X=Q[1],Y=i(null),Z=Y[0],$=Y[1],oo=i(null),to=oo[0],ro=oo[1],eo=i(null),no=eo[0],io=eo[1],lo=V({readonly:q}),ao=Number.isFinite(G)?Number(G):0,co=Number.isFinite(H)?Number(H):100,so=co-ao;l((function(){(M.length!==(null==U?void 0:U.length)||M.some((function(o,t){return o.color!==U[t].color||o.pos!==U[t].pos})))&&X(M.map((function(t){return o(o({},t),{id:C()})})))}),[M]);var uo=a((function(){return O(U)}),[U]),mo=a((function(){var o;return null===(o=L.current)||void 0===o?void 0:o.clientWidth}),[w.width,L.current]),po=function(o){var t=h(o,"pos");X(t),R&&R(t.map((function(o){return b(o,"id")})))},fo=D((function(r,e,n,i){if(void 0===i&&(i=!1),!Z){var l=e/mo*100,a=m(U,{id:r});if(n>=40||n<=-50)vo();else{var c=o(o({},a),{pos:l}),s=h(t(t([],v(U,{id:r}),!0),[c],!1),"pos");if(i)return po(s),void ro(null);X(s),bo||ro(r)}}}),0),ho=function(){po(U),ro(null),$(null)},vo=function(){U.length>2&&(po(v(U,{id:to})),$(null),ro(null))},go=!Z&&Number.isFinite(no)&&!q,bo=m(U,{id:to}),yo=B(so),Co=function(o){if(!o)return null;var t=ao+(null==o?void 0:o.pos)/100*so;return T(t,yo/100)}(bo);return r("div",o({className:lo.root,style:W},{children:[!J&&r("div",o({className:lo.indicatorContainer},{children:[e("div",{children:r(N,o({className:lo.indicator},{children:[ao," ",K]}))}),e("div",{children:r(N,o({className:lo.indicator},{children:[co," ",K]}))})]})),e(u,o({onPositionChanged:function(o){io(f(o,"isPositionOutside",!0)?null:f(o,"position.x",null))}},{children:r("div",o({"data-testid":"gradient-track",className:lo.mainBar,style:{background:"linear-gradient(90deg, ".concat(uo,")")},ref:L},{children:[go&&e("div",o({"data-testid":"add-circle",className:lo.addCircle,style:{left:no-12},onClick:function(){var o=no/mo*100,r=y(U.map((function(o){return{color:o.color,pos:o.pos/100}}))),e="#".concat(r.rgbAt(o/100).toHex()),n={id:C(),pos:o,color:e};po(t(t([],U,!0),[n],!1))}},{children:e(z,{fontSize:"small",className:lo.addIcon})})),mo&&U.map((function(t,r){var n,i=t.pos,l=t.color,a=t.id;return e(d,o({disabled:q,axis:"x",bounds:{left:-12,right:mo-12,top:-50,bottom:40},onDrag:function(o,t){return fo(a,t.x+12,t.y,!1)},onStop:function(o,t){return fo(a,t.x+12,t.y,!0)},position:{x:mo*i/100-12,y:-4}},{children:e("div",o({onClick:function(o){return function(o,t){q||to||(ro(t),$(o.currentTarget))}(o,a)},"data-testid":"stop-".concat(r),className:s(lo.circle,{highlight:to===a}),style:{backgroundColor:l}},{children:e(k,o({title:(n=i,S(n,{fromValue:ao,toValue:co})),placement:"top"},{children:e("div",{style:{height:"100%"}})}))}))}),a)}))]}))})),Boolean(Z)&&r(x,o({id:"colors-popper",open:Boolean(Z),anchorEl:Z,onClose:ho,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},{children:[e(I,{color:null==bo?void 0:bo.color,onChange:function(t){var r=t.hex;X(U.map((function(t){return t.id===to?o(o({},t),{color:r}):t})))},onSizeChange:p,enableTransparencyPalette:!1}),e(P,o({className:lo.removeButton,onClick:vo,"data-testid":"delete-stop-btn"},{children:e(F,{className:lo.deleteIcon})})),_&&e(j,{type:"number",variant:"outlined",value:Co,classes:{root:lo.posTextfield},InputProps:{inputProps:{min:ao,max:co,step:yo,maxlength:10},classes:{root:lo.posOutlinedRoot,input:lo.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(t){if(""===t.target.value){var r=t.target;setTimeout((function(){return null==r?void 0:r.select()}))}var e=g(Number(t.target.value),ao,co);e||t.target.select();var n=(e-ao)/so*100;X(U.map((function(t){return t.id===to?o(o({},t),{pos:n}):t})))},onKeyDown:function(o){return"Enter"===o.key&&ho()}})]}))]}))}));export{w as GradientPicker};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Default: (props: any) => JSX.Element;
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<import("./GradientPickerProps").GradientPickerComponentProps>;
|
|
6
|
+
argTypes: {
|
|
7
|
+
from: {
|
|
8
|
+
value: number;
|
|
9
|
+
options: number[];
|
|
10
|
+
control: {
|
|
11
|
+
type: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
to: {
|
|
15
|
+
value: number;
|
|
16
|
+
options: number[];
|
|
17
|
+
control: {
|
|
18
|
+
type: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
isMoveInputVisible: {
|
|
22
|
+
value: boolean;
|
|
23
|
+
options: boolean[];
|
|
24
|
+
control: {
|
|
25
|
+
type: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
parameters: {
|
|
30
|
+
sourceLink: string;
|
|
31
|
+
designLink: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export default _default;
|
|
35
|
+
//# sourceMappingURL=GradientPicker.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.stories.tsx"],"names":[],"mappings":";AAYA,eAAO,MAAM,OAAO,6BAenB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wBAyBE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientPicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oEA8FnB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{makeStyles as t}from"@material-ui/core";var e=t((function(t){return{root:{width:"100%",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px"},indicatorContainer:{marginBottom:"12px",display:"flex",justifyContent:"space-between"},indicator:{fontSize:"12px",lineHeight:"14px"},mainBar:{position:"relative",height:"16px",width:"100%"},addIcon:{fontSize:"16px"},removeButton:{position:"absolute",bottom:"8px",left:"8px",padding:0,width:"36px",height:"36px","&:hover":{background:t.palette.background.b7}},deleteIcon:{fontSize:"20px",color:t.palette.primary.text6,"&:hover":{color:t.palette.primary.text1}},posTextfield:{position:"absolute",bottom:"14px",right:"8px",width:"64px","& input::-webkit-outer-spin-button":{"-webkit-appearance":"none",margin:0},"& input::-webkit-inner-spin-button":{"-webkit-appearance":"none",margin:0}},posOutlinedRoot:{height:"24px",background:t.palette.background.b6},posOutlinedInput:{color:t.palette.primary.text6,padding:"2px 4px",textAlign:"right",fontSize:"14px","&:focus":{color:t.palette.primary.text1}},addCircle:{position:"absolute",top:"-4px",width:"24px",height:"24px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",background:"rgba(255, 255, 255, 0.3)",border:"1px solid #ffffff"},circle:function(t){var e=t.readonly;return{position:"absolute",width:"24px",height:"24px",borderRadius:"50%",border:e?"none":"1px solid #ffffff","&:hover":{border:e?"none":"3px solid #ffffff"},"&.highlight":{border:"3px solid #ffffff"}}}}}));export{e as useStyles};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare function calcGradientStyle(stops: any): string;
|
|
2
|
+
export declare const getStopText: (position: any, { fromValue, toValue }: {
|
|
3
|
+
fromValue: any;
|
|
4
|
+
toValue: any;
|
|
5
|
+
}) => any;
|
|
6
|
+
export declare const getRangeStep: (range: any) => number;
|
|
7
|
+
export declare const roundToStep: (value: number, step: number) => any;
|
|
8
|
+
export declare const reasonableRealValue: (value: any) => any;
|
|
9
|
+
//# sourceMappingURL=GradientPicker.utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientPicker.utils.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPicker.utils.ts"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,CAAC,KAAK,KAAA,UAOtC;AAED,eAAO,MAAM,WAAW;;;SAcvB,CAAC;AAEF,eAAO,MAAM,YAAY,wBAaxB,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,MAAM,QAAQ,MAAM,QAEtD,CAAC;AAIF,eAAO,MAAM,mBAAmB,qBAO/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{sortBy as t}from"lodash";import r from"numeral";function o(r){return r&&0!==r.length?t(r,"pos").map((function(t){var r=t.color,o=t.pos;return"".concat(r," ").concat(o,"%")})).join(","):"none"}var a=function(t,o){var a=o.fromValue,h=o.toValue-a,e=n(h),M=u(a+h*(t/100),e);if(Math.abs(e)>=1)return r(M).format("0,00");var i=Math.ceil(-Math.log10(e));return M.toFixed(Math.max(i,0))},n=function(t){var r=Math.pow(10,Math.floor(Math.log10(t)))/100;return t/r>=500&&(r*=5),t/r>250&&(r*=2),r>1?Math.round(r):1/Math.round(1/r)},u=function(t,r){return h(Math.round(t/r)*r)},h=function(t){if(!t)return t;var r=Math.ceil(Math.log10(Math.abs(t))),o=Math.round(Math.pow(10,15-r));return Math.round(t*o)/o};export{o as calcGradientStyle,n as getRangeStep,a as getStopText,h as reasonableRealValue,u as roundToStep};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { GradientFillStop } from '~/types';
|
|
2
|
+
export interface GradientPickerComponentProps {
|
|
3
|
+
from: number;
|
|
4
|
+
to: number;
|
|
5
|
+
unit: string;
|
|
6
|
+
style?: object;
|
|
7
|
+
gradientStops: GradientFillStop[];
|
|
8
|
+
onChange: (evt: any) => void;
|
|
9
|
+
size?: {
|
|
10
|
+
width: number;
|
|
11
|
+
};
|
|
12
|
+
readonly?: boolean;
|
|
13
|
+
noScale?: boolean;
|
|
14
|
+
isMoveInputVisible?: boolean;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=GradientPickerProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientPickerProps.d.ts","sourceRoot":"","sources":["../../../src/components/GradientPicker/GradientPickerProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientPicker.test.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientPicker/__tests__/GradientPicker.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageHelpers.d.ts","sourceRoot":"","sources":["../../../../src/components/GradientPicker/__tests__/pageHelpers.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI;;;;yBA0BM,MAAM;sBAOT,MAAM;CAoBzB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const gradients: {
|
|
2
|
+
fire: {
|
|
3
|
+
id: string;
|
|
4
|
+
name: string;
|
|
5
|
+
gradientStops: {
|
|
6
|
+
pos: number;
|
|
7
|
+
color: string;
|
|
8
|
+
}[];
|
|
9
|
+
};
|
|
10
|
+
ice: {
|
|
11
|
+
id: string;
|
|
12
|
+
name: string;
|
|
13
|
+
gradientStops: {
|
|
14
|
+
pos: number;
|
|
15
|
+
color: string;
|
|
16
|
+
}[];
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=testData.d.ts.map
|