@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.
- package/dist/esm/components/Layout/HeatmapPreview.d.ts.map +1 -1
- package/dist/esm/hooks/register/useRegisterControl.d.ts.map +1 -1
- package/dist/esm/index.js +24 -12
- package/dist/esm/index.mjs +24 -12
- package/dist/esm/stores/data.d.ts.map +1 -1
- package/dist/esm/types/control.d.ts +1 -0
- package/dist/esm/types/control.d.ts.map +1 -1
- package/dist/umd/components/Layout/HeatmapPreview.d.ts.map +1 -1
- package/dist/umd/hooks/register/useRegisterControl.d.ts.map +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/stores/data.d.ts.map +1 -1
- package/dist/umd/types/control.d.ts +1 -0
- package/dist/umd/types/control.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeatmapPreview.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/HeatmapPreview.tsx"],"names":[],"mappings":"
|
|
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,
|
|
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) =>
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
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, {}),
|
|
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 = () => {
|
package/dist/esm/index.mjs
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) =>
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
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, {}),
|
|
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;;;;;;;;
|
|
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"}
|
|
@@ -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":"
|
|
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,
|
|
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"}
|