@reltio/components 1.4.2245 → 1.4.2247
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/cjs/index.d.ts +0 -1
- package/cjs/index.js +5 -7
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/package.json +2 -2
- package/UpSetChart/UpSetChart.d.ts +0 -9
- package/UpSetChart/UpSetChart.js +0 -40
- package/UpSetChart/UpSetChart.test.d.ts +0 -1
- package/UpSetChart/UpSetChart.test.js +0 -193
- package/UpSetChart/components/IntersectionsChart/IntersectionsChart.d.ts +0 -15
- package/UpSetChart/components/IntersectionsChart/IntersectionsChart.js +0 -39
- package/UpSetChart/components/IntersectionsChart/index.d.ts +0 -1
- package/UpSetChart/components/IntersectionsChart/index.js +0 -1
- package/UpSetChart/components/IntersectionsChart/styles.d.ts +0 -1
- package/UpSetChart/components/IntersectionsChart/styles.js +0 -29
- package/UpSetChart/components/IntersectionsChartAxis/IntersectionsChartAxis.d.ts +0 -10
- package/UpSetChart/components/IntersectionsChartAxis/IntersectionsChartAxis.js +0 -34
- package/UpSetChart/components/IntersectionsChartAxis/index.d.ts +0 -1
- package/UpSetChart/components/IntersectionsChartAxis/index.js +0 -1
- package/UpSetChart/components/IntersectionsChartAxis/styles.d.ts +0 -1
- package/UpSetChart/components/IntersectionsChartAxis/styles.js +0 -29
- package/UpSetChart/components/IntersectionsMatrix/IntersectionsMatrix.d.ts +0 -13
- package/UpSetChart/components/IntersectionsMatrix/IntersectionsMatrix.js +0 -26
- package/UpSetChart/components/IntersectionsMatrix/index.d.ts +0 -1
- package/UpSetChart/components/IntersectionsMatrix/index.js +0 -1
- package/UpSetChart/components/IntersectionsMatrix/styles.d.ts +0 -1
- package/UpSetChart/components/IntersectionsMatrix/styles.js +0 -24
- package/UpSetChart/components/SetsChart/SetsChart.d.ts +0 -15
- package/UpSetChart/components/SetsChart/SetsChart.js +0 -31
- package/UpSetChart/components/SetsChart/index.d.ts +0 -1
- package/UpSetChart/components/SetsChart/index.js +0 -1
- package/UpSetChart/components/SetsChart/styles.d.ts +0 -1
- package/UpSetChart/components/SetsChart/styles.js +0 -40
- package/UpSetChart/components/SetsChartAxis/SetsChartAxis.d.ts +0 -6
- package/UpSetChart/components/SetsChartAxis/SetsChartAxis.js +0 -13
- package/UpSetChart/components/SetsChartAxis/index.d.ts +0 -1
- package/UpSetChart/components/SetsChartAxis/index.js +0 -1
- package/UpSetChart/components/SetsChartAxis/styles.d.ts +0 -1
- package/UpSetChart/components/SetsChartAxis/styles.js +0 -14
- package/UpSetChart/constants.d.ts +0 -17
- package/UpSetChart/constants.js +0 -20
- package/UpSetChart/gameOfThrones.test-data.d.ts +0 -4
- package/UpSetChart/gameOfThrones.test-data.js +0 -23
- package/UpSetChart/helpers.d.ts +0 -20
- package/UpSetChart/helpers.js +0 -120
- package/UpSetChart/index.d.ts +0 -1
- package/UpSetChart/index.js +0 -1
- package/UpSetChart/styles.d.ts +0 -4
- package/UpSetChart/styles.js +0 -15
- package/UpSetChart/types.d.ts +0 -16
- package/UpSetChart/types.js +0 -1
- package/UpSetChart/useUpSetChartSizes.d.ts +0 -20
- package/UpSetChart/useUpSetChartSizes.js +0 -30
- package/cjs/UpSetChart/UpSetChart.d.ts +0 -9
- package/cjs/UpSetChart/UpSetChart.js +0 -70
- package/cjs/UpSetChart/UpSetChart.test.d.ts +0 -1
- package/cjs/UpSetChart/UpSetChart.test.js +0 -198
- package/cjs/UpSetChart/components/IntersectionsChart/IntersectionsChart.d.ts +0 -15
- package/cjs/UpSetChart/components/IntersectionsChart/IntersectionsChart.js +0 -66
- package/cjs/UpSetChart/components/IntersectionsChart/index.d.ts +0 -1
- package/cjs/UpSetChart/components/IntersectionsChart/index.js +0 -5
- package/cjs/UpSetChart/components/IntersectionsChart/styles.d.ts +0 -1
- package/cjs/UpSetChart/components/IntersectionsChart/styles.js +0 -32
- package/cjs/UpSetChart/components/IntersectionsChartAxis/IntersectionsChartAxis.d.ts +0 -10
- package/cjs/UpSetChart/components/IntersectionsChartAxis/IntersectionsChartAxis.js +0 -64
- package/cjs/UpSetChart/components/IntersectionsChartAxis/index.d.ts +0 -1
- package/cjs/UpSetChart/components/IntersectionsChartAxis/index.js +0 -5
- package/cjs/UpSetChart/components/IntersectionsChartAxis/styles.d.ts +0 -1
- package/cjs/UpSetChart/components/IntersectionsChartAxis/styles.js +0 -32
- package/cjs/UpSetChart/components/IntersectionsMatrix/IntersectionsMatrix.d.ts +0 -13
- package/cjs/UpSetChart/components/IntersectionsMatrix/IntersectionsMatrix.js +0 -56
- package/cjs/UpSetChart/components/IntersectionsMatrix/index.d.ts +0 -1
- package/cjs/UpSetChart/components/IntersectionsMatrix/index.js +0 -5
- package/cjs/UpSetChart/components/IntersectionsMatrix/styles.d.ts +0 -1
- package/cjs/UpSetChart/components/IntersectionsMatrix/styles.js +0 -27
- package/cjs/UpSetChart/components/SetsChart/SetsChart.d.ts +0 -15
- package/cjs/UpSetChart/components/SetsChart/SetsChart.js +0 -58
- package/cjs/UpSetChart/components/SetsChart/index.d.ts +0 -1
- package/cjs/UpSetChart/components/SetsChart/index.js +0 -5
- package/cjs/UpSetChart/components/SetsChart/styles.d.ts +0 -1
- package/cjs/UpSetChart/components/SetsChart/styles.js +0 -43
- package/cjs/UpSetChart/components/SetsChartAxis/SetsChartAxis.d.ts +0 -6
- package/cjs/UpSetChart/components/SetsChartAxis/SetsChartAxis.js +0 -20
- package/cjs/UpSetChart/components/SetsChartAxis/index.d.ts +0 -1
- package/cjs/UpSetChart/components/SetsChartAxis/index.js +0 -5
- package/cjs/UpSetChart/components/SetsChartAxis/styles.d.ts +0 -1
- package/cjs/UpSetChart/components/SetsChartAxis/styles.js +0 -17
- package/cjs/UpSetChart/constants.d.ts +0 -17
- package/cjs/UpSetChart/constants.js +0 -23
- package/cjs/UpSetChart/gameOfThrones.test-data.d.ts +0 -4
- package/cjs/UpSetChart/gameOfThrones.test-data.js +0 -26
- package/cjs/UpSetChart/helpers.d.ts +0 -20
- package/cjs/UpSetChart/helpers.js +0 -127
- package/cjs/UpSetChart/index.d.ts +0 -1
- package/cjs/UpSetChart/index.js +0 -5
- package/cjs/UpSetChart/styles.d.ts +0 -4
- package/cjs/UpSetChart/styles.js +0 -18
- package/cjs/UpSetChart/types.d.ts +0 -16
- package/cjs/UpSetChart/types.js +0 -2
- package/cjs/UpSetChart/useUpSetChartSizes.d.ts +0 -20
- package/cjs/UpSetChart/useUpSetChartSizes.js +0 -34
package/cjs/index.d.ts
CHANGED
|
@@ -182,7 +182,6 @@ export { Marginator } from './Marginator';
|
|
|
182
182
|
export { ReltioMap } from './ReltioMap';
|
|
183
183
|
export { RelationEditor } from './RelationEditor';
|
|
184
184
|
export { GaugeChart } from './GaugeChart';
|
|
185
|
-
export { UpSetChart } from './UpSetChart';
|
|
186
185
|
export { DateRangeSelector } from './DateRangeSelector';
|
|
187
186
|
export { MetadataTypesSelector } from './MetadataTypesSelector';
|
|
188
187
|
export { LazyRenderer } from './LazyRenderer';
|
package/cjs/index.js
CHANGED
|
@@ -17,11 +17,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.InfoIcon = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ControlAttributeIcon = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.BasicChartsFactory = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributeRowCellRenderer = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
|
|
18
18
|
exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FileDropZone = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.SegmentIdLink = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellChips = exports.RowCellChipWithTooltip = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = exports.PieChart = exports.OvIcon = exports.NestedAttributeEditor = void 0;
|
|
19
19
|
exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQueryBuilder = exports.ReadableSearchQuery = exports.LogicOperatorWithPlaceholder = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = exports.ErrorMessage = exports.HIDE = exports.INSERT_RIGHT = exports.INSERT_LEFT = exports.ConfigColumnPopup = exports.ConfigureColumnsPopup = exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = void 0;
|
|
20
|
-
exports.
|
|
21
|
-
exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeAutoExpanded = exports.AutoExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockNavigationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withColumnConfigurator = exports.withBlockNavigation = exports.withCollapseButton = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.CollaborationButton = exports.ExportDialog = exports.RequestedData = exports.FacetContainer = exports.FacetsSelector = exports.FacetGroupTitle = exports.QuickFiltersEntityTypeFacet = exports.FacetGroup = exports.QuickFiltersFacetPanel = exports.AdvancedSearchFabButton = exports.QuickFiltersDrawer =
|
|
22
|
-
exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.RelationContext = exports.EntityContext =
|
|
23
|
-
exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useInternalExport = exports.useTableColumns = exports.useSegmentsLoader = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise =
|
|
24
|
-
exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.getAttrPathFromColumnId = exports.getAttributeHeight = exports.getNestedPathByColumnId =
|
|
20
|
+
exports.DefaultHeadCellRendererWithTooltip = exports.LazyRenderer = exports.MetadataTypesSelector = exports.DateRangeSelector = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTreeSwitchRenderer = exports.RCTreeLevelLines = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = exports.LoadingSpinner = void 0;
|
|
21
|
+
exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeAutoExpanded = exports.AutoExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockNavigationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withColumnConfigurator = exports.withBlockNavigation = exports.withCollapseButton = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.CollaborationButton = exports.ExportDialog = exports.RequestedData = exports.FacetContainer = exports.FacetsSelector = exports.FacetGroupTitle = exports.QuickFiltersEntityTypeFacet = exports.FacetGroup = exports.QuickFiltersFacetPanel = exports.AdvancedSearchFabButton = exports.QuickFiltersDrawer = void 0;
|
|
22
|
+
exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.RelationContext = exports.EntityContext = void 0;
|
|
23
|
+
exports.applyCompactValuesCountConstraint = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useInternalExport = exports.useTableColumns = exports.useSegmentsLoader = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = void 0;
|
|
24
|
+
exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.getAttrPathFromColumnId = exports.getAttributeHeight = exports.getNestedPathByColumnId = void 0;
|
|
25
25
|
// components
|
|
26
26
|
var ActionButton_1 = require("./ActionButton");
|
|
27
27
|
Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
|
|
@@ -403,8 +403,6 @@ var RelationEditor_1 = require("./RelationEditor");
|
|
|
403
403
|
Object.defineProperty(exports, "RelationEditor", { enumerable: true, get: function () { return RelationEditor_1.RelationEditor; } });
|
|
404
404
|
var GaugeChart_1 = require("./GaugeChart");
|
|
405
405
|
Object.defineProperty(exports, "GaugeChart", { enumerable: true, get: function () { return GaugeChart_1.GaugeChart; } });
|
|
406
|
-
var UpSetChart_1 = require("./UpSetChart");
|
|
407
|
-
Object.defineProperty(exports, "UpSetChart", { enumerable: true, get: function () { return UpSetChart_1.UpSetChart; } });
|
|
408
406
|
var DateRangeSelector_1 = require("./DateRangeSelector");
|
|
409
407
|
Object.defineProperty(exports, "DateRangeSelector", { enumerable: true, get: function () { return DateRangeSelector_1.DateRangeSelector; } });
|
|
410
408
|
var MetadataTypesSelector_1 = require("./MetadataTypesSelector");
|
package/index.d.ts
CHANGED
|
@@ -182,7 +182,6 @@ export { Marginator } from './Marginator';
|
|
|
182
182
|
export { ReltioMap } from './ReltioMap';
|
|
183
183
|
export { RelationEditor } from './RelationEditor';
|
|
184
184
|
export { GaugeChart } from './GaugeChart';
|
|
185
|
-
export { UpSetChart } from './UpSetChart';
|
|
186
185
|
export { DateRangeSelector } from './DateRangeSelector';
|
|
187
186
|
export { MetadataTypesSelector } from './MetadataTypesSelector';
|
|
188
187
|
export { LazyRenderer } from './LazyRenderer';
|
package/index.js
CHANGED
|
@@ -183,7 +183,6 @@ export { Marginator } from './Marginator';
|
|
|
183
183
|
export { ReltioMap } from './ReltioMap';
|
|
184
184
|
export { RelationEditor } from './RelationEditor';
|
|
185
185
|
export { GaugeChart } from './GaugeChart';
|
|
186
|
-
export { UpSetChart } from './UpSetChart';
|
|
187
186
|
export { DateRangeSelector } from './DateRangeSelector';
|
|
188
187
|
export { MetadataTypesSelector } from './MetadataTypesSelector';
|
|
189
188
|
export { LazyRenderer } from './LazyRenderer';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.2247",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE FILE",
|
|
5
5
|
"main": "./cjs/index.js",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"@fluentui/react-context-selector": "^9.1.26",
|
|
12
12
|
"@googlemaps/markerclusterer": "^2.5.3",
|
|
13
13
|
"@react-sigma/core": "3.4.0",
|
|
14
|
-
"@reltio/mdm-sdk": "^1.4.
|
|
14
|
+
"@reltio/mdm-sdk": "^1.4.2033",
|
|
15
15
|
"@vis.gl/react-google-maps": "^1.3.0",
|
|
16
16
|
"d3-cloud": "^1.2.5",
|
|
17
17
|
"d3-geo": "^2.0.1",
|
package/UpSetChart/UpSetChart.js
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useMemo, useRef, useState } from 'react';
|
|
2
|
-
import { scaleBand } from 'd3-scale';
|
|
3
|
-
import Tooltip from '@mui/material/Tooltip';
|
|
4
|
-
import { SetsChart } from './components/SetsChart';
|
|
5
|
-
import { IntersectionsMatrix } from './components/IntersectionsMatrix';
|
|
6
|
-
import { IntersectionsChart } from './components/IntersectionsChart';
|
|
7
|
-
import { useUpSetChartSizes } from './useUpSetChartSizes';
|
|
8
|
-
import { GAP_BEFORE_LEFT_BAR, TOP_GAP } from './constants';
|
|
9
|
-
import { findIntersections } from './helpers';
|
|
10
|
-
import { useStyles } from './styles';
|
|
11
|
-
export var UpSetChart = function (_a) {
|
|
12
|
-
var data = _a.data, width = _a.width, height = _a.height;
|
|
13
|
-
var styles = useStyles({ width: width, height: height });
|
|
14
|
-
var containerRef = useRef(null);
|
|
15
|
-
var _b = useState(null), hoveredSet = _b[0], setHoveredSet = _b[1];
|
|
16
|
-
var _c = useState(null), hoveredIntersection = _c[0], setHoveredIntersection = _c[1];
|
|
17
|
-
var _d = useState([width, height]), _e = _d[0], availableWidth = _e[0], availableHeight = _e[1], setAvailableSize = _d[1];
|
|
18
|
-
var _f = useMemo(function () { return findIntersections(data); }, [data]), intersections = _f.intersections, sets = _f.sets;
|
|
19
|
-
var hoveredElements = (hoveredIntersection === null || hoveredIntersection === void 0 ? void 0 : hoveredIntersection.elements) || (hoveredSet === null || hoveredSet === void 0 ? void 0 : hoveredSet.elements);
|
|
20
|
-
var tooltipTitle = hoveredIntersection === null || hoveredIntersection === void 0 ? void 0 : hoveredIntersection.sets.join(' ∩ ');
|
|
21
|
-
var _g = useUpSetChartSizes({ width: availableWidth, height: availableHeight, intersections: intersections, sets: sets }), labels = _g.labels, svgWidth = _g.svgWidth, svgHeight = _g.svgHeight, intersectionsChartWidth = _g.intersectionsChartWidth, intersectionsChartHeight = _g.intersectionsChartHeight, matrixY = _g.matrixY, matrixHeight = _g.matrixHeight, setsChartWidth = _g.setsChartWidth, leftPadding = _g.leftPadding;
|
|
22
|
-
var matrixXScale = useMemo(function () {
|
|
23
|
-
var domain = intersections.map(function (_, i) { return String(i); });
|
|
24
|
-
return scaleBand([0, intersectionsChartWidth]).domain(domain).paddingInner(0.2);
|
|
25
|
-
}, [intersections, intersectionsChartWidth]);
|
|
26
|
-
var matrixYScale = useMemo(function () {
|
|
27
|
-
var domain = sets.map(function (set) { return set.name; });
|
|
28
|
-
return scaleBand([0, matrixHeight]).domain(domain);
|
|
29
|
-
}, [sets, matrixHeight]);
|
|
30
|
-
useEffect(function () {
|
|
31
|
-
var _a = containerRef.current || {}, clientWidth = _a.clientWidth, clientHeight = _a.clientHeight;
|
|
32
|
-
setAvailableSize([clientWidth || width, clientHeight || height]);
|
|
33
|
-
}, [width, height]);
|
|
34
|
-
return (React.createElement("div", { ref: containerRef, className: styles.wrapper },
|
|
35
|
-
React.createElement(Tooltip, { title: tooltipTitle, followCursor: true },
|
|
36
|
-
React.createElement("svg", { className: styles.svg, width: svgWidth, height: svgHeight },
|
|
37
|
-
React.createElement(IntersectionsMatrix, { xScale: matrixXScale, yScale: matrixYScale, intersections: intersections, sets: sets, transform: "translate(".concat(leftPadding, ",").concat(matrixY, ")"), hoveredIntersection: hoveredIntersection }),
|
|
38
|
-
React.createElement(SetsChart, { yScale: matrixYScale, width: setsChartWidth, sets: sets, labels: labels, hoveredElements: hoveredElements, hoverAreaWidth: svgWidth, transform: "translate(".concat(GAP_BEFORE_LEFT_BAR, ",").concat(matrixY, ")"), onSetHover: setHoveredSet }),
|
|
39
|
-
React.createElement(IntersectionsChart, { xScale: matrixXScale, width: intersectionsChartWidth, height: intersectionsChartHeight, intersections: intersections, highlightedElements: hoveredElements, transform: "translate(".concat(leftPadding, ",").concat(TOP_GAP, ")"), matrixHeight: matrixHeight, onIntersectionHover: setHoveredIntersection })))));
|
|
40
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,193 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
23
|
-
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
-
function step(op) {
|
|
26
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
28
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
29
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
-
switch (op[0]) {
|
|
31
|
-
case 0: case 1: t = op; break;
|
|
32
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
-
default:
|
|
36
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
-
if (t[2]) _.ops.pop();
|
|
41
|
-
_.trys.pop(); continue;
|
|
42
|
-
}
|
|
43
|
-
op = body.call(thisArg, _);
|
|
44
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
import React from 'react';
|
|
49
|
-
import { render, screen } from '@testing-library/react';
|
|
50
|
-
import userEvent from '@testing-library/user-event';
|
|
51
|
-
import { gameOfThronesData } from './gameOfThrones.test-data';
|
|
52
|
-
import { UpSetChart } from './UpSetChart';
|
|
53
|
-
var originalGetBBox = Object.getOwnPropertyDescriptor(SVGElement.prototype, 'getBBox');
|
|
54
|
-
describe('UpSetChart', function () {
|
|
55
|
-
beforeAll(function () {
|
|
56
|
-
Object.defineProperty(SVGElement.prototype, 'getBBox', {
|
|
57
|
-
configurable: true,
|
|
58
|
-
value: function () { return ({ x: 0, y: 0, width: 150 }); }
|
|
59
|
-
});
|
|
60
|
-
});
|
|
61
|
-
afterAll(function () {
|
|
62
|
-
Object.defineProperty(SVGElement.prototype, 'getBBox', { value: originalGetBBox });
|
|
63
|
-
});
|
|
64
|
-
var setUp = function (_a) {
|
|
65
|
-
var _b = _a === void 0 ? {} : _a, _c = _b.data, data = _c === void 0 ? gameOfThronesData : _c, _d = _b.width, width = _d === void 0 ? 1400 : _d, _e = _b.height, height = _e === void 0 ? 400 : _e;
|
|
66
|
-
var user = userEvent.setup();
|
|
67
|
-
return __assign({ user: user }, render(React.createElement(UpSetChart, { data: data, width: width, height: height })));
|
|
68
|
-
};
|
|
69
|
-
it('should work fine with complex data', function () {
|
|
70
|
-
var asFragment = setUp().asFragment;
|
|
71
|
-
expect(asFragment()).toMatchSnapshot();
|
|
72
|
-
});
|
|
73
|
-
it('should truncate labels and add scrollbar when chart not fit in width', function () {
|
|
74
|
-
var asFragment = setUp({ width: 800 }).asFragment;
|
|
75
|
-
expect(asFragment()).toMatchSnapshot();
|
|
76
|
-
});
|
|
77
|
-
it('should add scrollbar when chart not fit in height', function () {
|
|
78
|
-
var asFragment = setUp({ width: 200 }).asFragment;
|
|
79
|
-
expect(asFragment()).toMatchSnapshot();
|
|
80
|
-
});
|
|
81
|
-
it('should highlight intersection column on hover', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
82
|
-
var _a, user, asFragment, _b, maleAndWasKilled;
|
|
83
|
-
return __generator(this, function (_c) {
|
|
84
|
-
switch (_c.label) {
|
|
85
|
-
case 0:
|
|
86
|
-
_a = setUp(), user = _a.user, asFragment = _a.asFragment;
|
|
87
|
-
_b = screen.getAllByTestId('intersection-hover-area'), maleAndWasKilled = _b[2];
|
|
88
|
-
return [4 /*yield*/, user.hover(maleAndWasKilled)];
|
|
89
|
-
case 1:
|
|
90
|
-
_c.sent();
|
|
91
|
-
expect(asFragment()).toMatchSnapshot();
|
|
92
|
-
return [2 /*return*/];
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
}); });
|
|
96
|
-
it('should highlight set row on hover', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
97
|
-
var _a, user, asFragment, _b, lannister;
|
|
98
|
-
return __generator(this, function (_c) {
|
|
99
|
-
switch (_c.label) {
|
|
100
|
-
case 0:
|
|
101
|
-
_a = setUp(), user = _a.user, asFragment = _a.asFragment;
|
|
102
|
-
_b = screen.getAllByTestId('set-hover-area'), lannister = _b[1];
|
|
103
|
-
return [4 /*yield*/, user.hover(lannister)];
|
|
104
|
-
case 1:
|
|
105
|
-
_c.sent();
|
|
106
|
-
expect(asFragment()).toMatchSnapshot();
|
|
107
|
-
return [2 /*return*/];
|
|
108
|
-
}
|
|
109
|
-
});
|
|
110
|
-
}); });
|
|
111
|
-
it('should show correct tooltip on hover', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
112
|
-
var user, _a, wasKilled, maleAndWasKilled;
|
|
113
|
-
return __generator(this, function (_b) {
|
|
114
|
-
switch (_b.label) {
|
|
115
|
-
case 0:
|
|
116
|
-
user = setUp().user;
|
|
117
|
-
expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
|
|
118
|
-
_a = screen.getAllByTestId('intersection-hover-area'), wasKilled = _a[0], maleAndWasKilled = _a[2];
|
|
119
|
-
return [4 /*yield*/, user.hover(wasKilled)];
|
|
120
|
-
case 1:
|
|
121
|
-
_b.sent();
|
|
122
|
-
expect(screen.getByRole('tooltip').textContent).toBe('was killed');
|
|
123
|
-
return [4 /*yield*/, user.hover(maleAndWasKilled)];
|
|
124
|
-
case 2:
|
|
125
|
-
_b.sent();
|
|
126
|
-
expect(screen.getByRole('tooltip').textContent).toBe('male ∩ was killed');
|
|
127
|
-
return [4 /*yield*/, user.unhover(maleAndWasKilled)];
|
|
128
|
-
case 3:
|
|
129
|
-
_b.sent();
|
|
130
|
-
expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
|
|
131
|
-
return [2 /*return*/];
|
|
132
|
-
}
|
|
133
|
-
});
|
|
134
|
-
}); });
|
|
135
|
-
it('should work correctly with simple data', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
136
|
-
var data, _a, user, asFragment;
|
|
137
|
-
return __generator(this, function (_b) {
|
|
138
|
-
switch (_b.label) {
|
|
139
|
-
case 0:
|
|
140
|
-
data = [
|
|
141
|
-
{ name: 'A', sets: ['S1', 'S2'] },
|
|
142
|
-
{ name: 'B', sets: ['S1'] },
|
|
143
|
-
{ name: 'C', sets: ['S2'] },
|
|
144
|
-
{ name: 'D', sets: ['S1', 'S3'] }
|
|
145
|
-
];
|
|
146
|
-
_a = setUp({ data: data, width: 400, height: 300 }), user = _a.user, asFragment = _a.asFragment;
|
|
147
|
-
expect(asFragment()).toMatchSnapshot();
|
|
148
|
-
return [4 /*yield*/, user.hover(screen.getAllByTestId('set-hover-area')[0])];
|
|
149
|
-
case 1:
|
|
150
|
-
_b.sent();
|
|
151
|
-
expect(asFragment()).toMatchSnapshot();
|
|
152
|
-
return [2 /*return*/];
|
|
153
|
-
}
|
|
154
|
-
});
|
|
155
|
-
}); });
|
|
156
|
-
it('should work correctly with long labels', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
157
|
-
var data, asFragment;
|
|
158
|
-
return __generator(this, function (_a) {
|
|
159
|
-
data = [
|
|
160
|
-
{ name: 'A', sets: ['S1', 'S2'] },
|
|
161
|
-
{ name: 'B', sets: ['S1'] },
|
|
162
|
-
{ name: 'C', sets: ['S2'] },
|
|
163
|
-
{ name: 'D', sets: ['S1', 'S3testS3testS3testS3test'] }
|
|
164
|
-
];
|
|
165
|
-
asFragment = setUp({ data: data, width: 400, height: 300 }).asFragment;
|
|
166
|
-
expect(asFragment()).toMatchSnapshot();
|
|
167
|
-
return [2 /*return*/];
|
|
168
|
-
});
|
|
169
|
-
}); });
|
|
170
|
-
it('should work correctly with one set', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
171
|
-
var data, asFragment;
|
|
172
|
-
return __generator(this, function (_a) {
|
|
173
|
-
data = [
|
|
174
|
-
{ name: 'A', sets: ['S1'] },
|
|
175
|
-
{ name: 'B', sets: ['S1'] },
|
|
176
|
-
{ name: 'C', sets: ['S1'] },
|
|
177
|
-
{ name: 'D', sets: ['S1'] }
|
|
178
|
-
];
|
|
179
|
-
asFragment = setUp({ data: data, width: 400, height: 300 }).asFragment;
|
|
180
|
-
expect(asFragment()).toMatchSnapshot();
|
|
181
|
-
return [2 /*return*/];
|
|
182
|
-
});
|
|
183
|
-
}); });
|
|
184
|
-
it('should work correctly with one entry', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
185
|
-
var data, asFragment;
|
|
186
|
-
return __generator(this, function (_a) {
|
|
187
|
-
data = [{ name: 'A', sets: ['S1', 'S2', 'S3'] }];
|
|
188
|
-
asFragment = setUp({ data: data, width: 400, height: 300 }).asFragment;
|
|
189
|
-
expect(asFragment()).toMatchSnapshot();
|
|
190
|
-
return [2 /*return*/];
|
|
191
|
-
});
|
|
192
|
-
}); });
|
|
193
|
-
});
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ScaleBand } from 'd3-scale';
|
|
3
|
-
import { Intersection } from '../../types';
|
|
4
|
-
type Props = {
|
|
5
|
-
xScale: ScaleBand<string>;
|
|
6
|
-
width: number;
|
|
7
|
-
height: number;
|
|
8
|
-
transform?: string;
|
|
9
|
-
matrixHeight: number;
|
|
10
|
-
intersections: Intersection[];
|
|
11
|
-
highlightedElements?: string[];
|
|
12
|
-
onIntersectionHover: (intersection: Intersection) => void;
|
|
13
|
-
};
|
|
14
|
-
export declare const IntersectionsChart: ({ xScale, width, height, transform, matrixHeight, intersections, highlightedElements, onIntersectionHover }: Props) => React.JSX.Element;
|
|
15
|
-
export {};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
2
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
3
|
-
if (ar || !(i in from)) {
|
|
4
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
5
|
-
ar[i] = from[i];
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
9
|
-
};
|
|
10
|
-
import React, { useMemo } from 'react';
|
|
11
|
-
import { scaleLinear } from 'd3-scale';
|
|
12
|
-
import { IntersectionsChartAxis } from '../IntersectionsChartAxis';
|
|
13
|
-
import { GAP_BETWEEN_TABLE_AND_CHART } from '../../constants';
|
|
14
|
-
import { useStyles } from './styles';
|
|
15
|
-
export var IntersectionsChart = function (_a) {
|
|
16
|
-
var xScale = _a.xScale, width = _a.width, height = _a.height, transform = _a.transform, matrixHeight = _a.matrixHeight, intersections = _a.intersections, highlightedElements = _a.highlightedElements, onIntersectionHover = _a.onIntersectionHover;
|
|
17
|
-
var styles = useStyles();
|
|
18
|
-
var yScale = useMemo(function () {
|
|
19
|
-
var intersectionsSizes = intersections.map(function (intersection) { return intersection.size; });
|
|
20
|
-
var domain = [0, Math.max.apply(Math, __spreadArray([0], intersectionsSizes, false))];
|
|
21
|
-
return scaleLinear([height, 0]).domain(domain);
|
|
22
|
-
}, [intersections, height]);
|
|
23
|
-
return (React.createElement("g", { transform: transform },
|
|
24
|
-
React.createElement(IntersectionsChartAxis, { xScale: xScale, yScale: yScale, width: width, height: height }),
|
|
25
|
-
intersections.map(function (intersection, i) {
|
|
26
|
-
var elements = intersection.elements, size = intersection.size;
|
|
27
|
-
var x = xScale(String(i));
|
|
28
|
-
var y = yScale(size);
|
|
29
|
-
var width = xScale.bandwidth();
|
|
30
|
-
var barY = highlightedElements
|
|
31
|
-
? yScale(elements.filter(function (el) { return highlightedElements.includes(el); }).length)
|
|
32
|
-
: y;
|
|
33
|
-
return (React.createElement("g", { key: "intersection-group-".concat(i) },
|
|
34
|
-
React.createElement("rect", { className: styles.barBackground, x: x, y: y, width: width, height: height - y }),
|
|
35
|
-
React.createElement("text", { className: styles.barLabel, x: x + width / 2, y: y - 4 }, size),
|
|
36
|
-
React.createElement("rect", { className: styles.bar, x: x, y: barY, width: width, height: height - barY }),
|
|
37
|
-
React.createElement("rect", { className: styles.hoverBar, "data-reltio-id": "intersection-hover-area", x: x, y: y, width: width, height: height - y + matrixHeight + GAP_BETWEEN_TABLE_AND_CHART - 1, onMouseEnter: function () { return onIntersectionHover(intersection); }, onMouseLeave: function () { return onIntersectionHover(null); } })));
|
|
38
|
-
})));
|
|
39
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { IntersectionsChart } from './IntersectionsChart';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { IntersectionsChart } from './IntersectionsChart';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"bar" | "hoverBar" | "barBackground" | "barLabel">;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { makeStyles } from '@mui/styles';
|
|
2
|
-
import { PRIMARY_COLOR, TEXT_COLOR } from '../../constants';
|
|
3
|
-
export var useStyles = makeStyles(function () { return ({
|
|
4
|
-
bar: {
|
|
5
|
-
fill: PRIMARY_COLOR,
|
|
6
|
-
transition: 'y ease-in-out 0.3s, height ease-in-out 0.3s'
|
|
7
|
-
},
|
|
8
|
-
barBackground: {
|
|
9
|
-
fill: PRIMARY_COLOR,
|
|
10
|
-
opacity: 0.2,
|
|
11
|
-
transition: 'y ease-in-out 0.3s, height ease-in-out 0.3s'
|
|
12
|
-
},
|
|
13
|
-
barLabel: {
|
|
14
|
-
fill: TEXT_COLOR,
|
|
15
|
-
fontSize: '12px',
|
|
16
|
-
textAnchor: 'middle'
|
|
17
|
-
},
|
|
18
|
-
hoverBar: {
|
|
19
|
-
fill: 'transparent',
|
|
20
|
-
stroke: PRIMARY_COLOR,
|
|
21
|
-
strokeWidth: '1px',
|
|
22
|
-
cursor: 'pointer',
|
|
23
|
-
transition: 'opacity ease-in-out 0.3s',
|
|
24
|
-
opacity: 0,
|
|
25
|
-
'&:hover': {
|
|
26
|
-
opacity: 1
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}); });
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ScaleBand, ScaleLinear } from 'd3-scale';
|
|
3
|
-
type Props = {
|
|
4
|
-
xScale: ScaleBand<string>;
|
|
5
|
-
yScale: ScaleLinear<number, number>;
|
|
6
|
-
width: number;
|
|
7
|
-
height: number;
|
|
8
|
-
};
|
|
9
|
-
export declare const IntersectionsChartAxis: ({ xScale, yScale, width, height }: Props) => React.JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React, { useMemo, useRef } from 'react';
|
|
2
|
-
import i18n from 'ui-i18n';
|
|
3
|
-
import { useStyles } from './styles';
|
|
4
|
-
import { calculateTicksWidth } from '../../helpers';
|
|
5
|
-
export var IntersectionsChartAxis = function (_a) {
|
|
6
|
-
var xScale = _a.xScale, yScale = _a.yScale, width = _a.width, height = _a.height;
|
|
7
|
-
var styles = useStyles();
|
|
8
|
-
var ticksRef = useRef(null);
|
|
9
|
-
var ticks = useMemo(function () {
|
|
10
|
-
return yScale
|
|
11
|
-
.nice()
|
|
12
|
-
.ticks()
|
|
13
|
-
.filter(function (tick) { return Number.isInteger(tick); });
|
|
14
|
-
}, [yScale]);
|
|
15
|
-
var ticksWidth = useMemo(function () { return calculateTicksWidth(ticks); }, [ticks]);
|
|
16
|
-
return (React.createElement("g", null,
|
|
17
|
-
xScale.domain().map(function (d, i) {
|
|
18
|
-
var x = xScale(d) + xScale.bandwidth() / 2;
|
|
19
|
-
return React.createElement("line", { key: "v-grid-".concat(i), className: styles.verticalGrid, x1: x, x2: x, y1: 0, y2: height });
|
|
20
|
-
}),
|
|
21
|
-
ticks.map(function (tick, i) {
|
|
22
|
-
var y = yScale(tick);
|
|
23
|
-
return React.createElement("line", { key: "h-grid-".concat(i), className: styles.horizontalGrid, x1: 0, x2: width, y1: y, y2: y });
|
|
24
|
-
}),
|
|
25
|
-
React.createElement("g", { ref: ticksRef }, ticks.map(function (tick, i) {
|
|
26
|
-
var y = yScale(tick);
|
|
27
|
-
return (React.createElement("g", { key: "x-tick-".concat(i), transform: "translate(0,".concat(y, ")") },
|
|
28
|
-
React.createElement("line", { className: styles.axis, x1: -4, x2: 0, y1: 0, y2: 0 }),
|
|
29
|
-
React.createElement("text", { className: styles.axisTickLabel, x: -8, y: 4 }, tick)));
|
|
30
|
-
})),
|
|
31
|
-
React.createElement("line", { className: styles.axis, x1: 0, x2: 0, y1: 0, y2: height }),
|
|
32
|
-
React.createElement("line", { className: styles.axis, x1: 0, x2: width, y1: height, y2: height }),
|
|
33
|
-
React.createElement("text", { className: styles.axisLabel, transform: "translate(".concat(-ticksWidth - 12, ",").concat(height / 2, ") rotate(-90)") }, i18n.text('No. of unified profiles'))));
|
|
34
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { IntersectionsChartAxis } from './IntersectionsChartAxis';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { IntersectionsChartAxis } from './IntersectionsChartAxis';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"axis" | "axisTickLabel" | "axisLabel" | "verticalGrid" | "horizontalGrid">;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { makeStyles } from '@mui/styles';
|
|
2
|
-
import { AXIS_TICK_LABEL_SIZE } from '../../constants';
|
|
3
|
-
export var useStyles = makeStyles(function () { return ({
|
|
4
|
-
axis: {
|
|
5
|
-
stroke: '#000000',
|
|
6
|
-
strokeWidth: '1px'
|
|
7
|
-
},
|
|
8
|
-
axisLabel: {
|
|
9
|
-
fill: '#000000',
|
|
10
|
-
opacity: 0.54,
|
|
11
|
-
fontSize: '10px',
|
|
12
|
-
textAnchor: 'middle'
|
|
13
|
-
},
|
|
14
|
-
axisTickLabel: {
|
|
15
|
-
fontSize: AXIS_TICK_LABEL_SIZE,
|
|
16
|
-
textAnchor: 'end'
|
|
17
|
-
},
|
|
18
|
-
verticalGrid: {
|
|
19
|
-
stroke: '#000000',
|
|
20
|
-
opacity: 0.04,
|
|
21
|
-
strokeWidth: '1px',
|
|
22
|
-
strokeDasharray: '2'
|
|
23
|
-
},
|
|
24
|
-
horizontalGrid: {
|
|
25
|
-
stroke: '#000000',
|
|
26
|
-
opacity: 0.04,
|
|
27
|
-
strokeWidth: '1px'
|
|
28
|
-
}
|
|
29
|
-
}); });
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ScaleBand } from 'd3-scale';
|
|
3
|
-
import { DataSet, Intersection } from '../../types';
|
|
4
|
-
type Props = {
|
|
5
|
-
xScale: ScaleBand<string>;
|
|
6
|
-
yScale: ScaleBand<string>;
|
|
7
|
-
intersections: Intersection[];
|
|
8
|
-
sets: DataSet[];
|
|
9
|
-
transform: string;
|
|
10
|
-
hoveredIntersection: Intersection;
|
|
11
|
-
};
|
|
12
|
-
export declare const IntersectionsMatrix: ({ xScale, yScale, intersections, sets, transform, hoveredIntersection }: Props) => React.JSX.Element;
|
|
13
|
-
export {};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
2
|
-
import classnames from 'classnames';
|
|
3
|
-
import { getMatrixData } from '../../helpers';
|
|
4
|
-
import { useStyles } from './styles';
|
|
5
|
-
export var IntersectionsMatrix = function (_a) {
|
|
6
|
-
var xScale = _a.xScale, yScale = _a.yScale, intersections = _a.intersections, sets = _a.sets, transform = _a.transform, hoveredIntersection = _a.hoveredIntersection;
|
|
7
|
-
var styles = useStyles();
|
|
8
|
-
var _b = useMemo(function () { return getMatrixData(xScale, yScale, intersections, sets); }, [xScale, yScale, intersections, sets]), circles = _b.circles, lines = _b.lines;
|
|
9
|
-
var checkDimmed = function (i) { return hoveredIntersection && hoveredIntersection.index !== i; };
|
|
10
|
-
return (React.createElement("g", { transform: transform },
|
|
11
|
-
circles.map(function (_a, i) {
|
|
12
|
-
var _b;
|
|
13
|
-
var cx = _a.cx, cy = _a.cy, isPresent = _a.isPresent, intersectionIndex = _a.intersectionIndex;
|
|
14
|
-
return (React.createElement("circle", { key: "matrix-circle-".concat(i), cx: cx, cy: cy, r: 8, className: classnames(styles.circle, (_b = {},
|
|
15
|
-
_b[styles.activeCircle] = isPresent,
|
|
16
|
-
_b[styles.dimmedCircle] = isPresent && checkDimmed(intersectionIndex),
|
|
17
|
-
_b)) }));
|
|
18
|
-
}),
|
|
19
|
-
lines.map(function (_a, i) {
|
|
20
|
-
var _b;
|
|
21
|
-
var x = _a.x, y1 = _a.y1, y2 = _a.y2, intersectionIndex = _a.intersectionIndex;
|
|
22
|
-
return (React.createElement("line", { key: "matrix-line-".concat(i), x1: x, y1: y1, x2: x, y2: y2, className: classnames(styles.link, (_b = {},
|
|
23
|
-
_b[styles.dimmedLine] = checkDimmed(intersectionIndex),
|
|
24
|
-
_b)) }));
|
|
25
|
-
})));
|
|
26
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { IntersectionsMatrix } from './IntersectionsMatrix';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { IntersectionsMatrix } from './IntersectionsMatrix';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"circle" | "link" | "activeCircle" | "dimmedCircle" | "dimmedLine">;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { makeStyles } from '@mui/styles';
|
|
2
|
-
import { DIMMED_COLOR, PRIMARY_COLOR } from '../../constants';
|
|
3
|
-
export var useStyles = makeStyles(function () { return ({
|
|
4
|
-
circle: {
|
|
5
|
-
strokeWidth: '2px',
|
|
6
|
-
fill: '#EEEEEE',
|
|
7
|
-
stroke: '#EEEEEE',
|
|
8
|
-
transition: 'fill ease-in-out 0.3s'
|
|
9
|
-
},
|
|
10
|
-
activeCircle: {
|
|
11
|
-
fill: PRIMARY_COLOR
|
|
12
|
-
},
|
|
13
|
-
dimmedCircle: {
|
|
14
|
-
fill: DIMMED_COLOR
|
|
15
|
-
},
|
|
16
|
-
link: {
|
|
17
|
-
stroke: PRIMARY_COLOR,
|
|
18
|
-
strokeWidth: '2px',
|
|
19
|
-
transition: 'stroke ease-in-out 0.3s'
|
|
20
|
-
},
|
|
21
|
-
dimmedLine: {
|
|
22
|
-
stroke: DIMMED_COLOR
|
|
23
|
-
}
|
|
24
|
-
}); });
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ScaleBand } from 'd3-scale';
|
|
3
|
-
import { DataSet } from '../../types';
|
|
4
|
-
type Props = {
|
|
5
|
-
sets: DataSet[];
|
|
6
|
-
width: number;
|
|
7
|
-
yScale: ScaleBand<string>;
|
|
8
|
-
labels: string[];
|
|
9
|
-
transform?: string;
|
|
10
|
-
hoverAreaWidth: number;
|
|
11
|
-
hoveredElements?: string[];
|
|
12
|
-
onSetHover: (set: DataSet) => void;
|
|
13
|
-
};
|
|
14
|
-
export declare const SetsChart: ({ sets, width, yScale, transform, labels, hoveredElements, hoverAreaWidth, onSetHover }: Props) => React.JSX.Element;
|
|
15
|
-
export {};
|