@datawheel/data-explorer 1.0.10 → 1.0.12

package/dist/main.mjs

@@ -3311,16 +3311,14 @@ function TableView({
   setPagination,
   result
 }) {
-  var _a;
   const isData = Boolean(table.getRowModel().rows.length);
   const viewport = useRef(null);
   const rowRef = useRef(null);
+  const url = (result == null ? void 0 : result.url) || "";
   useEffect(() => {
-    var _a2;
-    (_a2 = viewport.current) == null ? void 0 : _a2.scrollTo({ top: 0, behavior: "smooth" });
+    var _a;
+    (_a = viewport.current) == null ? void 0 : _a.scrollTo({ top: 0, behavior: "smooth" });
   }, [pagination == null ? void 0 : pagination.pageIndex, pagination == null ? void 0 : pagination.pageSize]);
-  const { data: serverSchema } = useServerSchema();
-  const url = (_a = serverSchema == null ? void 0 : serverSchema.url) != null ? _a : "";
   return /* @__PURE__ */ React13__default.createElement(Box, { sx: { height: "100%" } }, /* @__PURE__ */ React13__default.createElement(Flex, { direction: "column", justify: "space-between", sx: { height: "100%", flex: "1 1 auto" } }, /* @__PURE__ */ React13__default.createElement(MRT_ProgressBar, { isTopToolbar: false, table }), /* @__PURE__ */ React13__default.createElement(
     ScrollArea,
     {
@@ -3357,7 +3355,7 @@ function TableView({
           }
         },
         table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React13__default.createElement(Box, { component: "tr", key: headerGroup.id, sx: { fontWeight: "normal" } }, headerGroup.headers.map((header) => {
-          var _a2;
+          var _a;
           const column = table.getColumn(header.id);
           const isNumeric = column.columnDef.dataType === "number";
           const isRowIndex = column.id === "#";
@@ -3399,7 +3397,7 @@ function TableView({
                 }
               },
               header.isPlaceholder ? null : flexRender(
-                (_a2 = header.column.columnDef.Header) != null ? _a2 : header.column.columnDef.header,
+                (_a = header.column.columnDef.Header) != null ? _a : header.column.columnDef.header,
                 header.getContext()
               ),
               !isRowIndex && /* @__PURE__ */ React13__default.createElement(ColumnFilterCell, { isNumeric, header, table })
@@ -4209,6 +4207,150 @@ function Toolbar({
   return smallerThanLg ? /* @__PURE__ */ React13__default.createElement(Menu, null, /* @__PURE__ */ React13__default.createElement(Menu.Target, null, /* @__PURE__ */ React13__default.createElement(ActionIcon, null, /* @__PURE__ */ React13__default.createElement(IconSettings, null))), /* @__PURE__ */ React13__default.createElement(Menu.Dropdown, null, settings)) : settings;
 }
 
+// src/context/query.tsx
+init_esm_shims();
+var QueryContext = createContext(void 0);
+function QueryProvider({ children, defaultCube }) {
+  const { tesseract } = useLogicLayer();
+  const location2 = useLocation();
+  const { updateCurrentQuery } = useActions();
+  const { paginationConfig, measuresActive, serverURL, defaultLocale } = useSettings();
+  const { data: schema, isLoading: schemaLoading, isError: schemaError } = useServerSchema();
+  const updateUrl = useUpdateUrl();
+  const queryItem = useSelector$1(selectCurrentQueryItem);
+  const prevLocaleRef = useRef();
+  function fetchMembers(level, localeStr, cubeName) {
+    return tesseract.fetchMembers({ request: { cube: cubeName || "", level, locale: localeStr } });
+  }
+  const {
+    run: runFetchMembers,
+    data: membersData,
+    isSuccess: isMembersSuccess,
+    isLoading: membersLoading
+  } = useAsync();
+  const [transintionLocaleLoading, setTransintionLocaleLoading] = React13__default.useState(false);
+  useEffect(() => {
+    if (schemaLoading) {
+      setTransintionLocaleLoading(true);
+    }
+    const searchParams = new URLSearchParams(location2.search);
+    const cube = searchParams.get("cube");
+    const cubeMap = (schema == null ? void 0 : schema.cubeMap) || void 0;
+    if (cube && cubeMap && serverURL && cubeMap[cube] && (schema == null ? void 0 : schema.online)) {
+      let newQuery = parsePermalink(cubeMap[cube], searchParams);
+      newQuery = isValidQuery(newQuery == null ? void 0 : newQuery.params) ? newQuery : buildQuery({ params: { cube } });
+      newQuery.params.locale = defaultLocale || newQuery.params.locale;
+      if (newQuery) {
+        const promises = Object.values(newQuery.params.drilldowns).map((dd) => {
+          const currentDrilldown = queryItem.params.drilldowns[dd.key];
+          const localeChanged = prevLocaleRef.current !== (newQuery == null ? void 0 : newQuery.params.locale);
+          if (currentDrilldown && currentDrilldown.members && currentDrilldown.members.length > 0 && !localeChanged) {
+            return Promise.resolve({
+              drilldown: currentDrilldown,
+              cut: buildCut({ ...currentDrilldown, active: false })
+            });
+          } else {
+            return fetchMembers(dd.level, newQuery == null ? void 0 : newQuery.params.locale, cube).then((levelMeta) => {
+              const cut = buildCut({ ...dd, active: false });
+              return {
+                drilldown: {
+                  ...dd,
+                  members: levelMeta.members
+                },
+                cut
+              };
+            });
+          }
+        });
+        runFetchMembers(Promise.all(promises)).then((data) => {
+          setTransintionLocaleLoading(false);
+          prevLocaleRef.current = newQuery == null ? void 0 : newQuery.params.locale;
+          const drilldowns = data.map((item) => item.drilldown);
+          const cuts = data.map((item) => item.cut);
+          newQuery.params.drilldowns = keyBy(drilldowns, "key");
+          const existingCuts = keyBy(
+            Object.values(newQuery.params.cuts || {}).map((c) => ({ ...c, key: c.level })),
+            "key"
+          );
+          const newCuts = keyBy(cuts, "key");
+          newQuery.params.cuts = { ...newCuts, ...existingCuts };
+          const newQueryItem = isValidQuery(newQuery.params) ? newQuery : void 0;
+          if (newQueryItem) {
+            updateCurrentQuery({ ...newQuery, link: serializePermalink(newQuery) });
+          }
+        });
+      }
+    }
+    if (!cube && cubeMap && serverURL && (schema == null ? void 0 : schema.online)) {
+      const cubeDefault = defaultCube && hasProperty(cubeMap, defaultCube) ? defaultCube : Object.keys(cubeMap)[0];
+      setDefaultValues(cubeMap[cubeDefault]);
+    }
+  }, [location2.search, runFetchMembers, schema, schemaLoading, serverURL, defaultLocale]);
+  const onChangeCube = (table, subtopic) => {
+    const locale = defaultLocale || queryItem.params.locale;
+    const cubeMap = (schema == null ? void 0 : schema.cubeMap) || {};
+    const cubeArray = getValues(cubeMap);
+    const cube = cubeArray.find(
+      (cube2) => cube2.name === table && getAnnotation(cube2, "subtopic", locale) === subtopic
+    );
+    if (cube) {
+      setDefaultValues(cube);
+    }
+  };
+  function setDefaultValues(cube) {
+    const drilldowns = pickDefaultDrilldowns(cube.dimensions).map(
+      (level) => buildDrilldown({
+        ...level,
+        key: level.name,
+        active: true,
+        properties: level.properties.map(
+          (prop) => buildProperty({ level: level.name, name: prop.name })
+        )
+      })
+    );
+    const measuresLimit = typeof measuresActive !== "undefined" ? measuresActive : cube.measures.length;
+    const measures = cube.measures.slice(0, measuresLimit).map((measure) => {
+      return buildMeasure({
+        active: true,
+        key: measure.name,
+        name: measure.name,
+        caption: measure.caption
+      });
+    });
+    const panel = queryItem.panel;
+    const locale = defaultLocale || queryItem.params.locale;
+    const query = buildQuery({
+      params: {
+        cube: cube.name,
+        measures: keyBy(measures, (item) => item.key),
+        drilldowns: keyBy(drilldowns, (item) => item.key),
+        locale
+      },
+      panel: panel != null ? panel : "table"
+    });
+    updateUrl(query);
+  }
+  return /* @__PURE__ */ React13__default.createElement(
+    QueryContext.Provider,
+    {
+      value: {
+        onChangeCube,
+        schemaLoading,
+        membersLoading,
+        transintionLocaleLoading
+      }
+    },
+    children
+  );
+}
+function useQueryItem() {
+  const context = useContext(QueryContext);
+  if (context === void 0) {
+    throw new Error("useQuery must be used within a QueryProvider");
+  }
+  return context;
+}
+
 // src/components/ExplorerResults.tsx
 var useStyles2 = createStyles(() => ({
   container: {
@@ -4224,6 +4366,7 @@ function ExplorerResults(props) {
     isError: schemaError,
     error: schemaErrorDetail
   } = useServerSchema();
+  const { transintionLocaleLoading } = useQueryItem();
   const { params } = useSelector$1(selectCurrentQueryItem);
   const cubeMap = (schema == null ? void 0 : schema.cubeMap) || {};
   const cube = cubeMap[params.cube];
@@ -4251,7 +4394,7 @@ function ExplorerResults(props) {
       }
     );
   }
-  if (isServerOnline == null || !cube) {
+  if (isServerOnline == null || !cube || schemaLoading || transintionLocaleLoading) {
     return /* @__PURE__ */ React13__default.createElement(
       Paper,
       {
@@ -4360,7 +4503,7 @@ function SuccessResult(props) {
           h: "fit-content"
         },
         /* @__PURE__ */ React13__default.createElement(ExplorerTabs, { panels, onChange: tabHandler, value: panelKey }),
-        (!queryItem.panel || queryItem.panel === "table") && /* @__PURE__ */ React13__default.createElement(Group, { sx: { display: "flex", flex: "0 1 auto", gap: "0.5rem" }, mr: "sm", noWrap: true }, props.table && /* @__PURE__ */ React13__default.createElement(Toolbar, { table: props.table, fullscreen }), /* @__PURE__ */ React13__default.createElement(DrawerMenu_default, null))
+        (!queryItem.panel || queryItem.panel === "table") && /* @__PURE__ */ React13__default.createElement(Group, { sx: { display: "flex", flex: "0 1 auto", gap: "0.5rem" }, mr: "sm", noWrap: true }, table && /* @__PURE__ */ React13__default.createElement(Toolbar, { table, fullscreen }), /* @__PURE__ */ React13__default.createElement(DrawerMenu_default, null))
       ),
       isPreviewMode && /* @__PURE__ */ React13__default.createElement(Alert, { id: "alert-load-all-results", color: "yellow", radius: 0, sx: { flex: "0 0 auto" } }, /* @__PURE__ */ React13__default.createElement(Group, { position: "apart" }, /* @__PURE__ */ React13__default.createElement(Text, null, /* @__PURE__ */ React13__default.createElement(Text, { fw: 700, span: true }, t("previewMode.title_preview"), ":", " "), /* @__PURE__ */ React13__default.createElement(Text, { span: true }, t("previewMode.description_preview", { limit: previewLimit }))), /* @__PURE__ */ React13__default.createElement(PreviewModeSwitch, null))),
       /* @__PURE__ */ React13__default.createElement(
@@ -4396,7 +4539,7 @@ init_esm_shims();
 
 // src/utils/create-context.ts
 init_esm_shims();
-var createContext3 = (name4) => {
+var createContext4 = (name4) => {
   const Context = React13__default.createContext(void 0);
   const useContext5 = () => {
     const ctx = React13__default.useContext(Context);
@@ -4609,7 +4752,7 @@ function useCubeSearch(input, graph) {
 }
 
 // src/components/SideBar.tsx
-var [useSideBar, Provider] = createContext3("SideBar");
+var [useSideBar, Provider] = createContext4("SideBar");
 function SideBarProvider(props) {
   const [input, setInput] = useDebouncedState("", 200);
   const [expanded, setExpanded] = useState(true);
@@ -4808,143 +4951,6 @@ init_esm_shims();
 
 // src/components/Results.tsx
 init_esm_shims();
-
-// src/context/query.tsx
-init_esm_shims();
-var QueryContext = createContext(void 0);
-function QueryProvider({ children, defaultCube }) {
-  const { tesseract } = useLogicLayer();
-  const location2 = useLocation();
-  const { updateCurrentQuery } = useActions();
-  const { paginationConfig, measuresActive, serverURL, defaultLocale } = useSettings();
-  const { data: schema, isLoading: schemaLoading, isError: schemaError } = useServerSchema();
-  const updateUrl = useUpdateUrl();
-  const queryItem = useSelector$1(selectCurrentQueryItem);
-  function fetchMembers(level, localeStr, cubeName) {
-    return tesseract.fetchMembers({ request: { cube: cubeName || "", level, locale: localeStr } });
-  }
-  const {
-    run: runFetchMembers,
-    data: membersData,
-    isSuccess: isMembersSuccess,
-    isLoading: membersLoading
-  } = useAsync();
-  useEffect(() => {
-    const searchParams = new URLSearchParams(location2.search);
-    const cube = searchParams.get("cube");
-    const cubeMap = (schema == null ? void 0 : schema.cubeMap) || void 0;
-    if (cube && cubeMap && serverURL && cubeMap[cube] && (schema == null ? void 0 : schema.online)) {
-      let newQuery = parsePermalink(cubeMap[cube], searchParams);
-      newQuery = isValidQuery(newQuery == null ? void 0 : newQuery.params) ? newQuery : buildQuery({ params: { cube } });
-      newQuery.params.locale = defaultLocale || newQuery.params.locale;
-      if (newQuery) {
-        const promises = Object.values(newQuery.params.drilldowns).map((dd) => {
-          const currentDrilldown = queryItem.params.drilldowns[dd.key];
-          if (currentDrilldown && currentDrilldown.members && currentDrilldown.members.length > 0) {
-            return Promise.resolve({
-              drilldown: currentDrilldown,
-              cut: buildCut({ ...currentDrilldown, active: false })
-            });
-          } else {
-            return fetchMembers(dd.level, newQuery == null ? void 0 : newQuery.params.locale, cube).then((levelMeta) => {
-              const cut = buildCut({ ...dd, active: false });
-              return {
-                drilldown: {
-                  ...dd,
-                  members: levelMeta.members
-                },
-                cut
-              };
-            });
-          }
-        });
-        runFetchMembers(Promise.all(promises)).then((data) => {
-          const drilldowns = data.map((item) => item.drilldown);
-          const cuts = data.map((item) => item.cut);
-          newQuery.params.drilldowns = keyBy(drilldowns, "key");
-          const existingCuts = keyBy(
-            Object.values(newQuery.params.cuts || {}).map((c) => ({ ...c, key: c.level })),
-            "key"
-          );
-          const newCuts = keyBy(cuts, "key");
-          newQuery.params.cuts = { ...newCuts, ...existingCuts };
-          const newQueryItem = isValidQuery(newQuery.params) ? newQuery : void 0;
-          if (newQueryItem) {
-            updateCurrentQuery({ ...newQuery, link: serializePermalink(newQuery) });
-          }
-        });
-      }
-    }
-    if (!cube && cubeMap && serverURL && (schema == null ? void 0 : schema.online)) {
-      const cubeDefault = defaultCube && hasProperty(cubeMap, defaultCube) ? defaultCube : Object.keys(cubeMap)[0];
-      setDefaultValues(cubeMap[cubeDefault]);
-    }
-  }, [location2.search, runFetchMembers, schema, serverURL, defaultLocale]);
-  const onChangeCube = (table, subtopic) => {
-    const locale = defaultLocale || queryItem.params.locale;
-    const cubeMap = (schema == null ? void 0 : schema.cubeMap) || {};
-    const cubeArray = getValues(cubeMap);
-    const cube = cubeArray.find(
-      (cube2) => cube2.name === table && getAnnotation(cube2, "subtopic", locale) === subtopic
-    );
-    if (cube) {
-      setDefaultValues(cube);
-    }
-  };
-  function setDefaultValues(cube) {
-    const drilldowns = pickDefaultDrilldowns(cube.dimensions).map(
-      (level) => buildDrilldown({
-        ...level,
-        key: level.name,
-        active: true,
-        properties: level.properties.map(
-          (prop) => buildProperty({ level: level.name, name: prop.name })
-        )
-      })
-    );
-    const measuresLimit = typeof measuresActive !== "undefined" ? measuresActive : cube.measures.length;
-    const measures = cube.measures.slice(0, measuresLimit).map((measure) => {
-      return buildMeasure({
-        active: true,
-        key: measure.name,
-        name: measure.name,
-        caption: measure.caption
-      });
-    });
-    const panel = queryItem.panel;
-    const locale = defaultLocale || queryItem.params.locale;
-    const query = buildQuery({
-      params: {
-        cube: cube.name,
-        measures: keyBy(measures, (item) => item.key),
-        drilldowns: keyBy(drilldowns, (item) => item.key),
-        locale
-      },
-      panel: panel != null ? panel : "table"
-    });
-    updateUrl(query);
-  }
-  return /* @__PURE__ */ React13__default.createElement(
-    QueryContext.Provider,
-    {
-      value: {
-        onChangeCube,
-        schemaLoading,
-        membersLoading
-      }
-    },
-    children
-  );
-}
-function useQueryItem() {
-  const context = useContext(QueryContext);
-  if (context === void 0) {
-    throw new Error("useQuery must be used within a QueryProvider");
-  }
-  return context;
-}
-
-// src/components/Results.tsx
 function Results(props) {
   const { graph, selectedItem, locale, getCube: getCube2, isSelected: isSelected2, isSelectionInProgress } = props;
   const { classes } = useStyles3();
@@ -5628,7 +5634,6 @@ var useStyles5 = createStyles((theme) => ({
 function PivotView(props) {
   var _a;
   const { cube, params, result, isLoading, ...mantineReactTableProps } = props;
-  console.log("PivotView", props);
   const locale = params.locale;
   const { translate: t } = useTranslation();
   const { data: schema } = useServerSchema();
@@ -7743,7 +7748,6 @@ function VizbuilderView(props) {
 init_esm_shims();
 function RawResponseView(props) {
   const { result, isLoading, isFetching } = props;
-  console.log(result);
   const theme = useMantineTheme();
   const token = "tokenValue";
   const tokenizedUrl = (result == null ? void 0 : result.url) ? `${result.url}${`&token=${token}` }` : "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datawheel/data-explorer",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "main": "./dist/main.mjs",
   "types": "./dist/main.d.mts",
   "files": [