@gemx-dev/heatmap-react 3.5.77 → 3.5.79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/esm/components/Layout/Sidebar/ContentSidebar.d.ts.map +1 -1
  2. package/dist/esm/components/Layout/Sidebar/PopoverSidebar.d.ts.map +1 -1
  3. package/dist/esm/hooks/view-context/useHeatmapSettingContext.d.ts +2 -0
  4. package/dist/esm/hooks/view-context/useHeatmapSettingContext.d.ts.map +1 -1
  5. package/dist/esm/index.js +40 -28
  6. package/dist/esm/index.mjs +40 -28
  7. package/dist/esm/stores/setting.d.ts +2 -0
  8. package/dist/esm/stores/setting.d.ts.map +1 -1
  9. package/dist/esm/stores/viz-click.d.ts +1 -0
  10. package/dist/esm/stores/viz-click.d.ts.map +1 -1
  11. package/dist/umd/components/Layout/Sidebar/ContentSidebar.d.ts.map +1 -1
  12. package/dist/umd/components/Layout/Sidebar/PopoverSidebar.d.ts.map +1 -1
  13. package/dist/umd/hooks/view-context/useHeatmapSettingContext.d.ts +2 -0
  14. package/dist/umd/hooks/view-context/useHeatmapSettingContext.d.ts.map +1 -1
  15. package/dist/umd/index.js +2 -2
  16. package/dist/umd/stores/setting.d.ts +2 -0
  17. package/dist/umd/stores/setting.d.ts.map +1 -1
  18. package/dist/umd/stores/viz-click.d.ts +1 -0
  19. package/dist/umd/stores/viz-click.d.ts.map +1 -1
  20. package/package.json +4 -4
package/dist/esm/components/Layout/Sidebar/ContentSidebar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ContentSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/ContentSidebar.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAuClC,CAAC"}
1
+ {"version":3,"file":"ContentSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/ContentSidebar.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EA+BlC,CAAC"}
package/dist/esm/components/Layout/Sidebar/PopoverSidebar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/PopoverSidebar.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAiElC,CAAC"}
1
+ {"version":3,"file":"PopoverSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/PopoverSidebar.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAkClC,CAAC"}
package/dist/esm/hooks/view-context/useHeatmapSettingContext.d.ts CHANGED
@@ -4,6 +4,7 @@ interface IHeatmapSettingState {
4
4
  isRendering: boolean;
5
5
  isLoadingDom: boolean;
6
6
  isLoadingCanvas: boolean;
7
+ isShowSidebar: boolean;
7
8
  rankedBy: EClickRankType | undefined;
8
9
  deviceType: EDeviceType | undefined;
9
10
  clickType: EClickType | undefined;
@@ -12,6 +13,7 @@ interface IHeatmapSettingState {
12
13
  heatmapType: EHeatmapType | undefined;
13
14
  }
14
15
  interface IHeatmapSettingActions {
16
+ setIsShowSidebar: (isShowSidebar: boolean) => void;
15
17
  setRankedBy: (rankedBy: EClickRankType) => void;
16
18
  setDeviceType: (deviceType: EDeviceType) => void;
17
19
  setClickType: (clickType: EClickType) => void;
package/dist/esm/hooks/view-context/useHeatmapSettingContext.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useHeatmapSettingContext.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapSettingContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGrG,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,UAAU,oBAAoB;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,WAAW,EAAE,YAAY,GAAG,SAAS,CAAC;CACvC;AAED,UAAU,sBAAsB;IAC9B,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,wBAAwB;;;;;;;CA+BnC,CAAC"}
1
+ {"version":3,"file":"useHeatmapSettingContext.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapSettingContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGrG,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,UAAU,oBAAoB;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,WAAW,EAAE,YAAY,GAAG,SAAS,CAAC;CACvC;AAED,UAAU,sBAAsB;IAC9B,gBAAgB,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,wBAAwB;;;;;;;CAiCnC,CAAC"}
package/dist/esm/index.js CHANGED
@@ -419,6 +419,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
419
419
  isRendering: new Map([[DEFAULT_VIEW_ID, false]]),
420
420
  isLoadingDom: new Map([[DEFAULT_VIEW_ID, false]]),
421
421
  isLoadingCanvas: new Map([[DEFAULT_VIEW_ID, false]]),
422
+ isShowSidebar: new Map([[DEFAULT_VIEW_ID, false]]),
422
423
  rankedBy: new Map([[DEFAULT_VIEW_ID, EClickRankType.MostClicks]]),
423
424
  deviceType: new Map([[DEFAULT_VIEW_ID, EDeviceType.Desktop]]),
424
425
  clickType: new Map([[DEFAULT_VIEW_ID, EClickType.All]]),
@@ -445,6 +446,11 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
445
446
  newIsLoadingCanvas.set(viewId, isLoadingCanvas);
446
447
  return { isLoadingCanvas: newIsLoadingCanvas };
447
448
  }),
449
+ setIsShowSidebar: (isShowSidebar, viewId = DEFAULT_VIEW_ID) => set((prev) => {
450
+ const newIsShowSidebar = new Map(prev.isShowSidebar);
451
+ newIsShowSidebar.set(viewId, isShowSidebar);
452
+ return { isShowSidebar: newIsShowSidebar };
453
+ }),
448
454
  setRankedBy: (rankedBy, viewId = DEFAULT_VIEW_ID) => set((prev) => {
449
455
  const newRankedBy = new Map(prev.rankedBy);
450
456
  newRankedBy.set(viewId, rankedBy);
@@ -473,12 +479,14 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
473
479
  copyView: (fromViewId, toViewId) => set((prev) => {
474
480
  const newIsLoadingDom = new Map(prev.isLoadingDom);
475
481
  const newIsLoadingCanvas = new Map(prev.isLoadingCanvas);
482
+ const newIsShowSidebar = new Map(prev.isShowSidebar);
476
483
  const newRankedBy = new Map(prev.rankedBy);
477
484
  const newDeviceType = new Map(prev.deviceType);
478
485
  const newClickType = new Map(prev.clickType);
479
486
  const newClickMode = new Map(prev.clickMode);
480
487
  const newScrollType = new Map(prev.scrollType);
481
488
  const newHeatmapType = new Map(prev.heatmapType);
489
+ newIsShowSidebar.set(toViewId, prev.isShowSidebar.get(fromViewId) ?? false);
482
490
  newRankedBy.set(toViewId, prev.rankedBy.get(fromViewId));
483
491
  newDeviceType.set(toViewId, prev.deviceType.get(fromViewId));
484
492
  newClickType.set(toViewId, prev.clickType.get(fromViewId));
@@ -488,6 +496,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
488
496
  newIsLoadingDom.set(toViewId, prev.isLoadingDom.get(fromViewId) ?? false);
489
497
  newIsLoadingCanvas.set(toViewId, prev.isLoadingCanvas.get(fromViewId) ?? false);
490
498
  return {
499
+ isShowSidebar: newIsShowSidebar,
491
500
  rankedBy: newRankedBy,
492
501
  isLoadingDom: newIsLoadingDom,
493
502
  isLoadingCanvas: newIsLoadingCanvas,
@@ -499,6 +508,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
499
508
  };
500
509
  }),
501
510
  clearView: (viewId) => set((prev) => {
511
+ const newIsShowSidebar = new Map(prev.isShowSidebar);
502
512
  const newRankedBy = new Map(prev.rankedBy);
503
513
  const newIsLoadingDom = new Map(prev.isLoadingDom);
504
514
  const newIsLoadingCanvas = new Map(prev.isLoadingCanvas);
@@ -507,6 +517,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
507
517
  const newClickMode = new Map(prev.clickMode);
508
518
  const newScrollType = new Map(prev.scrollType);
509
519
  const newHeatmapType = new Map(prev.heatmapType);
520
+ newIsShowSidebar.delete(viewId);
510
521
  newRankedBy.delete(viewId);
511
522
  newIsLoadingDom.delete(viewId);
512
523
  newIsLoadingCanvas.delete(viewId);
@@ -516,6 +527,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
516
527
  newScrollType.delete(viewId);
517
528
  newHeatmapType.delete(viewId);
518
529
  return {
530
+ isShowSidebar: newIsShowSidebar,
519
531
  rankedBy: newRankedBy,
520
532
  isLoadingDom: newIsLoadingDom,
521
533
  isLoadingCanvas: newIsLoadingCanvas,
@@ -530,6 +542,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
530
542
  isRendering: new Map([[DEFAULT_VIEW_ID, false]]),
531
543
  isLoadingDom: new Map([[DEFAULT_VIEW_ID, false]]),
532
544
  isLoadingCanvas: new Map([[DEFAULT_VIEW_ID, false]]),
545
+ isShowSidebar: new Map([[DEFAULT_VIEW_ID, false]]),
533
546
  rankedBy: new Map([[DEFAULT_VIEW_ID, EClickRankType.MostClicks]]),
534
547
  deviceType: new Map([[DEFAULT_VIEW_ID, EDeviceType.Desktop]]),
535
548
  clickType: new Map([[DEFAULT_VIEW_ID, EClickType.All]]),
@@ -765,6 +778,16 @@ const useHeatmapVizClickStore = create()(subscribeWithSelector((set) => {
765
778
  newState.set(viewId, state);
766
779
  return { state: newState };
767
780
  }),
781
+ setStateByKey: (key, value, viewId = DEFAULT_VIEW_ID) => set((prev) => {
782
+ const currentState = prev.state.get(viewId) ?? DEFAULT_STATE$1;
783
+ const newState = {
784
+ ...currentState,
785
+ [key]: value,
786
+ };
787
+ const newStateMap = new Map(prev.state);
788
+ newStateMap.set(viewId, newState);
789
+ return { state: newStateMap };
790
+ }),
768
791
  setSelectedElement: (selectedElement, viewId = DEFAULT_VIEW_ID) => set((prev) => {
769
792
  const newSelectedElement = new Map(prev.selectedElement);
770
793
  // Normalize selectedElement to ISelectedElement | null
@@ -1209,6 +1232,7 @@ const useHeatmapSettingContext = createViewContextHook({
1209
1232
  isRendering: !!store.isRendering.get(viewId),
1210
1233
  isLoadingDom: !!store.isLoadingDom.get(viewId),
1211
1234
  isLoadingCanvas: !!store.isLoadingCanvas.get(viewId),
1235
+ isShowSidebar: !!store.isShowSidebar.get(viewId),
1212
1236
  rankedBy: store.rankedBy.get(viewId),
1213
1237
  deviceType: store.deviceType.get(viewId) ?? EDeviceType.Desktop,
1214
1238
  clickType: store.clickType.get(viewId),
@@ -1217,6 +1241,7 @@ const useHeatmapSettingContext = createViewContextHook({
1217
1241
  heatmapType: store.heatmapType.get(viewId),
1218
1242
  }),
1219
1243
  getActions: (store, viewId) => ({
1244
+ setIsShowSidebar: (isShowSidebar) => store.setIsShowSidebar(isShowSidebar, viewId),
1220
1245
  setRankedBy: (rankedBy) => store.setRankedBy(rankedBy, viewId),
1221
1246
  setDeviceType: (deviceType) => store.setDeviceType(deviceType, viewId),
1222
1247
  setClickType: (clickType) => store.setClickType(clickType, viewId),
@@ -7158,8 +7183,6 @@ ContentMetricBar.displayName = 'ContentMetricBar';
7158
7183
 
7159
7184
  const ContentSidebar = () => {
7160
7185
  const CompSidebar = useHeatmapControlStore((state) => state.controls.Sidebar);
7161
- const state = useHeatmapClickContext((s) => s.state);
7162
- const isHideSidebar = state.hideSidebar;
7163
7186
  const sidebarWidth = useHeatmapConfigStore((state) => state.sidebarWidth);
7164
7187
  const mode = useHeatmapConfigStore((state) => state.mode);
7165
7188
  const isCompareMode = mode === 'compare';
@@ -7171,13 +7194,7 @@ const ContentSidebar = () => {
7171
7194
  height: '100%',
7172
7195
  display: 'flex',
7173
7196
  zIndex: 1,
7174
- ...(isHideSidebar
7175
- ? {
7176
- width: '0',
7177
- transform: 'translateX(-100%)',
7178
- visibility: 'hidden',
7179
- }
7180
- : { width: `${sidebarWidth}px + ${HEATMAP_CONFIG.borderWidth}px` }),
7197
+ width: `${sidebarWidth}px + ${HEATMAP_CONFIG.borderWidth}px`,
7181
7198
  }, children: jsx("div", { className: "gx-hm-sidebar-wrapper", style: {
7182
7199
  height: '100%',
7183
7200
  width: `calc(${sidebarWidth}px + ${HEATMAP_CONFIG.borderWidth}px)`,
@@ -7186,14 +7203,11 @@ const ContentSidebar = () => {
7186
7203
  };
7187
7204
 
7188
7205
  const PopoverSidebar = () => {
7189
- const mode = useHeatmapConfigStore((state) => state.mode);
7190
- const CompSidebar = useHeatmapControlStore((state) => state.controls.Sidebar);
7191
- const CompSidebarActivator = useHeatmapControlStore((state) => state.controls.SidebarActivator);
7192
- const sidebarWidth = useHeatmapConfigStore((state) => state.sidebarWidth);
7193
- const state = useHeatmapClickContext((s) => s.state);
7194
- const [isPopoverOpen, setIsPopoverOpen] = useState(false);
7206
+ const mode = useHeatmapConfigStore((s) => s.mode);
7207
+ const CompSidebar = useHeatmapControlStore((s) => s.controls.Sidebar);
7208
+ const sidebarWidth = useHeatmapConfigStore((s) => s.sidebarWidth);
7209
+ const isShowSidebar = useHeatmapSettingContext((s) => s.isShowSidebar);
7195
7210
  const isCompareMode = mode === 'compare';
7196
- const isHideSidebar = state.hideSidebar;
7197
7211
  const stylePopover = {
7198
7212
  position: 'absolute',
7199
7213
  top: '24px',
@@ -7202,19 +7216,17 @@ const PopoverSidebar = () => {
7202
7216
  height: `calc(100% - ${HEATMAP_CONFIG.heightToolbar}px - ${HEATMAP_CONFIG.padding}px - 24px)`,
7203
7217
  width: `calc(${sidebarWidth}px + ${HEATMAP_CONFIG.borderWidth}px)`,
7204
7218
  };
7205
- if (isHideSidebar || !isCompareMode)
7219
+ if (!isCompareMode || !CompSidebar)
7206
7220
  return null;
7207
- if (!CompSidebar || !CompSidebarActivator)
7208
- return null;
7209
- return (jsxs("div", { children: [!isPopoverOpen && (jsx("div", { style: { ...stylePopover, width: 'auto', height: 'auto' }, children: jsx(CompSidebarActivator, { onClick: () => setIsPopoverOpen(true) }) })), jsx(Fragment, { children: jsx("div", { className: "gx-hm-sidebar-popover", style: {
7210
- ...stylePopover,
7211
- backgroundColor: '#fff',
7212
- borderRight: `${HEATMAP_CONFIG.borderWidth}px solid ${HEATMAP_CONFIG.borderColor}`,
7213
- borderRadius: '8px',
7214
- boxShadow: '4px 0 12px rgba(0, 0, 0, 0.15)',
7215
- overflow: 'auto',
7216
- display: isPopoverOpen ? 'block' : 'none',
7217
- }, children: jsx(CompSidebar, { closeAction: { onClick: () => setIsPopoverOpen(false) } }) }) })] }));
7221
+ return (jsx("div", { className: "gx-hm-sidebar-popover", style: {
7222
+ ...stylePopover,
7223
+ backgroundColor: '#fff',
7224
+ borderRight: `${HEATMAP_CONFIG.borderWidth}px solid ${HEATMAP_CONFIG.borderColor}`,
7225
+ borderRadius: '8px',
7226
+ boxShadow: '4px 0 12px rgba(0, 0, 0, 0.15)',
7227
+ overflow: 'auto',
7228
+ display: isShowSidebar ? 'block' : 'none',
7229
+ }, children: jsx(CompSidebar, {}) }));
7218
7230
  };
7219
7231
 
7220
7232
  const ContentToolbar = () => {
package/dist/esm/index.mjs CHANGED
@@ -419,6 +419,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
419
419
  isRendering: new Map([[DEFAULT_VIEW_ID, false]]),
420
420
  isLoadingDom: new Map([[DEFAULT_VIEW_ID, false]]),
421
421
  isLoadingCanvas: new Map([[DEFAULT_VIEW_ID, false]]),
422
+ isShowSidebar: new Map([[DEFAULT_VIEW_ID, false]]),
422
423
  rankedBy: new Map([[DEFAULT_VIEW_ID, EClickRankType.MostClicks]]),
423
424
  deviceType: new Map([[DEFAULT_VIEW_ID, EDeviceType.Desktop]]),
424
425
  clickType: new Map([[DEFAULT_VIEW_ID, EClickType.All]]),
@@ -445,6 +446,11 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
445
446
  newIsLoadingCanvas.set(viewId, isLoadingCanvas);
446
447
  return { isLoadingCanvas: newIsLoadingCanvas };
447
448
  }),
449
+ setIsShowSidebar: (isShowSidebar, viewId = DEFAULT_VIEW_ID) => set((prev) => {
450
+ const newIsShowSidebar = new Map(prev.isShowSidebar);
451
+ newIsShowSidebar.set(viewId, isShowSidebar);
452
+ return { isShowSidebar: newIsShowSidebar };
453
+ }),
448
454
  setRankedBy: (rankedBy, viewId = DEFAULT_VIEW_ID) => set((prev) => {
449
455
  const newRankedBy = new Map(prev.rankedBy);
450
456
  newRankedBy.set(viewId, rankedBy);
@@ -473,12 +479,14 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
473
479
  copyView: (fromViewId, toViewId) => set((prev) => {
474
480
  const newIsLoadingDom = new Map(prev.isLoadingDom);
475
481
  const newIsLoadingCanvas = new Map(prev.isLoadingCanvas);
482
+ const newIsShowSidebar = new Map(prev.isShowSidebar);
476
483
  const newRankedBy = new Map(prev.rankedBy);
477
484
  const newDeviceType = new Map(prev.deviceType);
478
485
  const newClickType = new Map(prev.clickType);
479
486
  const newClickMode = new Map(prev.clickMode);
480
487
  const newScrollType = new Map(prev.scrollType);
481
488
  const newHeatmapType = new Map(prev.heatmapType);
489
+ newIsShowSidebar.set(toViewId, prev.isShowSidebar.get(fromViewId) ?? false);
482
490
  newRankedBy.set(toViewId, prev.rankedBy.get(fromViewId));
483
491
  newDeviceType.set(toViewId, prev.deviceType.get(fromViewId));
484
492
  newClickType.set(toViewId, prev.clickType.get(fromViewId));
@@ -488,6 +496,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
488
496
  newIsLoadingDom.set(toViewId, prev.isLoadingDom.get(fromViewId) ?? false);
489
497
  newIsLoadingCanvas.set(toViewId, prev.isLoadingCanvas.get(fromViewId) ?? false);
490
498
  return {
499
+ isShowSidebar: newIsShowSidebar,
491
500
  rankedBy: newRankedBy,
492
501
  isLoadingDom: newIsLoadingDom,
493
502
  isLoadingCanvas: newIsLoadingCanvas,
@@ -499,6 +508,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
499
508
  };
500
509
  }),
501
510
  clearView: (viewId) => set((prev) => {
511
+ const newIsShowSidebar = new Map(prev.isShowSidebar);
502
512
  const newRankedBy = new Map(prev.rankedBy);
503
513
  const newIsLoadingDom = new Map(prev.isLoadingDom);
504
514
  const newIsLoadingCanvas = new Map(prev.isLoadingCanvas);
@@ -507,6 +517,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
507
517
  const newClickMode = new Map(prev.clickMode);
508
518
  const newScrollType = new Map(prev.scrollType);
509
519
  const newHeatmapType = new Map(prev.heatmapType);
520
+ newIsShowSidebar.delete(viewId);
510
521
  newRankedBy.delete(viewId);
511
522
  newIsLoadingDom.delete(viewId);
512
523
  newIsLoadingCanvas.delete(viewId);
@@ -516,6 +527,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
516
527
  newScrollType.delete(viewId);
517
528
  newHeatmapType.delete(viewId);
518
529
  return {
530
+ isShowSidebar: newIsShowSidebar,
519
531
  rankedBy: newRankedBy,
520
532
  isLoadingDom: newIsLoadingDom,
521
533
  isLoadingCanvas: newIsLoadingCanvas,
@@ -530,6 +542,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
530
542
  isRendering: new Map([[DEFAULT_VIEW_ID, false]]),
531
543
  isLoadingDom: new Map([[DEFAULT_VIEW_ID, false]]),
532
544
  isLoadingCanvas: new Map([[DEFAULT_VIEW_ID, false]]),
545
+ isShowSidebar: new Map([[DEFAULT_VIEW_ID, false]]),
533
546
  rankedBy: new Map([[DEFAULT_VIEW_ID, EClickRankType.MostClicks]]),
534
547
  deviceType: new Map([[DEFAULT_VIEW_ID, EDeviceType.Desktop]]),
535
548
  clickType: new Map([[DEFAULT_VIEW_ID, EClickType.All]]),
@@ -765,6 +778,16 @@ const useHeatmapVizClickStore = create()(subscribeWithSelector((set) => {
765
778
  newState.set(viewId, state);
766
779
  return { state: newState };
767
780
  }),
781
+ setStateByKey: (key, value, viewId = DEFAULT_VIEW_ID) => set((prev) => {
782
+ const currentState = prev.state.get(viewId) ?? DEFAULT_STATE$1;
783
+ const newState = {
784
+ ...currentState,
785
+ [key]: value,
786
+ };
787
+ const newStateMap = new Map(prev.state);
788
+ newStateMap.set(viewId, newState);
789
+ return { state: newStateMap };
790
+ }),
768
791
  setSelectedElement: (selectedElement, viewId = DEFAULT_VIEW_ID) => set((prev) => {
769
792
  const newSelectedElement = new Map(prev.selectedElement);
770
793
  // Normalize selectedElement to ISelectedElement | null
@@ -1209,6 +1232,7 @@ const useHeatmapSettingContext = createViewContextHook({
1209
1232
  isRendering: !!store.isRendering.get(viewId),
1210
1233
  isLoadingDom: !!store.isLoadingDom.get(viewId),
1211
1234
  isLoadingCanvas: !!store.isLoadingCanvas.get(viewId),
1235
+ isShowSidebar: !!store.isShowSidebar.get(viewId),
1212
1236
  rankedBy: store.rankedBy.get(viewId),
1213
1237
  deviceType: store.deviceType.get(viewId) ?? EDeviceType.Desktop,
1214
1238
  clickType: store.clickType.get(viewId),
@@ -1217,6 +1241,7 @@ const useHeatmapSettingContext = createViewContextHook({
1217
1241
  heatmapType: store.heatmapType.get(viewId),
1218
1242
  }),
1219
1243
  getActions: (store, viewId) => ({
1244
+ setIsShowSidebar: (isShowSidebar) => store.setIsShowSidebar(isShowSidebar, viewId),
1220
1245
  setRankedBy: (rankedBy) => store.setRankedBy(rankedBy, viewId),
1221
1246
  setDeviceType: (deviceType) => store.setDeviceType(deviceType, viewId),
1222
1247
  setClickType: (clickType) => store.setClickType(clickType, viewId),
@@ -7158,8 +7183,6 @@ ContentMetricBar.displayName = 'ContentMetricBar';
7158
7183
 
7159
7184
  const ContentSidebar = () => {
7160
7185
  const CompSidebar = useHeatmapControlStore((state) => state.controls.Sidebar);
7161
- const state = useHeatmapClickContext((s) => s.state);
7162
- const isHideSidebar = state.hideSidebar;
7163
7186
  const sidebarWidth = useHeatmapConfigStore((state) => state.sidebarWidth);
7164
7187
  const mode = useHeatmapConfigStore((state) => state.mode);
7165
7188
  const isCompareMode = mode === 'compare';
@@ -7171,13 +7194,7 @@ const ContentSidebar = () => {
7171
7194
  height: '100%',
7172
7195
  display: 'flex',
7173
7196
  zIndex: 1,
7174
- ...(isHideSidebar
7175
- ? {
7176
- width: '0',
7177
- transform: 'translateX(-100%)',
7178
- visibility: 'hidden',
7179
- }
7180
- : { width: `${sidebarWidth}px + ${HEATMAP_CONFIG.borderWidth}px` }),
7197
+ width: `${sidebarWidth}px + ${HEATMAP_CONFIG.borderWidth}px`,
7181
7198
  }, children: jsx("div", { className: "gx-hm-sidebar-wrapper", style: {
7182
7199
  height: '100%',
7183
7200
  width: `calc(${sidebarWidth}px + ${HEATMAP_CONFIG.borderWidth}px)`,
@@ -7186,14 +7203,11 @@ const ContentSidebar = () => {
7186
7203
  };
7187
7204
 
7188
7205
  const PopoverSidebar = () => {
7189
- const mode = useHeatmapConfigStore((state) => state.mode);
7190
- const CompSidebar = useHeatmapControlStore((state) => state.controls.Sidebar);
7191
- const CompSidebarActivator = useHeatmapControlStore((state) => state.controls.SidebarActivator);
7192
- const sidebarWidth = useHeatmapConfigStore((state) => state.sidebarWidth);
7193
- const state = useHeatmapClickContext((s) => s.state);
7194
- const [isPopoverOpen, setIsPopoverOpen] = useState(false);
7206
+ const mode = useHeatmapConfigStore((s) => s.mode);
7207
+ const CompSidebar = useHeatmapControlStore((s) => s.controls.Sidebar);
7208
+ const sidebarWidth = useHeatmapConfigStore((s) => s.sidebarWidth);
7209
+ const isShowSidebar = useHeatmapSettingContext((s) => s.isShowSidebar);
7195
7210
  const isCompareMode = mode === 'compare';
7196
- const isHideSidebar = state.hideSidebar;
7197
7211
  const stylePopover = {
7198
7212
  position: 'absolute',
7199
7213
  top: '24px',
@@ -7202,19 +7216,17 @@ const PopoverSidebar = () => {
7202
7216
  height: `calc(100% - ${HEATMAP_CONFIG.heightToolbar}px - ${HEATMAP_CONFIG.padding}px - 24px)`,
7203
7217
  width: `calc(${sidebarWidth}px + ${HEATMAP_CONFIG.borderWidth}px)`,
7204
7218
  };
7205
- if (isHideSidebar || !isCompareMode)
7219
+ if (!isCompareMode || !CompSidebar)
7206
7220
  return null;
7207
- if (!CompSidebar || !CompSidebarActivator)
7208
- return null;
7209
- return (jsxs("div", { children: [!isPopoverOpen && (jsx("div", { style: { ...stylePopover, width: 'auto', height: 'auto' }, children: jsx(CompSidebarActivator, { onClick: () => setIsPopoverOpen(true) }) })), jsx(Fragment, { children: jsx("div", { className: "gx-hm-sidebar-popover", style: {
7210
- ...stylePopover,
7211
- backgroundColor: '#fff',
7212
- borderRight: `${HEATMAP_CONFIG.borderWidth}px solid ${HEATMAP_CONFIG.borderColor}`,
7213
- borderRadius: '8px',
7214
- boxShadow: '4px 0 12px rgba(0, 0, 0, 0.15)',
7215
- overflow: 'auto',
7216
- display: isPopoverOpen ? 'block' : 'none',
7217
- }, children: jsx(CompSidebar, { closeAction: { onClick: () => setIsPopoverOpen(false) } }) }) })] }));
7221
+ return (jsx("div", { className: "gx-hm-sidebar-popover", style: {
7222
+ ...stylePopover,
7223
+ backgroundColor: '#fff',
7224
+ borderRight: `${HEATMAP_CONFIG.borderWidth}px solid ${HEATMAP_CONFIG.borderColor}`,
7225
+ borderRadius: '8px',
7226
+ boxShadow: '4px 0 12px rgba(0, 0, 0, 0.15)',
7227
+ overflow: 'auto',
7228
+ display: isShowSidebar ? 'block' : 'none',
7229
+ }, children: jsx(CompSidebar, {}) }));
7218
7230
  };
7219
7231
 
7220
7232
  const ContentToolbar = () => {
package/dist/esm/stores/setting.d.ts CHANGED
@@ -3,6 +3,7 @@ export interface IHeatmapSettingStore {
3
3
  isRendering: Map<string, boolean>;
4
4
  isLoadingDom: Map<string, boolean>;
5
5
  isLoadingCanvas: Map<string, boolean>;
6
+ isShowSidebar: Map<string, boolean>;
6
7
  rankedBy: Map<string, EClickRankType | undefined>;
7
8
  deviceType: Map<string, EDeviceType | undefined>;
8
9
  clickType: Map<string, EClickType | undefined>;
@@ -12,6 +13,7 @@ export interface IHeatmapSettingStore {
12
13
  setIsRendering: (isRendering: boolean, viewId?: string) => void;
13
14
  setIsLoadingDom: (isLoadingDom: boolean, viewId?: string) => void;
14
15
  setIsLoadingCanvas: (isLoadingCanvas: boolean, viewId?: string) => void;
16
+ setIsShowSidebar: (isShowSidebar: boolean, viewId?: string) => void;
15
17
  setRankedBy: (rankedBy: EClickRankType, viewId?: string) => void;
16
18
  setDeviceType: (deviceType: EDeviceType, viewId?: string) => void;
17
19
  setClickType: (clickType: EClickType, viewId?: string) => void;
package/dist/esm/stores/setting.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"setting.d.ts","sourceRoot":"","sources":["../../src/stores/setting.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE1G,MAAM,WAAW,oBAAoB;IAEnC,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,GAAG,SAAS,CAAC,CAAC;IAClD,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC,CAAC;IACjD,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;IAC/C,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;IAC/C,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC,CAAC;IACjD,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAC,CAAC;IAGnD,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,cAAc,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAGrE,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAGzD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAGpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,sBAAsB;;;;;;;;EA0JlC,CAAC"}
1
+ {"version":3,"file":"setting.d.ts","sourceRoot":"","sources":["../../src/stores/setting.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE1G,MAAM,WAAW,oBAAoB;IAEnC,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,GAAG,SAAS,CAAC,CAAC;IAClD,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC,CAAC;IACjD,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;IAC/C,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;IAC/C,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC,CAAC;IACjD,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAC,CAAC;IAGnD,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,gBAAgB,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,cAAc,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAGrE,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAGzD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAGpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,sBAAsB;;;;;;;;EAyKlC,CAAC"}
package/dist/esm/stores/viz-click.d.ts CHANGED
@@ -14,6 +14,7 @@ export interface IHeatmapClickStore {
14
14
  selectedElement: Map<string, ISelectedElement | null>;
15
15
  shouldShowCallout: Map<string, boolean>;
16
16
  setState: (state: IHeatmapState, viewId?: string) => void;
17
+ setStateByKey: <K extends keyof IHeatmapState>(key: K, value: IHeatmapState[K], viewId?: string) => void;
17
18
  setSelectedElement: (selectedElement: ISelectedElement | string | null, viewId?: string) => void;
18
19
  setShouldShowCallout: (shouldShowCallout: boolean, viewId?: string) => void;
19
20
  copyView: (fromViewId: string, toViewId: string) => void;
package/dist/esm/stores/viz-click.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"viz-click.d.ts","sourceRoot":"","sources":["../../src/stores/viz-click.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AACD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAClC,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACtD,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAExC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,kBAAkB,EAAE,CAAC,eAAe,EAAE,gBAAgB,GAAG,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjG,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAG5E,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,eAAO,MAAM,uBAAuB;;;;;;;;EAwEnC,CAAC"}
1
+ {"version":3,"file":"viz-click.d.ts","sourceRoot":"","sources":["../../src/stores/viz-click.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AACD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAClC,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACtD,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAExC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,aAAa,EAAE,CAAC,CAAC,SAAS,MAAM,aAAa,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzG,kBAAkB,EAAE,CAAC,eAAe,EAAE,gBAAgB,GAAG,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjG,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAG5E,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,eAAO,MAAM,uBAAuB;;;;;;;;EAqFnC,CAAC"}
package/dist/umd/components/Layout/Sidebar/ContentSidebar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ContentSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/ContentSidebar.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAuClC,CAAC"}
1
+ {"version":3,"file":"ContentSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/ContentSidebar.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EA+BlC,CAAC"}
package/dist/umd/components/Layout/Sidebar/PopoverSidebar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/PopoverSidebar.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAiElC,CAAC"}
1
+ {"version":3,"file":"PopoverSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/PopoverSidebar.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAkClC,CAAC"}
package/dist/umd/hooks/view-context/useHeatmapSettingContext.d.ts CHANGED
@@ -4,6 +4,7 @@ interface IHeatmapSettingState {
4
4
  isRendering: boolean;
5
5
  isLoadingDom: boolean;
6
6
  isLoadingCanvas: boolean;
7
+ isShowSidebar: boolean;
7
8
  rankedBy: EClickRankType | undefined;
8
9
  deviceType: EDeviceType | undefined;
9
10
  clickType: EClickType | undefined;
@@ -12,6 +13,7 @@ interface IHeatmapSettingState {
12
13
  heatmapType: EHeatmapType | undefined;
13
14
  }
14
15
  interface IHeatmapSettingActions {
16
+ setIsShowSidebar: (isShowSidebar: boolean) => void;
15
17
  setRankedBy: (rankedBy: EClickRankType) => void;
16
18
  setDeviceType: (deviceType: EDeviceType) => void;
17
19
  setClickType: (clickType: EClickType) => void;
package/dist/umd/hooks/view-context/useHeatmapSettingContext.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useHeatmapSettingContext.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapSettingContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGrG,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,UAAU,oBAAoB;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,WAAW,EAAE,YAAY,GAAG,SAAS,CAAC;CACvC;AAED,UAAU,sBAAsB;IAC9B,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,wBAAwB;;;;;;;CA+BnC,CAAC"}
1
+ {"version":3,"file":"useHeatmapSettingContext.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapSettingContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGrG,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,UAAU,oBAAoB;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,WAAW,EAAE,YAAY,GAAG,SAAS,CAAC;CACvC;AAED,UAAU,sBAAsB;IAC9B,gBAAgB,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,wBAAwB;;;;;;;CAiCnC,CAAC"}