@gemx-dev/heatmap-react 3.5.72 → 3.5.73

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.
@@ -1 +1 @@
1
- {"version":3,"file":"HeatmapPreview.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/HeatmapPreview.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAclC,CAAC"}
1
+ {"version":3,"file":"HeatmapPreview.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/HeatmapPreview.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAUlC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useRegisterControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAK3D,eAAO,MAAM,kBAAkB,GAAI,SAAS,eAAe,SAkB1D,CAAC"}
1
+ {"version":3,"file":"useRegisterControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAK3D,eAAO,MAAM,kBAAkB,GAAI,SAAS,eAAe,SAmB1D,CAAC"}
package/dist/esm/index.js CHANGED
@@ -355,16 +355,18 @@ const useHeatmapDataStore = create()(subscribeWithSelector((set) => {
355
355
  newScrollmap.set(viewId, scrollmap);
356
356
  return { scrollmap: newScrollmap };
357
357
  }),
358
- setDataInfoByKey: (key, value, viewId = DEFAULT_VIEW_ID) => set((prev) => {
359
- const currentHeatmapInfo = prev.dataInfo.get(viewId) || {};
360
- const newHeatmapInfo = {
361
- ...currentHeatmapInfo,
362
- [key]: value,
363
- };
364
- const newDataInfo = new Map(prev.dataInfo);
365
- newDataInfo.set(viewId, newHeatmapInfo);
366
- return { dataInfo: newDataInfo };
367
- }),
358
+ setDataInfoByKey: (key, value, viewId = DEFAULT_VIEW_ID) => {
359
+ return set((prev) => {
360
+ const currentHeatmapInfo = prev.dataInfo.get(viewId) || {};
361
+ const newHeatmapInfo = {
362
+ ...currentHeatmapInfo,
363
+ [key]: value,
364
+ };
365
+ const newDataInfo = new Map(prev.dataInfo);
366
+ newDataInfo.set(viewId, newHeatmapInfo);
367
+ return { dataInfo: newDataInfo };
368
+ });
369
+ },
368
370
  copyView: (fromViewId, toViewId) => set((prev) => {
369
371
  const newData = new Map(prev.data);
370
372
  const newClickmap = new Map(prev.clickmap);
@@ -1396,6 +1398,7 @@ const useRegisterControl = (control) => {
1396
1398
  registerControl('VizLoading', control.VizLoading);
1397
1399
  registerControl('ElementCallout', control.ElementCallout);
1398
1400
  registerControl('ScrollZoneTooltip', control.ScrollZoneTooltip);
1401
+ registerControl('EmptyState', control.EmptyState);
1399
1402
  isRegistered.current = true;
1400
1403
  }, []); // eslint-disable-line react-hooks/exhaustive-deps
1401
1404
  };
@@ -8597,7 +8600,7 @@ const VizLoadingCanvas = () => {
8597
8600
  const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
8598
8601
  if (!isLoadingCanvas)
8599
8602
  return null;
8600
- return (jsx("div", { className: "gx-hm-loading", style: {
8603
+ return (jsx("div", { className: "gx-hm-loading-canvas", style: {
8601
8604
  background: '#000000B2',
8602
8605
  }, children: jsx(BoxStack, { position: "absolute", height: wrapperHeight, flexDirection: "row", justifyContent: "center", alignItems: "center", style: {
8603
8606
  width: '100%',
@@ -8751,7 +8754,16 @@ const ContentVizByMode = () => {
8751
8754
  ContentVizByMode.displayName = 'ContentVizByMode';
8752
8755
 
8753
8756
  const HeatmapPreview = () => {
8754
- return (jsxs(BoxStack, { id: "gx-hm-container", flexDirection: "row", overflow: "hidden", flex: "1", position: "relative", children: [jsx(ContentSidebar, {}), jsxs(BoxStack, { flexDirection: "column", flex: "1", children: [jsx(ContentMetricBar, {}), jsx(BoxStack, { flexDirection: "column", flex: "1", children: jsx(ContentVizByMode, {}) }), jsx(ContentToolbar, {})] })] }));
8757
+ return (jsxs(BoxStack, { id: "gx-hm-container", flexDirection: "row", overflow: "hidden", flex: "1", position: "relative", children: [jsx(ContentSidebar, {}), jsx(BoxStack, { flexDirection: "column", flex: "1", children: jsx(ContentRightPreview, {}) })] }));
8758
+ };
8759
+ const ContentRightPreview = () => {
8760
+ const data = useHeatmapDataContext((state) => state.data);
8761
+ const CompEmptyState = useHeatmapControlStore((state) => state.controls.EmptyState);
8762
+ const isLoadingDom = useHeatmapSettingContext((state) => state.isLoadingDom);
8763
+ if (!isLoadingDom && (!data || data.length === 0)) {
8764
+ return CompEmptyState ? jsx(CompEmptyState, {}) : 'EmptyState not found';
8765
+ }
8766
+ return (jsxs(Fragment, { children: [jsx(ContentMetricBar, {}), jsx(BoxStack, { flexDirection: "column", flex: "1", children: jsx(ContentVizByMode, {}) }), jsx(ContentToolbar, {})] }));
8755
8767
  };
8756
8768
 
8757
8769
  const ContentTopBar = () => {
@@ -355,16 +355,18 @@ const useHeatmapDataStore = create()(subscribeWithSelector((set) => {
355
355
  newScrollmap.set(viewId, scrollmap);
356
356
  return { scrollmap: newScrollmap };
357
357
  }),
358
- setDataInfoByKey: (key, value, viewId = DEFAULT_VIEW_ID) => set((prev) => {
359
- const currentHeatmapInfo = prev.dataInfo.get(viewId) || {};
360
- const newHeatmapInfo = {
361
- ...currentHeatmapInfo,
362
- [key]: value,
363
- };
364
- const newDataInfo = new Map(prev.dataInfo);
365
- newDataInfo.set(viewId, newHeatmapInfo);
366
- return { dataInfo: newDataInfo };
367
- }),
358
+ setDataInfoByKey: (key, value, viewId = DEFAULT_VIEW_ID) => {
359
+ return set((prev) => {
360
+ const currentHeatmapInfo = prev.dataInfo.get(viewId) || {};
361
+ const newHeatmapInfo = {
362
+ ...currentHeatmapInfo,
363
+ [key]: value,
364
+ };
365
+ const newDataInfo = new Map(prev.dataInfo);
366
+ newDataInfo.set(viewId, newHeatmapInfo);
367
+ return { dataInfo: newDataInfo };
368
+ });
369
+ },
368
370
  copyView: (fromViewId, toViewId) => set((prev) => {
369
371
  const newData = new Map(prev.data);
370
372
  const newClickmap = new Map(prev.clickmap);
@@ -1396,6 +1398,7 @@ const useRegisterControl = (control) => {
1396
1398
  registerControl('VizLoading', control.VizLoading);
1397
1399
  registerControl('ElementCallout', control.ElementCallout);
1398
1400
  registerControl('ScrollZoneTooltip', control.ScrollZoneTooltip);
1401
+ registerControl('EmptyState', control.EmptyState);
1399
1402
  isRegistered.current = true;
1400
1403
  }, []); // eslint-disable-line react-hooks/exhaustive-deps
1401
1404
  };
@@ -8597,7 +8600,7 @@ const VizLoadingCanvas = () => {
8597
8600
  const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
8598
8601
  if (!isLoadingCanvas)
8599
8602
  return null;
8600
- return (jsx("div", { className: "gx-hm-loading", style: {
8603
+ return (jsx("div", { className: "gx-hm-loading-canvas", style: {
8601
8604
  background: '#000000B2',
8602
8605
  }, children: jsx(BoxStack, { position: "absolute", height: wrapperHeight, flexDirection: "row", justifyContent: "center", alignItems: "center", style: {
8603
8606
  width: '100%',
@@ -8751,7 +8754,16 @@ const ContentVizByMode = () => {
8751
8754
  ContentVizByMode.displayName = 'ContentVizByMode';
8752
8755
 
8753
8756
  const HeatmapPreview = () => {
8754
- return (jsxs(BoxStack, { id: "gx-hm-container", flexDirection: "row", overflow: "hidden", flex: "1", position: "relative", children: [jsx(ContentSidebar, {}), jsxs(BoxStack, { flexDirection: "column", flex: "1", children: [jsx(ContentMetricBar, {}), jsx(BoxStack, { flexDirection: "column", flex: "1", children: jsx(ContentVizByMode, {}) }), jsx(ContentToolbar, {})] })] }));
8757
+ return (jsxs(BoxStack, { id: "gx-hm-container", flexDirection: "row", overflow: "hidden", flex: "1", position: "relative", children: [jsx(ContentSidebar, {}), jsx(BoxStack, { flexDirection: "column", flex: "1", children: jsx(ContentRightPreview, {}) })] }));
8758
+ };
8759
+ const ContentRightPreview = () => {
8760
+ const data = useHeatmapDataContext((state) => state.data);
8761
+ const CompEmptyState = useHeatmapControlStore((state) => state.controls.EmptyState);
8762
+ const isLoadingDom = useHeatmapSettingContext((state) => state.isLoadingDom);
8763
+ if (!isLoadingDom && (!data || data.length === 0)) {
8764
+ return CompEmptyState ? jsx(CompEmptyState, {}) : 'EmptyState not found';
8765
+ }
8766
+ return (jsxs(Fragment, { children: [jsx(ContentMetricBar, {}), jsx(BoxStack, { flexDirection: "column", flex: "1", children: jsx(ContentVizByMode, {}) }), jsx(ContentToolbar, {})] }));
8755
8767
  };
8756
8768
 
8757
8769
  const ContentTopBar = () => {
@@ -1 +1 @@
1
- {"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/stores/data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAMhH,MAAM,WAAW,iBAAiB;IAEhC,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC,CAAC;IAChD,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CAAC;IACnD,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC,CAAC;IAC1D,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAC,CAAC;IAChD,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC,CAAC;IAGrD,WAAW,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,aAAa,EAAE,CAAC,UAAU,EAAE,kBAAkB,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,gBAAgB,EAAE,CAAC,CAAC,SAAS,MAAM,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAG1G,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,mBAAmB;;;;;;;;EA2H/B,CAAC"}
1
+ {"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/stores/data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAMhH,MAAM,WAAW,iBAAiB;IAEhC,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC,CAAC;IAChD,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CAAC;IACnD,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC,CAAC;IAC1D,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAC,CAAC;IAChD,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC,CAAC;IAGrD,WAAW,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,aAAa,EAAE,CAAC,UAAU,EAAE,kBAAkB,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,gBAAgB,EAAE,CAAC,CAAC,SAAS,MAAM,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAG1G,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,mBAAmB;;;;;;;;EA4H/B,CAAC"}
@@ -19,6 +19,7 @@ export interface IHeatmapControl {
19
19
  Toolbar?: React.FC;
20
20
  TopBar?: React.FC;
21
21
  MetricBar?: React.FC;
22
+ EmptyState?: React.FC;
22
23
  VizLoading?: React.FC<{
23
24
  type?: 'default' | 'transparent';
24
25
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../src/types/control.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,2BAA2B;IAC1C,WAAW,CAAC,EAAE;QACZ,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AACD,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,cAAc,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC,CAAC;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACpB,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;KAClC,CAAC,CAAC;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC,CAAC;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC;CACvD"}
1
+ {"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../src/types/control.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,2BAA2B;IAC1C,WAAW,CAAC,EAAE;QACZ,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AACD,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,cAAc,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC,CAAC;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACpB,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;KAClC,CAAC,CAAC;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC,CAAC;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC;CACvD"}
@@ -1 +1 @@
1
- {"version":3,"file":"HeatmapPreview.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/HeatmapPreview.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAclC,CAAC"}
1
+ {"version":3,"file":"HeatmapPreview.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/HeatmapPreview.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAUlC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useRegisterControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAK3D,eAAO,MAAM,kBAAkB,GAAI,SAAS,eAAe,SAkB1D,CAAC"}
1
+ {"version":3,"file":"useRegisterControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterControl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAK3D,eAAO,MAAM,kBAAkB,GAAI,SAAS,eAAe,SAmB1D,CAAC"}