@datawheel/data-explorer 0.3.9 → 0.3.10

package/dist/main.mjs

@@ -7,7 +7,7 @@ import { translationFactory } from '@datawheel/use-translation';
 import { createSlice, createSelector, combineReducers, bindActionCreators, configureStore } from '@reduxjs/toolkit';
 import { useSelector as useSelector$1, useStore, Provider as Provider$1 } from 'react-redux';
 import ISO6391 from 'iso-639-1';
-import { QueryClient, QueryClientProvider, useQuery, useQueryClient } from '@tanstack/react-query';
+import { QueryClient, useQuery, QueryClientProvider, useQueryClient } from '@tanstack/react-query';
 import debounce from 'lodash.debounce';
 import { MRT_ProgressBar, flexRender, MRT_TableBodyCell, MRT_ToolbarAlertBanner, useMantineReactTable, MantineReactTable, MRT_TablePagination } from 'mantine-react-table';
 import { formatAbbreviate, format } from 'd3plus-format';
@@ -15,6 +15,7 @@ import yn from 'yn';
 import { matchSorter } from 'match-sorter';
 import { TourProvider, useTour } from '@reactour/tour';
 import { generateCharts } from '@datawheel/vizbuilder';
+import { d3plusConfigBuilder } from '@datawheel/vizbuilder/react';
 import { BarChart, Geomap, Donut, LinePlot, StackedArea, Treemap } from 'd3plus-react';
 
 var __create = Object.create;
@@ -58,7 +59,7 @@ var init_esm_shims = __esm({
 
 // node_modules/file-saver/FileSaver.js
 var require_FileSaver = __commonJS({
-  "node_modules/file-saver/FileSaver.js"(exports2, module2) {
+  "node_modules/file-saver/FileSaver.js"(exports, module) {
     init_esm_shims();
     var saveAs2 = saveAs2 || function(view) {
       if (typeof view === "undefined" || typeof navigator !== "undefined" && /MSIE [1-9]\./.test(navigator.userAgent)) {
@@ -170,10 +171,10 @@ var require_FileSaver = __commonJS({
       FS_proto.error = FS_proto.onwritestart = FS_proto.onprogress = FS_proto.onwrite = FS_proto.onabort = FS_proto.onerror = FS_proto.onwriteend = null;
       return saveAs3;
     }(
-      typeof self !== "undefined" && self || typeof window !== "undefined" && window || exports2.content
+      typeof self !== "undefined" && self || typeof window !== "undefined" && window || exports.content
     );
-    if (typeof module2 !== "undefined" && module2.exports) {
-      module2.exports.saveAs = saveAs2;
+    if (typeof module !== "undefined" && module.exports) {
+      module.exports.saveAs = saveAs2;
     } else if (typeof define !== "undefined" && define !== null && define.amd !== null) {
       define("FileSaver.js", function() {
         return saveAs2;
@@ -190,7 +191,7 @@ init_esm_shims();
 
 // src/hooks/translation.ts
 init_esm_shims();
-var defaultTranslation = {
+var explorerTranslation = {
   action_copy: "Copy",
   action_copy_done: "Copied",
   action_download: "Download",
@@ -440,52 +441,60 @@ var defaultTranslation = {
     unselect_filtered: "Unselect filtered",
     selected_items: "Selected items",
     unselected_items: "Unselected items"
+  }
+};
+var vizbuilderTranslation = {
+  action_close: "Close",
+  action_share: "Share",
+  share_copied: "Copied",
+  action_enlarge: "Enlarge",
+  action_fileissue: "Report an issue",
+  action_retry: "Retry",
+  aggregator: {
+    average: "Average {{measure}}",
+    max: "Max {{measure}}",
+    min: "Min {{measure}}",
+    sum: "{{measure}}"
   },
-  vizbuilder: {
-    action_close: "Close",
-    action_share: "Share",
-    share_copied: "Copied",
-    action_enlarge: "Enlarge",
-    action_fileissue: "Report an issue",
-    action_retry: "Retry",
-    aggregator: {
-      average: "Average {{measure}}",
-      max: "Max {{measure}}",
-      min: "Min {{measure}}"
-    },
-    chart_labels: {
-      ci: "Confidence Interval",
-      moe: "Margin of Error",
-      source: "Source",
-      collection: "Collection"
-    },
-    error: {
-      detail: "",
-      message: 'Details: "{{message}}".',
-      title: "Error"
-    },
-    list: {
-      join: ", ",
-      suffix: "{{rest}}, and {{item}}",
-      prefix: "{{list}}"
-    },
-    title: {
-      series: "{{series}}",
-      series_members: "{{series}} ({{members}})",
-      main: "{{values}} by {{series}}",
-      measure_over_period: "{{values}} over {{time}}",
-      main_over_period: "{{values}} by {{series}} over {{time}}",
-      main_on_period: "{{values}} by {{series}} on {{time_period}}",
-      measure_on_period: "{{measure}} on {{period}}",
-      total: "Total: {{value}}"
-    },
-    transient: {
-      title_loading: "Generating charts...",
-      title_empty: "No results",
-      description_empty: "The selected combination of parameters can't be used to generate a meaningful set of charts. Try changing some parameters (maybe applying some restriction in a column) and generating charts again."
-    }
+  chart_labels: {
+    ci: "Confidence Interval",
+    moe: "Margin of Error",
+    source: "Source",
+    collection: "Collection"
+  },
+  error: {
+    detail: "",
+    message: 'Details: "{{message}}".',
+    title: "Error"
+  },
+  list: {
+    join: ", ",
+    suffix: "{{rest}}, and {{item}}",
+    prefix: "{{list}}",
+    n_more: "{{n}} more"
+  },
+  title: {
+    main_on_period: "{{values}} by {{series}} on {{time_period}}",
+    main_over_period: "{{values}} by {{series}} over {{time}}",
+    main: "{{values}} by {{series}}",
+    measure_on_period: "{{measure}} on {{period}}",
+    measure_over_period: "{{values}} over {{time}}",
+    nonidealstate: "No results",
+    series_members: "{{series}} ({{members}})",
+    series: "{{series}}",
+    time_range: "in {{from}}-{{to}}",
+    total: "Total: {{value}}"
+  },
+  transient: {
+    title_loading: "Generating charts...",
+    title_empty: "No results",
+    description_empty: "The selected combination of parameters can't be used to generate a meaningful set of charts. Try changing some parameters (maybe applying some restriction in a column) and generating charts again."
   }
 };
+var defaultTranslation = {
+  ...explorerTranslation,
+  vizbuilder: vizbuilderTranslation
+};
 var { useTranslation, TranslationConsumer, TranslationProvider } = translationFactory({
   defaultLocale: "en",
   defaultTranslation
@@ -592,10 +601,6 @@ function next(iterable, condition) {
     result = iterable.next();
   }
 }
-function getLast(array) {
-  if (array.length === 0) throw new Error("Attempt to get last element from empty array");
-  return array[array.length - 1];
-}
 
 // src/utils/structs.ts
 init_esm_shims();
@@ -1020,9 +1025,6 @@ function yieldMeasures(cube) {
 init_esm_shims();
 function noop() {
 }
-function isOneOf(str, options) {
-  return options.includes(str);
-}
 function hasProperty(container, property) {
   return typeof container === "object" && container != null && Object.hasOwn(container, property);
 }
@@ -1916,14 +1918,16 @@ function willFetchQuery(params) {
   const { limit = 0, offset = 0 } = params || {};
   return (dispatch, getState, { tesseract }) => {
     const state = getState();
-    const params2 = selectCurrentQueryParams(state);
-    const cube = selectOlapCubeMap(state)[params2.cube];
-    if (!isValidQuery(params2) || !cube) {
+    const queryParams = selectCurrentQueryParams(state);
+    const cube = selectOlapCubeMap(state)[queryParams.cube];
+    if (!isValidQuery(queryParams) || !cube) {
       return Promise.reject(new Error("Invalid query"));
     }
-    const request = queryParamsToRequest(params2);
+    const request = queryParamsToRequest(queryParams);
     if (limit || offset) {
       request.limit = `${limit},${offset}`;
+    } else if (params == null ? void 0 : params.withoutPagination) {
+      request.limit = "0,0";
     }
     return tesseract.fetchData({ request, format: "jsonrecords" }).then(
       (response) => response.json().then((content) => {
@@ -1933,7 +1937,7 @@ function willFetchQuery(params) {
         return {
           data: content.data,
           page: content.page,
-          types: describeData(cube, params2, content),
+          types: describeData(cube, queryParams, content),
           headers: Object.fromEntries(response.headers),
           status: response.status || 200,
           url: response.url
@@ -2574,14 +2578,14 @@ var SelectObject = forwardRef(function(props, ref) {
   var _a;
   const {
     getLabel,
-    getValue: getValue2 = identity,
+    getValue = identity,
     items,
     onItemSelect,
     selectedItem,
     selectProps = {}
   } = props;
   const [itemList, itemMap] = useMemo(() => {
-    const valueAccessor = accesorFactory(getValue2);
+    const valueAccessor = accesorFactory(getValue);
     const labelAccessor = getLabel ? accesorFactory(getLabel) : valueAccessor;
     const list = items.map((item) => ({
       label: labelAccessor(item),
@@ -2589,13 +2593,13 @@ var SelectObject = forwardRef(function(props, ref) {
       item
     }));
     return [list, keyBy(list, (option) => option.value)];
-  }, [items, getLabel, getValue2]);
+  }, [items, getLabel, getValue]);
   const selected = useMemo(() => {
     if (selectedItem == null) return null;
     if (typeof selectedItem === "string") return selectedItem;
-    const valueAccessor = accesorFactory(getValue2);
+    const valueAccessor = accesorFactory(getValue);
     return valueAccessor(selectedItem);
-  }, [selectedItem, getValue2]);
+  }, [selectedItem, getValue]);
   const itemSelectHandler = (value) => {
     onItemSelect && onItemSelect(itemMap[value].item);
   };
@@ -3311,7 +3315,7 @@ function AccordionControl(props) {
 }
 function getKeys2(items, k, locale, filter) {
   let cubes = items;
-  const keys2 = cubes.reduce((prev, curr) => {
+  const keys = cubes.reduce((prev, curr) => {
     const key = getAnnotation(curr, k, locale);
     if (key) {
       prev.add(key);
@@ -3319,7 +3323,7 @@ function getKeys2(items, k, locale, filter) {
     }
     return prev;
   }, /* @__PURE__ */ new Set());
-  return Array.from(keys2);
+  return Array.from(keys);
 }
 function isSelected(selectedItem, currentItem) {
   if (selectedItem && currentItem) {
@@ -3908,7 +3912,8 @@ function useTableData({ columns, pagination, cube }) {
       return result;
     }),
     staleTime: 3e5,
-    enabled: enabled && !!filterKeydebouced
+    enabled: enabled && !!filterKeydebouced,
+    retry: false
   });
   const client = useQueryClient();
   const cachedData = client.getQueryData(["table", filterKeydebouced]);
@@ -5283,12 +5288,17 @@ var useStyles4 = createStyles((theme, params) => ({
 }));
 function ExplorerContent(props) {
   const translation = useTranslation();
-  useSetup(
-    props.serverURL,
-    props.serverConfig || {},
-    props.defaultDataLocale,
-    props.defaultCube
-  );
+  const serverConfig = useMemo(() => {
+    return props.serverConfig !== void 0 ? props.serverConfig : {};
+  }, [props.serverConfig]);
+  useEffect(() => {
+    useSetup(
+      props.serverURL,
+      serverConfig,
+      props.defaultDataLocale,
+      props.defaultCube
+    );
+  }, [props.serverURL, serverConfig, props.defaultDataLocale, props.defaultCube]);
   const { classes } = useStyles4({ height: props.height });
   useEffect(() => {
     if (props.locale) translation.setLocale(props.locale);
@@ -6413,12 +6423,6 @@ function buildColumn(cube, name4, columns) {
   }
   throw new Error(`Missing entity in cube '${cube.name}': ${nameWithoutID}`);
 }
-function getColumnEntity(column) {
-  if (column.type === "measure") return column.measure;
-  if (column.type === "level") return column.level;
-  if (column.type === "property") return column.property;
-  throw new Error("Invalid column object");
-}
 
 // src/vizbuilder/components/Vizbuilder.tsx
 init_esm_shims();
@@ -7270,660 +7274,83 @@ function saveElement_default(elem) {
 // src/vizbuilder/hooks/useD3plusConfig.ts
 init_esm_shims();
 
-// node_modules/lodash-es/lodash.js
-init_esm_shims();
-
-// node_modules/lodash-es/_baseGetTag.js
-init_esm_shims();
-
-// node_modules/lodash-es/_Symbol.js
+// node_modules/d3plus-common/es/index.js
 init_esm_shims();
 
-// node_modules/lodash-es/_root.js
+// node_modules/d3plus-common/es/src/assign.js
 init_esm_shims();
 
-// node_modules/lodash-es/_freeGlobal.js
+// node_modules/d3plus-common/es/src/isObject.js
 init_esm_shims();
-var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
-var freeGlobal_default = freeGlobal;
-
-// node_modules/lodash-es/_root.js
-var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-var root = freeGlobal_default || freeSelf || Function("return this")();
-var root_default = root;
-
-// node_modules/lodash-es/_Symbol.js
-var Symbol2 = root_default.Symbol;
-var Symbol_default = Symbol2;
-
-// node_modules/lodash-es/_getRawTag.js
-init_esm_shims();
-var objectProto = Object.prototype;
-var hasOwnProperty2 = objectProto.hasOwnProperty;
-var nativeObjectToString = objectProto.toString;
-var symToStringTag = Symbol_default ? Symbol_default.toStringTag : void 0;
-function getRawTag(value) {
-  var isOwn = hasOwnProperty2.call(value, symToStringTag), tag = value[symToStringTag];
-  try {
-    value[symToStringTag] = void 0;
-    var unmasked = true;
-  } catch (e) {
-  }
-  var result = nativeObjectToString.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag] = tag;
-    } else {
-      delete value[symToStringTag];
-    }
-  }
-  return result;
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
+    return typeof obj2;
+  } : function(obj2) {
+    return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+  }, _typeof(obj);
 }
-var getRawTag_default = getRawTag;
-
-// node_modules/lodash-es/_objectToString.js
-init_esm_shims();
-var objectProto2 = Object.prototype;
-var nativeObjectToString2 = objectProto2.toString;
-function objectToString(value) {
-  return nativeObjectToString2.call(value);
+function isObject_default(item) {
+  return item && _typeof(item) === "object" && (typeof window === "undefined" || item !== window && item !== window.document && !(item instanceof Element)) && !Array.isArray(item) ? true : false;
 }
-var objectToString_default = objectToString;
 
-// node_modules/lodash-es/_baseGetTag.js
-var nullTag = "[object Null]";
-var undefinedTag = "[object Undefined]";
-var symToStringTag2 = Symbol_default ? Symbol_default.toStringTag : void 0;
-function baseGetTag(value) {
-  if (value == null) {
-    return value === void 0 ? undefinedTag : nullTag;
-  }
-  return symToStringTag2 && symToStringTag2 in Object(value) ? getRawTag_default(value) : objectToString_default(value);
+// node_modules/d3plus-common/es/src/assign.js
+function validObject(obj) {
+  if (typeof window === "undefined") return true;
+  else return obj !== window && obj !== document;
 }
-var baseGetTag_default = baseGetTag;
-
-// node_modules/lodash-es/isObjectLike.js
-init_esm_shims();
-function isObjectLike(value) {
-  return value != null && typeof value == "object";
-}
-var isObjectLike_default = isObjectLike;
-
-// node_modules/lodash-es/isArray.js
-init_esm_shims();
-var isArray = Array.isArray;
-var isArray_default = isArray;
-
-// node_modules/lodash-es/isObject.js
-init_esm_shims();
-function isObject(value) {
-  var type = typeof value;
-  return value != null && (type == "object" || type == "function");
-}
-var isObject_default = isObject;
-
-// node_modules/lodash-es/identity.js
-init_esm_shims();
-function identity2(value) {
-  return value;
-}
-var identity_default = identity2;
-
-// node_modules/lodash-es/_getNative.js
-init_esm_shims();
-
-// node_modules/lodash-es/_baseIsNative.js
-init_esm_shims();
-
-// node_modules/lodash-es/isFunction.js
-init_esm_shims();
-var asyncTag = "[object AsyncFunction]";
-var funcTag = "[object Function]";
-var genTag = "[object GeneratorFunction]";
-var proxyTag = "[object Proxy]";
-function isFunction(value) {
-  if (!isObject_default(value)) {
-    return false;
-  }
-  var tag = baseGetTag_default(value);
-  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
-}
-var isFunction_default = isFunction;
-
-// node_modules/lodash-es/_isMasked.js
-init_esm_shims();
-
-// node_modules/lodash-es/_coreJsData.js
-init_esm_shims();
-var coreJsData = root_default["__core-js_shared__"];
-var coreJsData_default = coreJsData;
-
-// node_modules/lodash-es/_isMasked.js
-var maskSrcKey = function() {
-  var uid = /[^.]+$/.exec(coreJsData_default && coreJsData_default.keys && coreJsData_default.keys.IE_PROTO || "");
-  return uid ? "Symbol(src)_1." + uid : "";
-}();
-function isMasked(func) {
-  return !!maskSrcKey && maskSrcKey in func;
-}
-var isMasked_default = isMasked;
-
-// node_modules/lodash-es/_toSource.js
-init_esm_shims();
-var funcProto = Function.prototype;
-var funcToString = funcProto.toString;
-function toSource(func) {
-  if (func != null) {
-    try {
-      return funcToString.call(func);
-    } catch (e) {
-    }
-    try {
-      return func + "";
-    } catch (e) {
-    }
-  }
-  return "";
-}
-var toSource_default = toSource;
-
-// node_modules/lodash-es/_baseIsNative.js
-var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
-var reIsHostCtor = /^\[object .+?Constructor\]$/;
-var funcProto2 = Function.prototype;
-var objectProto3 = Object.prototype;
-var funcToString2 = funcProto2.toString;
-var hasOwnProperty3 = objectProto3.hasOwnProperty;
-var reIsNative = RegExp(
-  "^" + funcToString2.call(hasOwnProperty3).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-);
-function baseIsNative(value) {
-  if (!isObject_default(value) || isMasked_default(value)) {
-    return false;
-  }
-  var pattern = isFunction_default(value) ? reIsNative : reIsHostCtor;
-  return pattern.test(toSource_default(value));
-}
-var baseIsNative_default = baseIsNative;
-
-// node_modules/lodash-es/_getValue.js
-init_esm_shims();
-function getValue(object, key) {
-  return object == null ? void 0 : object[key];
-}
-var getValue_default = getValue;
-
-// node_modules/lodash-es/_getNative.js
-function getNative(object, key) {
-  var value = getValue_default(object, key);
-  return baseIsNative_default(value) ? value : void 0;
-}
-var getNative_default = getNative;
-
-// node_modules/lodash-es/_apply.js
-init_esm_shims();
-function apply(func, thisArg, args) {
-  switch (args.length) {
-    case 0:
-      return func.call(thisArg);
-    case 1:
-      return func.call(thisArg, args[0]);
-    case 2:
-      return func.call(thisArg, args[0], args[1]);
-    case 3:
-      return func.call(thisArg, args[0], args[1], args[2]);
-  }
-  return func.apply(thisArg, args);
-}
-var apply_default = apply;
-
-// node_modules/lodash-es/_shortOut.js
-init_esm_shims();
-var HOT_COUNT = 800;
-var HOT_SPAN = 16;
-var nativeNow = Date.now;
-function shortOut(func) {
-  var count = 0, lastCalled = 0;
-  return function() {
-    var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled);
-    lastCalled = stamp;
-    if (remaining > 0) {
-      if (++count >= HOT_COUNT) {
-        return arguments[0];
-      }
-    } else {
-      count = 0;
-    }
-    return func.apply(void 0, arguments);
-  };
-}
-var shortOut_default = shortOut;
-
-// node_modules/lodash-es/_setToString.js
-init_esm_shims();
-
-// node_modules/lodash-es/_baseSetToString.js
-init_esm_shims();
-
-// node_modules/lodash-es/constant.js
-init_esm_shims();
-function constant(value) {
-  return function() {
-    return value;
-  };
-}
-var constant_default = constant;
-
-// node_modules/lodash-es/_defineProperty.js
-init_esm_shims();
-var defineProperty = function() {
-  try {
-    var func = getNative_default(Object, "defineProperty");
-    func({}, "", {});
-    return func;
-  } catch (e) {
-  }
-}();
-var defineProperty_default = defineProperty;
-
-// node_modules/lodash-es/_baseSetToString.js
-var baseSetToString = !defineProperty_default ? identity_default : function(func, string) {
-  return defineProperty_default(func, "toString", {
-    "configurable": true,
-    "enumerable": false,
-    "value": constant_default(string),
-    "writable": true
-  });
-};
-var baseSetToString_default = baseSetToString;
-
-// node_modules/lodash-es/_setToString.js
-var setToString = shortOut_default(baseSetToString_default);
-var setToString_default = setToString;
-
-// node_modules/lodash-es/_isIndex.js
-init_esm_shims();
-var MAX_SAFE_INTEGER = 9007199254740991;
-var reIsUint = /^(?:0|[1-9]\d*)$/;
-function isIndex(value, length) {
-  var type = typeof value;
-  length = length == null ? MAX_SAFE_INTEGER : length;
-  return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
-}
-var isIndex_default = isIndex;
-
-// node_modules/lodash-es/assign.js
-init_esm_shims();
-
-// node_modules/lodash-es/_assignValue.js
-init_esm_shims();
-
-// node_modules/lodash-es/_baseAssignValue.js
-init_esm_shims();
-function baseAssignValue(object, key, value) {
-  if (key == "__proto__" && defineProperty_default) {
-    defineProperty_default(object, key, {
-      "configurable": true,
-      "enumerable": true,
-      "value": value,
-      "writable": true
+function assign() {
+  var _arguments = arguments;
+  var target = arguments.length <= 0 ? void 0 : arguments[0];
+  var _loop = function _loop2() {
+    var source = i < 0 || _arguments.length <= i ? void 0 : _arguments[i];
+    if (!isObject_default(source)) return "continue";
+    Object.keys(source).forEach(function(prop) {
+      var value = source[prop];
+      if (isObject_default(value) && validObject(value)) {
+        if (Object.prototype.hasOwnProperty.call(target, prop) && isObject_default(target[prop])) target[prop] = assign({}, target[prop], value);
+        else target[prop] = assign({}, value);
+      } else if (Array.isArray(value)) target[prop] = value.slice();
+      else target[prop] = value;
     });
-  } else {
-    object[key] = value;
-  }
-}
-var baseAssignValue_default = baseAssignValue;
-
-// node_modules/lodash-es/eq.js
-init_esm_shims();
-function eq(value, other) {
-  return value === other || value !== value && other !== other;
-}
-var eq_default = eq;
-
-// node_modules/lodash-es/_assignValue.js
-var objectProto4 = Object.prototype;
-var hasOwnProperty4 = objectProto4.hasOwnProperty;
-function assignValue(object, key, value) {
-  var objValue = object[key];
-  if (!(hasOwnProperty4.call(object, key) && eq_default(objValue, value)) || value === void 0 && !(key in object)) {
-    baseAssignValue_default(object, key, value);
-  }
-}
-var assignValue_default = assignValue;
-
-// node_modules/lodash-es/_copyObject.js
-init_esm_shims();
-function copyObject(source, props, object, customizer) {
-  var isNew = !object;
-  object || (object = {});
-  var index = -1, length = props.length;
-  while (++index < length) {
-    var key = props[index];
-    var newValue = customizer ? customizer(object[key], source[key], key, object, source) : void 0;
-    if (newValue === void 0) {
-      newValue = source[key];
-    }
-    if (isNew) {
-      baseAssignValue_default(object, key, newValue);
-    } else {
-      assignValue_default(object, key, newValue);
-    }
-  }
-  return object;
-}
-var copyObject_default = copyObject;
-
-// node_modules/lodash-es/_createAssigner.js
-init_esm_shims();
-
-// node_modules/lodash-es/_baseRest.js
-init_esm_shims();
-
-// node_modules/lodash-es/_overRest.js
-init_esm_shims();
-var nativeMax = Math.max;
-function overRest(func, start, transform) {
-  start = nativeMax(start === void 0 ? func.length - 1 : start, 0);
-  return function() {
-    var args = arguments, index = -1, length = nativeMax(args.length - start, 0), array = Array(length);
-    while (++index < length) {
-      array[index] = args[start + index];
-    }
-    index = -1;
-    var otherArgs = Array(start + 1);
-    while (++index < start) {
-      otherArgs[index] = args[index];
-    }
-    otherArgs[start] = transform(array);
-    return apply_default(func, this, otherArgs);
-  };
-}
-var overRest_default = overRest;
-
-// node_modules/lodash-es/_baseRest.js
-function baseRest(func, start) {
-  return setToString_default(overRest_default(func, start, identity_default), func + "");
-}
-var baseRest_default = baseRest;
-
-// node_modules/lodash-es/_isIterateeCall.js
-init_esm_shims();
-
-// node_modules/lodash-es/isArrayLike.js
-init_esm_shims();
-
-// node_modules/lodash-es/isLength.js
-init_esm_shims();
-var MAX_SAFE_INTEGER2 = 9007199254740991;
-function isLength(value) {
-  return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER2;
-}
-var isLength_default = isLength;
-
-// node_modules/lodash-es/isArrayLike.js
-function isArrayLike(value) {
-  return value != null && isLength_default(value.length) && !isFunction_default(value);
-}
-var isArrayLike_default = isArrayLike;
-
-// node_modules/lodash-es/_isIterateeCall.js
-function isIterateeCall(value, index, object) {
-  if (!isObject_default(object)) {
-    return false;
-  }
-  var type = typeof index;
-  if (type == "number" ? isArrayLike_default(object) && isIndex_default(index, object.length) : type == "string" && index in object) {
-    return eq_default(object[index], value);
-  }
-  return false;
-}
-var isIterateeCall_default = isIterateeCall;
-
-// node_modules/lodash-es/_createAssigner.js
-function createAssigner(assigner) {
-  return baseRest_default(function(object, sources) {
-    var index = -1, length = sources.length, customizer = length > 1 ? sources[length - 1] : void 0, guard = length > 2 ? sources[2] : void 0;
-    customizer = assigner.length > 3 && typeof customizer == "function" ? (length--, customizer) : void 0;
-    if (guard && isIterateeCall_default(sources[0], sources[1], guard)) {
-      customizer = length < 3 ? void 0 : customizer;
-      length = 1;
-    }
-    object = Object(object);
-    while (++index < length) {
-      var source = sources[index];
-      if (source) {
-        assigner(object, source, index, customizer);
-      }
-    }
-    return object;
-  });
-}
-var createAssigner_default = createAssigner;
-
-// node_modules/lodash-es/_isPrototype.js
-init_esm_shims();
-var objectProto5 = Object.prototype;
-function isPrototype(value) {
-  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto5;
-  return value === proto;
-}
-var isPrototype_default = isPrototype;
-
-// node_modules/lodash-es/keys.js
-init_esm_shims();
-
-// node_modules/lodash-es/_arrayLikeKeys.js
-init_esm_shims();
-
-// node_modules/lodash-es/_baseTimes.js
-init_esm_shims();
-function baseTimes(n, iteratee) {
-  var index = -1, result = Array(n);
-  while (++index < n) {
-    result[index] = iteratee(index);
-  }
-  return result;
-}
-var baseTimes_default = baseTimes;
-
-// node_modules/lodash-es/isArguments.js
-init_esm_shims();
-
-// node_modules/lodash-es/_baseIsArguments.js
-init_esm_shims();
-var argsTag = "[object Arguments]";
-function baseIsArguments(value) {
-  return isObjectLike_default(value) && baseGetTag_default(value) == argsTag;
-}
-var baseIsArguments_default = baseIsArguments;
-
-// node_modules/lodash-es/isArguments.js
-var objectProto6 = Object.prototype;
-var hasOwnProperty5 = objectProto6.hasOwnProperty;
-var propertyIsEnumerable = objectProto6.propertyIsEnumerable;
-var isArguments = baseIsArguments_default(/* @__PURE__ */ function() {
-  return arguments;
-}()) ? baseIsArguments_default : function(value) {
-  return isObjectLike_default(value) && hasOwnProperty5.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
-};
-var isArguments_default = isArguments;
-
-// node_modules/lodash-es/isBuffer.js
-init_esm_shims();
-
-// node_modules/lodash-es/stubFalse.js
-init_esm_shims();
-function stubFalse() {
-  return false;
-}
-var stubFalse_default = stubFalse;
-
-// node_modules/lodash-es/isBuffer.js
-var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
-var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
-var moduleExports = freeModule && freeModule.exports === freeExports;
-var Buffer2 = moduleExports ? root_default.Buffer : void 0;
-var nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : void 0;
-var isBuffer = nativeIsBuffer || stubFalse_default;
-var isBuffer_default = isBuffer;
-
-// node_modules/lodash-es/isTypedArray.js
-init_esm_shims();
-
-// node_modules/lodash-es/_baseIsTypedArray.js
-init_esm_shims();
-var argsTag2 = "[object Arguments]";
-var arrayTag = "[object Array]";
-var boolTag = "[object Boolean]";
-var dateTag = "[object Date]";
-var errorTag = "[object Error]";
-var funcTag2 = "[object Function]";
-var mapTag = "[object Map]";
-var numberTag = "[object Number]";
-var objectTag = "[object Object]";
-var regexpTag = "[object RegExp]";
-var setTag = "[object Set]";
-var stringTag = "[object String]";
-var weakMapTag = "[object WeakMap]";
-var arrayBufferTag = "[object ArrayBuffer]";
-var dataViewTag = "[object DataView]";
-var float32Tag = "[object Float32Array]";
-var float64Tag = "[object Float64Array]";
-var int8Tag = "[object Int8Array]";
-var int16Tag = "[object Int16Array]";
-var int32Tag = "[object Int32Array]";
-var uint8Tag = "[object Uint8Array]";
-var uint8ClampedTag = "[object Uint8ClampedArray]";
-var uint16Tag = "[object Uint16Array]";
-var uint32Tag = "[object Uint32Array]";
-var typedArrayTags = {};
-typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
-typedArrayTags[argsTag2] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag2] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
-function baseIsTypedArray(value) {
-  return isObjectLike_default(value) && isLength_default(value.length) && !!typedArrayTags[baseGetTag_default(value)];
-}
-var baseIsTypedArray_default = baseIsTypedArray;
-
-// node_modules/lodash-es/_baseUnary.js
-init_esm_shims();
-function baseUnary(func) {
-  return function(value) {
-    return func(value);
   };
-}
-var baseUnary_default = baseUnary;
-
-// node_modules/lodash-es/_nodeUtil.js
-init_esm_shims();
-var freeExports2 = typeof exports == "object" && exports && !exports.nodeType && exports;
-var freeModule2 = freeExports2 && typeof module == "object" && module && !module.nodeType && module;
-var moduleExports2 = freeModule2 && freeModule2.exports === freeExports2;
-var freeProcess = moduleExports2 && freeGlobal_default.process;
-var nodeUtil = function() {
-  try {
-    var types = freeModule2 && freeModule2.require && freeModule2.require("util").types;
-    if (types) {
-      return types;
-    }
-    return freeProcess && freeProcess.binding && freeProcess.binding("util");
-  } catch (e) {
+  for (var i = 1; i < arguments.length; i++) {
+    var _ret = _loop();
+    if (_ret === "continue") continue;
   }
-}();
-var nodeUtil_default = nodeUtil;
-
-// node_modules/lodash-es/isTypedArray.js
-var nodeIsTypedArray = nodeUtil_default && nodeUtil_default.isTypedArray;
-var isTypedArray = nodeIsTypedArray ? baseUnary_default(nodeIsTypedArray) : baseIsTypedArray_default;
-var isTypedArray_default = isTypedArray;
-
-// node_modules/lodash-es/_arrayLikeKeys.js
-var objectProto7 = Object.prototype;
-var hasOwnProperty6 = objectProto7.hasOwnProperty;
-function arrayLikeKeys(value, inherited) {
-  var isArr = isArray_default(value), isArg = !isArr && isArguments_default(value), isBuff = !isArr && !isArg && isBuffer_default(value), isType = !isArr && !isArg && !isBuff && isTypedArray_default(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes_default(value.length, String) : [], length = result.length;
-  for (var key in value) {
-    if ((inherited || hasOwnProperty6.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
-    (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-    isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-    isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
-    isIndex_default(key, length)))) {
-      result.push(key);
-    }
-  }
-  return result;
-}
-var arrayLikeKeys_default = arrayLikeKeys;
-
-// node_modules/lodash-es/_baseKeys.js
-init_esm_shims();
-
-// node_modules/lodash-es/_nativeKeys.js
-init_esm_shims();
-
-// node_modules/lodash-es/_overArg.js
-init_esm_shims();
-function overArg(func, transform) {
-  return function(arg) {
-    return func(transform(arg));
-  };
-}
-var overArg_default = overArg;
-
-// node_modules/lodash-es/_nativeKeys.js
-var nativeKeys = overArg_default(Object.keys, Object);
-var nativeKeys_default = nativeKeys;
-
-// node_modules/lodash-es/_baseKeys.js
-var objectProto8 = Object.prototype;
-var hasOwnProperty7 = objectProto8.hasOwnProperty;
-function baseKeys(object) {
-  if (!isPrototype_default(object)) {
-    return nativeKeys_default(object);
-  }
-  var result = [];
-  for (var key in Object(object)) {
-    if (hasOwnProperty7.call(object, key) && key != "constructor") {
-      result.push(key);
-    }
-  }
-  return result;
-}
-var baseKeys_default = baseKeys;
-
-// node_modules/lodash-es/keys.js
-function keys(object) {
-  return isArrayLike_default(object) ? arrayLikeKeys_default(object) : baseKeys_default(object);
+  return target;
 }
-var keys_default = keys;
-
-// node_modules/lodash-es/assign.js
-var objectProto9 = Object.prototype;
-var hasOwnProperty8 = objectProto9.hasOwnProperty;
-var assign = createAssigner_default(function(object, source) {
-  if (isPrototype_default(source) || isArrayLike_default(source)) {
-    copyObject_default(source, keys_default(source), object);
-    return;
-  }
-  for (var key in source) {
-    if (hasOwnProperty8.call(source, key)) {
-      assignValue_default(object, key, source[key]);
-    }
-  }
-});
 var assign_default = assign;
+var buildCommon = d3plusConfigBuilder.common;
+var buildBarchart = d3plusConfigBuilder.barchart;
+var buildChoropleth = d3plusConfigBuilder.choropleth;
+var buildDonut = d3plusConfigBuilder.donut;
+var buildLineplot = d3plusConfigBuilder.lineplot;
+var buildStackedarea = d3plusConfigBuilder.stackedarea;
+var buildTreemap = d3plusConfigBuilder.treemap;
+d3plusConfigBuilder.common = (chart, params) => {
+  const config = buildCommon(chart, params);
+  return config;
+};
 function useD3plusConfig(chart, params) {
   const { fullMode, getMeasureConfig, showConfidenceInt, t } = params;
   const { getFormatter } = useFormatter();
   return useMemo(() => {
-    if (!chart) return [null, { data: "", locale: "" }];
-    const params2 = { fullMode, getFormatter, getMeasureConfig, showConfidenceInt, t };
-    const { locale } = chart.datagroup;
+    if (!chart) return [null, { data: [], locale: "" }];
+    const params2 = {
+      fullMode,
+      getFormatter,
+      getMeasureConfig,
+      showConfidenceInt,
+      t: (template, data) => t(`vizbuilder.${template}`, data)
+    };
     if (chart.type === "barchart") {
       return [BarChart, buildBarchartConfig(chart, params2)];
     }
     if (chart.type === "choropleth") {
-      return [Geomap, buildChoroplethConfig(chart, params2)];
+      const config = buildChoroplethConfig(chart, params2);
+      if (chart.extraConfig.d3plus) assign_default(config, chart.extraConfig.d3plus);
+      return [Geomap, config];
     }
     if (chart.type === "donut") {
       return [Donut, buildDonutConfig(chart, params2)];
@@ -7937,316 +7364,33 @@ function useD3plusConfig(chart, params) {
     if (chart.type === "treemap") {
       return [Treemap, buildTreemapConfig(chart, params2)];
     }
-    return [null, { data: "", locale }];
+    return [null, { data: [], locale: "" }];
   }, [chart, fullMode, getFormatter, getMeasureConfig, showConfidenceInt, t]);
 }
 function buildBarchartConfig(chart, params) {
-  const { fullMode, getFormatter, t } = params;
-  const { datagroup, values, series, timeline, orientation } = chart;
-  const { columns, dataset, locale } = datagroup;
-  const [mainSeries, stackedSeries] = series;
-  const collate = new Intl.Collator(locale, { numeric: true, ignorePunctuation: true });
-  const measureFormatter = getFormatter(values.measure);
-  const measureAggregator = values.measure.annotations.aggregation_method || values.measure.aggregator;
-  const measureUnits = values.measure.annotations.units_of_measurement || "";
-  const isPercentage = ["Percentage", "Rate"].includes(measureUnits);
-  const config = {
-    barPadding: fullMode ? 5 : 1,
-    data: dataset,
-    discrete: chart.orientation === "horizontal" ? "y" : "x",
-    groupBy: stackedSeries == null ? void 0 : stackedSeries.name,
-    groupPadding: fullMode ? 5 : 1,
-    label: (d) => series.map((series2) => d[series2.level.name]).join("\n"),
-    legend: fullMode,
-    locale,
-    stacked: stackedSeries && isOneOf(measureAggregator.toUpperCase(), ["COUNT", "SUM"]) || isPercentage,
-    time: (timeline == null ? void 0 : timeline.name) === "Quarter ID" ? timeline.level.name : timeline == null ? void 0 : timeline.name,
-    timeline: timeline && fullMode,
-    timelineConfig: {
-      brushing: false,
-      playButton: false
-    },
-    title: _buildTitle(t, chart),
-    titleConfig: {
-      fontSize: fullMode ? 20 : 10
-    },
-    tooltipConfig: {
-      tbody: _buildTooltipTbody(columns, values.measure, measureFormatter, locale)
-    },
-    total: !timeline,
-    totalFormat: (d) => t("vizbuilder.title.total", { value: measureFormatter(d, locale) })
-  };
-  if (orientation === "horizontal") {
-    Object.assign(config, {
-      x: values.measure.name,
-      xConfig: {
-        title: values.measure.caption,
-        tickFormat: (d) => measureFormatter(d, locale)
-      },
-      y: mainSeries.level.name,
-      yConfig: {
-        title: mainSeries.level.caption
-      },
-      ySort: collate.compare
-    });
-  } else {
-    Object.assign(config, {
-      x: mainSeries.level.name,
-      xConfig: {
-        title: mainSeries.level.caption
-      },
-      y: values.measure.name,
-      yConfig: {
-        title: values.measure.caption,
-        tickFormat: (d) => measureFormatter(d, locale)
-      }
-    });
-  }
+  const config = buildBarchart(chart, params);
   return config;
 }
 function buildChoroplethConfig(chart, params) {
-  const { datagroup, values, series, timeline } = chart;
-  const { fullMode, getFormatter, t } = params;
-  const { columns, dataset, locale } = datagroup;
-  const { members: firstSeriesMembers } = series[0];
-  const lastSeries = getLast(series);
-  const measureFormatter = getFormatter(values.measure);
-  const config = {
-    colorScale: values.measure.name,
-    colorScaleConfig: {
-      axisConfig: {
-        tickFormat: (d) => measureFormatter(d, locale)
-      },
-      scale: "jenks"
-    },
-    colorScalePosition: fullMode ? "right" : false,
-    data: dataset,
-    fitFilter: (d) => {
-      var _a;
-      return firstSeriesMembers.includes((_a = d.id) != null ? _a : d.properties.id);
-    },
-    groupBy: series.map((series2) => series2.name),
-    label: (d) => series.map((series2) => d[series2.level.name]).join("\n"),
-    locale,
-    ocean: "transparent",
-    projectionRotate: [0, 0],
-    tiles: false,
-    time: timeline == null ? void 0 : timeline.level.name,
-    timeline: fullMode && (timeline == null ? void 0 : timeline.level.name),
-    timelineConfig: {
-      brushing: false,
-      playButton: false
-    },
-    title: _buildTitle(t, chart),
-    titleConfig: {
-      fontSize: fullMode ? 20 : 10
-    },
-    tooltip: true,
-    tooltipConfig: {
-      title(d) {
-        return d[lastSeries.level.name];
-      },
-      tbody: _buildTooltipTbody(columns, values.measure, measureFormatter, locale)
-    },
-    totalFormat: (d) => t("vizbuilder.title.total", { value: measureFormatter(d, locale) }),
-    zoomScroll: false
-  };
-  assign_default(config, chart.extraConfig);
+  const config = buildChoropleth(chart, params);
   return config;
 }
 function buildDonutConfig(chart, params) {
-  const { datagroup, series, timeline, values } = chart;
-  const { fullMode, getFormatter, t } = params;
-  const { columns, dataset, locale } = datagroup;
-  const [mainSeries] = series;
-  const measureFormatter = getFormatter(values.measure);
-  const config = {
-    data: dataset,
-    groupBy: [mainSeries.name],
-    label: (d) => d[mainSeries.level.name],
-    locale,
-    time: timeline == null ? void 0 : timeline.name,
-    timeline: fullMode && timeline,
-    timelineConfig: {
-      brushing: false,
-      playButton: false
-    },
-    title: _buildTitle(t, chart),
-    titleConfig: {
-      fontSize: fullMode ? 20 : 10
-    },
-    tooltipConfig: {
-      tbody: _buildTooltipTbody(columns, values.measure, measureFormatter, locale)
-    },
-    total: !timeline,
-    totalFormat: (d) => t("vizbuilder.title.total", { value: measureFormatter(d, locale) }),
-    value: values.measure.name
-  };
+  const config = buildDonut(chart, params);
   return config;
 }
 function buildLineplotConfig(chart, params) {
-  const { datagroup, values, series, timeline } = chart;
-  const { fullMode, getFormatter, t } = params;
-  const { columns, dataset, locale } = datagroup;
-  const measureFormatter = getFormatter(values.measure);
-  const config = {
-    data: dataset,
-    discrete: "x",
-    label: (d) => {
-      return series.map((series2) => d[series2.level.name]).join("\n") || t("vizbuilder.title.measure_on_period", {
-        measure: values.measure.caption,
-        period: d[timeline.level.name]
-      });
-    },
-    legend: fullMode,
-    locale,
-    groupBy: series.length ? series.map((series2) => series2.name) : void 0,
-    time: timeline.level.name,
-    timeline: fullMode,
-    timelineConfig: {
-      brushing: true,
-      playButton: false
-    },
-    title: _buildTitle(t, chart),
-    titleConfig: {
-      fontSize: fullMode ? 20 : 10
-    },
-    tooltipConfig: {
-      tbody: _buildTooltipTbody(columns, values.measure, measureFormatter, locale)
-    },
-    total: false,
-    totalFormat: (d) => t("vizbuilder.title.total", { value: measureFormatter(d, locale) }),
-    x: timeline.level.name,
-    xConfig: {
-      title: timeline.level.caption
-    },
-    y: values.measure.name,
-    yConfig: {
-      scale: "auto",
-      tickFormat: (d) => measureFormatter(d, locale),
-      title: values.measure.caption
-    }
-  };
+  const config = buildLineplot(chart, params);
   return config;
 }
 function buildStackedareaConfig(chart, params) {
-  const { datagroup, series, timeline, values } = chart;
-  const { fullMode, getFormatter, t } = params;
-  const { columns, dataset, locale } = datagroup;
-  const measureFormatter = getFormatter(values.measure);
-  const config = {
-    data: dataset,
-    groupBy: series.map((series2) => series2.name),
-    locale,
-    time: timeline == null ? void 0 : timeline.name,
-    timeline: timeline && fullMode,
-    title: _buildTitle(t, chart),
-    titleConfig: {
-      fontSize: fullMode ? 20 : 10
-    },
-    tooltipConfig: {
-      tbody: _buildTooltipTbody(columns, values.measure, measureFormatter, locale)
-    },
-    totalFormat: (d) => t("vizbuilder.title.total", { value: measureFormatter(d, locale) }),
-    value: values.measure.name
-  };
+  const config = buildStackedarea(chart, params);
   return config;
 }
 function buildTreemapConfig(chart, params) {
-  const { datagroup, series, timeline, values } = chart;
-  const { fullMode, getFormatter, t } = params;
-  const { columns, dataset, locale } = datagroup;
-  const measureFormatter = getFormatter(values.measure);
-  const config = {
-    data: dataset,
-    label: (d) => series.map((series2) => d[series2.level.name]).join("\n"),
-    locale,
-    groupBy: series.map((series2) => series2.name),
-    sum: values.measure.name,
-    threshold: 5e-3,
-    thresholdName: series[0].name,
-    time: timeline == null ? void 0 : timeline.name,
-    timeline: timeline && fullMode,
-    title: _buildTitle(t, chart),
-    titleConfig: {
-      fontSize: fullMode ? 20 : 10
-    },
-    tooltipConfig: {
-      tbody: _buildTooltipTbody(columns, values.measure, measureFormatter, locale)
-    },
-    totalFormat: (d) => t("vizbuilder.title.total", { value: measureFormatter(d, locale) })
-  };
+  const config = buildTreemap(chart, params);
   return config;
 }
-function _buildTooltipTbody(columns, measure, measureFormatter, locale) {
-  return (d) => {
-    const { caption: meaCaption, name: meaName } = measure;
-    return filterMap(Object.values(columns), (column) => {
-      if (column.type === "measure") return null;
-      if (column.type === "level" && column.hasID && column.isID) return null;
-      const { caption, name: name4 } = getColumnEntity(column);
-      if (Array.isArray(d[name4])) return null;
-      return [caption, d[name4]];
-    }).concat([[meaCaption, measureFormatter(d[meaName], locale)]]);
-  };
-}
-function _buildTitle(t, chart) {
-  const { series, values } = chart;
-  const [mainSeries, otherSeries] = series;
-  const { measure } = values;
-  const timeline = chart.timeline || chart.time;
-  const seriesStr = (series2) => {
-    if (!series2) return "";
-    const { members } = series2.captions[series2.level.name];
-    if (series2.members.length < 5) {
-      return t("vizbuilder.title.series_members", {
-        series: series2.level.caption,
-        members: _buildTranslatedList(t, members)
-      });
-    }
-    return t("vizbuilder.title.series", {
-      series: series2.level.caption
-    });
-  };
-  const getMembers = (data, series2) => {
-    if (!data) return series2.members;
-    return [...new Set(data.map((d) => d[series2.name]))].sort();
-  };
-  return (data) => {
-    const aggregator = measure.annotations.aggregation_method || measure.aggregator;
-    const valuesKey = `vizbuilder.aggregator.${aggregator.toLowerCase()}`;
-    const values2 = otherSeries ? t(valuesKey, { measure: measure.caption }) : measure.caption;
-    const config = {
-      values: values2 === valuesKey ? measure.caption : values2,
-      measure: values2 === valuesKey ? measure.caption : values2,
-      series: otherSeries ? _buildTranslatedList(t, [seriesStr(mainSeries), seriesStr(otherSeries)]) : seriesStr(mainSeries),
-      time: timeline == null ? void 0 : timeline.level.caption,
-      period: timeline == null ? void 0 : timeline.level.caption,
-      time_period: timeline ? getLast(getMembers(data, timeline)) : ""
-    };
-    if (isOneOf(chart.type, ["lineplot", "stackedarea"])) {
-      if (!series.length) return t("vizbuilder.title.measure_over_period", config);
-      return t("vizbuilder.title.main_over_period", config);
-    }
-    if (timeline) return t("vizbuilder.title.main_on_period", config);
-    return t("vizbuilder.title.main", config);
-  };
-}
-function _buildTranslatedList(t, list) {
-  return t("vizbuilder.list.suffix", {
-    n: list.length,
-    nlessone: list.length - 1,
-    item: getLast(list),
-    rest: t("vizbuilder.list.prefix", {
-      n: list.length - 1,
-      nlessone: list.length - 2,
-      item: list[0],
-      rest: list.slice(1, -1).join(t("vizbuilder.list.join")),
-      list: list.slice(0, -1).join(t("vizbuilder.list.join"))
-    }),
-    list: list.join(t("vizbuilder.list.join"))
-  });
-}
 
 // src/vizbuilder/components/ErrorBoundary.tsx
 init_esm_shims();
@@ -8540,6 +7684,52 @@ function Vizbuilder(props) {
   ));
 }
 
+// src/vizbuilder/hooks/useVizbuilderData.ts
+init_esm_shims();
+function useFinalUniqueKeys() {
+  const drilldowns = useSelector$1(selectDrilldownItems);
+  const measures = useSelector$1(selectMeasureItems);
+  const finalUniqueKeys = useMemo(
+    () => [
+      ...measures.map((m) => m.active ? m.name : null),
+      ...drilldowns.map((d) => d.active ? d.level : null)
+    ].filter((a) => a !== null),
+    [measures, drilldowns]
+  );
+  return finalUniqueKeys;
+}
+function useVizbuilderData() {
+  const columns = useFinalUniqueKeys();
+  const { code: locale } = useSelector$1(selectLocale);
+  const permaKey = useKey();
+  const loadingState = useSelector$1(selectLoadingState);
+  const actions2 = useActions();
+  const enabled = Boolean(columns.length);
+  const initialKey = permaKey ? [permaKey] : permaKey;
+  const [filterKeydebouced, setDebouncedTerm] = useState(initialKey);
+  useEffect(() => {
+    if (!enabled && permaKey) return;
+    const handler = debounce(
+      () => {
+        const term = [permaKey];
+        setDebouncedTerm(term);
+      },
+      loadingState.loading ? 0 : 800
+    );
+    handler();
+    return () => handler.cancel();
+  }, [enabled, locale, loadingState.loading, permaKey]);
+  const query = useQuery({
+    queryKey: ["table", filterKeydebouced],
+    queryFn: () => actions2.willFetchQuery({ withoutPagination: true }).then((result) => {
+      return result;
+    }),
+    staleTime: 3e5,
+    enabled: enabled && !!filterKeydebouced
+  });
+  return query;
+}
+
 // src/vizbuilder/components/VizbuilderView.tsx
 var CHART_LIMITS = {
   BARCHART_MAX_BARS: 20,
@@ -8555,17 +7745,19 @@ var CHART_LIMITS = {
 var DOWNLOAD_FORMATS = ["SVG", "PNG"];
 function VizbuilderView(props) {
   const { cube, params, result } = props;
+  const query = useVizbuilderData();
   const dataset = useMemo(() => {
+    var _a;
     const columns = Object.keys(result.types);
     return {
       columns: Object.fromEntries(
         columns.map((columnName) => [columnName, buildColumn(cube, columnName, columns)])
       ),
-      data: result.data,
+      data: ((_a = query.data) == null ? void 0 : _a.data) || [],
       locale: params.locale || "en"
     };
   }, [cube, result, params.locale]);
-  return /* @__PURE__ */ React19__default.createElement(
+  return !query.isLoading && /* @__PURE__ */ React19__default.createElement(
     Vizbuilder,
     {
       datasets: dataset,
@@ -8578,17 +7770,6 @@ function VizbuilderView(props) {
 
 file-saver/FileSaver.js:
   (*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js *)
-
-lodash-es/lodash.js:
-  (**
-   * @license
-   * Lodash (Custom Build) <https://lodash.com/>
-   * Build: `lodash modularize exports="es" -o ./`
-   * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
-   * Released under MIT license <https://lodash.com/license>
-   * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
-   * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-   *)
 */
 
 export { DebugView, ExplorerComponent as Explorer, PivotView, SettingsConsumer, TableView, ToolbarButton, TourStep, TranslationConsumer, VizbuilderView, reducer as explorerReducer, thunkExtraArg as explorerThunkExtraArg, defaultTranslation as translationDict, useSettings, useTranslation };