@datawheel/data-explorer 1.1.11 → 1.1.12
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/main.mjs +15 -5
- package/package.json +1 -1
package/dist/main.mjs
CHANGED
|
@@ -2945,7 +2945,9 @@ function useTable({
|
|
|
2945
2945
|
const { idFormatters } = useidFormatters();
|
|
2946
2946
|
const { sortKey, sortDir } = useSelector$1(selectSortingParams);
|
|
2947
2947
|
const theme = useMantineTheme();
|
|
2948
|
-
const isSmallerThanMd = useMediaQuery(
|
|
2948
|
+
const isSmallerThanMd = useMediaQuery(
|
|
2949
|
+
`(max-width: ${theme.breakpoints.md}${/(?:px|em|rem|vh|vw|%)$/.test(theme.breakpoints.xs) ? "" : "px"})`
|
|
2950
|
+
);
|
|
2949
2951
|
const columns = useMemo(() => {
|
|
2950
2952
|
const indexColumn = {
|
|
2951
2953
|
id: "#",
|
|
@@ -2993,7 +2995,9 @@ function useTable({
|
|
|
2993
2995
|
},
|
|
2994
2996
|
Header: ({ column: column2 }) => {
|
|
2995
2997
|
const isSorted = isColumnSorted(entity.name, sortKey);
|
|
2996
|
-
const isMobile = useMediaQuery(
|
|
2998
|
+
const isMobile = useMediaQuery(
|
|
2999
|
+
`(max-width: ${theme.breakpoints.sm}${/(?:px|em|rem|vh|vw|%)$/.test(theme.breakpoints.xs) ? "" : "px"})`
|
|
3000
|
+
);
|
|
2997
3001
|
const actionSort = /* @__PURE__ */ React13__default.createElement(
|
|
2998
3002
|
ActionIcon,
|
|
2999
3003
|
{
|
|
@@ -3477,7 +3481,9 @@ var AddColumnsDrawer = () => {
|
|
|
3477
3481
|
const updateUrl = useUpdateUrl();
|
|
3478
3482
|
const { translate: t } = useTranslation();
|
|
3479
3483
|
const theme = useMantineTheme();
|
|
3480
|
-
const smallerThanMd = useMediaQuery(
|
|
3484
|
+
const smallerThanMd = useMediaQuery(
|
|
3485
|
+
`(max-width: ${theme.breakpoints.md}${/(?:px|em|rem|vh|vw|%)$/.test(theme.breakpoints.xs) ? "" : "px"})`
|
|
3486
|
+
);
|
|
3481
3487
|
return /* @__PURE__ */ React13__default.createElement(React13__default.Fragment, null, /* @__PURE__ */ React13__default.createElement(
|
|
3482
3488
|
Drawer,
|
|
3483
3489
|
{
|
|
@@ -4018,7 +4024,9 @@ function ExplorerTabs({ panels, onChange, value }) {
|
|
|
4018
4024
|
const { translate: t } = useTranslation();
|
|
4019
4025
|
const [menuOpened, setMenuOpened] = useState(false);
|
|
4020
4026
|
const theme = useMantineTheme();
|
|
4021
|
-
const isMobile = useMediaQuery(
|
|
4027
|
+
const isMobile = useMediaQuery(
|
|
4028
|
+
`(max-width: ${theme.breakpoints.xs}${/(?:px|em|rem|vh|vw|%)$/.test(theme.breakpoints.xs) ? "" : "px"})`
|
|
4029
|
+
);
|
|
4022
4030
|
const visiblePanels = isMobile ? panels.slice(0, 2) : panels;
|
|
4023
4031
|
const menuPanels = isMobile ? panels.slice(2) : [];
|
|
4024
4032
|
const handleMenuItemClick = (panelKey) => {
|
|
@@ -4587,7 +4595,9 @@ function SideBar(props) {
|
|
|
4587
4595
|
const { expanded, input, setExpanded, setInput } = useSideBar();
|
|
4588
4596
|
const { translate: t } = useTranslation();
|
|
4589
4597
|
const theme = useMantineTheme();
|
|
4590
|
-
const smallerThanMd = useMediaQuery(
|
|
4598
|
+
const smallerThanMd = useMediaQuery(
|
|
4599
|
+
`(max-width: ${theme.breakpoints.md}${/(?:px|em|rem|vh|vw|%)$/.test(theme.breakpoints.xs) ? "" : "px"})`
|
|
4600
|
+
);
|
|
4591
4601
|
return /* @__PURE__ */ React13__default.createElement(React13__default.Fragment, null, /* @__PURE__ */ React13__default.createElement(
|
|
4592
4602
|
Box,
|
|
4593
4603
|
{
|