@datawheel/data-explorer 1.0.9 → 1.0.10

package/dist/main.d.mts

@@ -1333,4 +1333,6 @@ declare function VizbuilderView(props: {
 
 declare function TourStep(props: TourStepsPropsType): React.JSX.Element;
 
-export { DebugView, ExplorerComponent as Explorer, type ExplorerState, type ExplorerStepType, PivotView, SettingsConsumer, TableView, ToolbarButton, TourStep, TranslationConsumer, type Translation as TranslationDict, type ViewProps, VizbuilderView, reducer as explorerReducer, thunkExtraArg as explorerThunkExtraArg, defaultTranslation as translationDict, useSettings, useTranslation };
+declare function RawResponseView(props: any): React.JSX.Element;
+
+export { DebugView, ExplorerComponent as Explorer, type ExplorerState, type ExplorerStepType, PivotView, RawResponseView, SettingsConsumer, TableView, ToolbarButton, TourStep, TranslationConsumer, type Translation as TranslationDict, type ViewProps, VizbuilderView, reducer as explorerReducer, thunkExtraArg as explorerThunkExtraArg, defaultTranslation as translationDict, useSettings, useTranslation };

package/dist/main.mjs

@@ -1,6 +1,6 @@
-import { keyframes, createStyles, Select, rem, Input, Box, Text, Stack, Group, Button, SimpleGrid, Flex, ScrollArea, LoadingOverlay, Table, MultiSelect, Center, NumberInput, Menu, ActionIcon, UnstyledButton, Alert, Loader, Container, Title, useMantineTheme, MantineProvider, Modal, Space, useComponentDefaultProps, Anchor, Paper, Accordion, Tooltip, Tabs, Switch, ThemeIcon, CloseButton, Drawer, Divider, Checkbox, packSx, Affix, Popover } from '@mantine/core';
+import { keyframes, createStyles, Select, rem, Input, Box, Text, Stack, Group, Button, SimpleGrid, Flex, ScrollArea, LoadingOverlay, Table, MultiSelect, Center, NumberInput, Menu, ActionIcon, UnstyledButton, Alert, Loader, Container, Title, useMantineTheme, TextInput, CopyButton, MantineProvider, Modal, Space, useComponentDefaultProps, Anchor, Paper, Accordion, Tooltip, Tabs, Switch, ThemeIcon, CloseButton, Drawer, Divider, Checkbox, packSx, Affix, Popover } from '@mantine/core';
 import { useClipboard, useFullscreen, useDebouncedState, useMediaQuery, useDisclosure } from '@mantine/hooks';
-import { IconWorld, IconExternalLink, IconClipboard, IconSettings, IconMathGreater, IconMathLower, IconArrowsLeftRight, IconAlertCircle, IconAlertTriangle, IconCopy, IconDownload, IconDotsVertical, IconBox, IconArrowRight, IconArrowLeft, IconBrandGithub, IconCheck, IconShare, IconLanguage, IconTrash, IconInfoCircleFilled, IconChevronLeft, IconChevronRight, IconSearch, IconArrowsMinimize, IconArrowsMaximize, IconCircleOff, IconArrowsSort, IconSortDescendingNumbers, IconSortDescendingLetters, IconSortAscendingNumbers, IconSortAscendingLetters, IconPlus, IconStack3, IconFilterOff, IconFilter, IconAdjustments, IconClock, IconHelpCircle, IconPhotoDown, IconVectorTriangle } from '@tabler/icons-react';
+import { IconWorld, IconExternalLink, IconClipboard, IconSettings, IconMathGreater, IconMathLower, IconArrowsLeftRight, IconAlertCircle, IconAlertTriangle, IconWorldWww, IconClipboardCheck, IconCopy, IconDownload, IconDotsVertical, IconBox, IconArrowRight, IconArrowLeft, IconBrandGithub, IconCheck, IconShare, IconLanguage, IconTrash, IconInfoCircleFilled, IconChevronLeft, IconChevronRight, IconSearch, IconArrowsMinimize, IconArrowsMaximize, IconCircleOff, IconArrowsSort, IconSortDescendingNumbers, IconSortDescendingLetters, IconSortAscendingNumbers, IconSortAscendingLetters, IconPlus, IconStack3, IconFilterOff, IconFilter, IconAdjustments, IconClock, IconHelpCircle, IconPhotoDown, IconVectorTriangle } from '@tabler/icons-react';
 import * as React13 from 'react';
 import React13__default, { createContext, forwardRef, useMemo, useCallback, useContext, useRef, useEffect, useState, Suspense, Component, useLayoutEffect } from 'react';
 import { translationFactory } from '@datawheel/use-translation';
@@ -1886,7 +1886,7 @@ var selectOlapMeasureItems = createSelector(
   selectOlapCube,
   (cube) => cube ? cube.measures : []
 );
-var selectOlapMeasureMap = createSelector(
+createSelector(
   selectOlapMeasureItems,
   (measures) => Object.fromEntries(measures.map((item) => [item.name, item]))
 );
@@ -3179,7 +3179,7 @@ function useTable({
           return /* @__PURE__ */ React13__default.createElement("span", { style: { display: "block", textAlign: "right" } }, formatter2(cell.getValue(), locale));
         } : ({ cell, renderedCellValue, row }) => {
           const cellId = row.original[`${cell.column.id} ID`];
-          const idFormatter = idFormatters[`${cell.column.id} ID`];
+          const idFormatter = idFormatters[`${column.localeLabel} ID`];
           return /* @__PURE__ */ React13__default.createElement(Flex, { justify: "space-between", sx: { width: "100%", maxWidth: 400 }, gap: "sm" }, /* @__PURE__ */ React13__default.createElement(
             Text,
             {
@@ -3295,6 +3295,7 @@ function useTable({
     table,
     isError,
     isLoading,
+    isFetching,
     data: tableData,
     columns,
     pagination,
@@ -3458,7 +3459,7 @@ function MultiFilter({ header }) {
   const { translate: t } = useTranslation();
   const cutItems = useSelector$1(selectCutItems);
   const drilldownItems = useSelector$1(selectDrilldownItems);
-  const label = header.column.id;
+  header.column.id;
   const localeLabel = header.column.columnDef.header;
   const drilldown = drilldownItems.find((d) => d.level === header.column.id);
   const actions2 = useActions();
@@ -3504,7 +3505,7 @@ function MultiFilter({ header }) {
       placeholder: t("params.filter_by", { name: localeLabel }),
       value: cut.members || [],
       data: drilldown.members.map((m) => {
-        const idFormatter = idFormatters[`${label} ID`];
+        const idFormatter = idFormatters[`${localeLabel} ID`];
         const formattedKey = idFormatter ? idFormatter(m.key) : m.key;
         return {
           value: `${m.key}`,
@@ -4315,7 +4316,7 @@ function SuccessResult(props) {
     actions2.switchPanel(newTab);
     updateUrl({ ...queryItem, panel: newTab });
   };
-  const { table, isError, isLoading, data, columns, result, pagination, setPagination } = useTable({
+  const { table, isError, isLoading, data, columns, result, pagination, isFetching, setPagination } = useTable({
     cube
   });
   if ((data == null ? void 0 : data.length) === 0 && !isLoading && !isError) {
@@ -4381,7 +4382,8 @@ function SuccessResult(props) {
             isLoading,
             columns,
             pagination,
-            setPagination
+            setPagination,
+            isFetching
           }
         ))))
       )
@@ -5624,11 +5626,15 @@ var useStyles5 = createStyles((theme) => ({
   }
 }));
 function PivotView(props) {
+  var _a;
   const { cube, params, result, isLoading, ...mantineReactTableProps } = props;
-  if (!result) return null;
+  console.log("PivotView", props);
   const locale = params.locale;
   const { translate: t } = useTranslation();
-  const measureMap = useSelector$1(selectOlapMeasureMap);
+  const { data: schema } = useServerSchema();
+  const measures = (_a = schema == null ? void 0 : schema.cubeMap[cube.name]) == null ? void 0 : _a.measures;
+  if (!result || !measures) return null;
+  const measureMap = Object.fromEntries(measures.map((item) => [item.name, item]));
   const { classes, cx } = useStyles5();
   const measureOptions = useMemo(
     () => filterMap(Object.values(params.measures), (item) => {
@@ -7732,10 +7738,80 @@ function VizbuilderView(props) {
     }
   );
 }
+
+// src/components/RawResponseView.tsx
+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}` }` : "";
+  const curlCommand = `curl "${tokenizedUrl}"`;
+  return /* @__PURE__ */ React13__default.createElement(Container, { fluid: true, py: "xl" }, /* @__PURE__ */ React13__default.createElement(Stack, null, /* @__PURE__ */ React13__default.createElement(Group, { align: "flex-end", noWrap: true, w: "100%" }, /* @__PURE__ */ React13__default.createElement(
+    TextInput,
+    {
+      icon: /* @__PURE__ */ React13__default.createElement(IconWorldWww, { size: 20 }),
+      label: "API URL",
+      readOnly: true,
+      value: tokenizedUrl,
+      w: "100%",
+      mb: 0,
+      disabled: isLoading || isFetching
+    }
+  ), /* @__PURE__ */ React13__default.createElement(Button.Group, null, /* @__PURE__ */ React13__default.createElement(
+    Button,
+    {
+      component: "a",
+      href: tokenizedUrl,
+      target: "_blank",
+      leftIcon: /* @__PURE__ */ React13__default.createElement(IconExternalLink, null),
+      sx: {
+        borderBottomRightRadius: 0,
+        borderTopRightRadius: 0
+      }
+    },
+    "Open"
+  ), /* @__PURE__ */ React13__default.createElement(CopyButton, { value: tokenizedUrl }, ({ copied, copy }) => /* @__PURE__ */ React13__default.createElement(
+    Button,
+    {
+      color: copied ? theme.colors.teal[5] : theme.colors.green[7],
+      leftIcon: copied ? /* @__PURE__ */ React13__default.createElement(IconClipboardCheck, null) : /* @__PURE__ */ React13__default.createElement(IconClipboard, null),
+      onClick: copy,
+      sx: (theme2) => ({
+        borderBottomLeftRadius: 0,
+        borderTopLeftRadius: 0,
+        "&:hover": {
+          background: theme2.colors.green[7]
+        }
+      })
+    },
+    copied ? "Copied" : "Copy"
+  )))), /* @__PURE__ */ React13__default.createElement(Group, { align: "flex-end", noWrap: true, w: "100%" }, /* @__PURE__ */ React13__default.createElement(
+    TextInput,
+    {
+      icon: /* @__PURE__ */ React13__default.createElement(IconWorldWww, { size: 20 }),
+      label: "Curl Command",
+      readOnly: true,
+      value: curlCommand,
+      w: "100%",
+      mb: 0,
+      disabled: isLoading || isFetching
+    }
+  ), /* @__PURE__ */ React13__default.createElement(CopyButton, { value: curlCommand }, ({ copied, copy }) => /* @__PURE__ */ React13__default.createElement(
+    Button,
+    {
+      color: copied ? theme.colors.teal[5] : theme.colors.green[7],
+      leftIcon: copied ? /* @__PURE__ */ React13__default.createElement(IconClipboardCheck, null) : /* @__PURE__ */ React13__default.createElement(IconClipboard, null),
+      onClick: copy
+    },
+    copied ? "Copied" : "Copy"
+  )))));
+}
 /*! Bundled license information:
 
 file-saver/FileSaver.js:
   (*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js *)
 */
 
-export { DebugView, ExplorerComponent as Explorer, PivotView, SettingsConsumer, TableView, ToolbarButton, TourStep, TranslationConsumer, VizbuilderView, reducer as explorerReducer, thunkExtraArg as explorerThunkExtraArg, defaultTranslation as translationDict, useSettings, useTranslation };
+export { DebugView, ExplorerComponent as Explorer, PivotView, RawResponseView, SettingsConsumer, TableView, ToolbarButton, TourStep, TranslationConsumer, VizbuilderView, reducer as explorerReducer, thunkExtraArg as explorerThunkExtraArg, defaultTranslation as translationDict, useSettings, useTranslation };

package/package.json

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