Skip to content

Commit 5917f68

Browse files
r0b1ngjulivan
r0b1n
authored and
gjulivan
committed
fix: rendering in design mode (#1314)
2 parents c2e9c91 + e51a02f commit 5917f68

27 files changed

+73
-32
lines changed

‎packages/modules/data-widgets/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@mendix/data-widgets",
33
"moduleName": "Data Widgets",
4-
"version": "2.25.0",
4+
"version": "2.25.1",
55
"license": "Apache-2.0",
66
"copyright": "© Mendix Technology BV 2023. All rights reserved.",
77
"private": true,

‎packages/pluggableWidgets/datagrid-date-filter-web/CHANGELOG.md

+4
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
66

77
## [Unreleased]
88

9+
### Fixed
10+
11+
- We fixed an issue with the widget failing to render in Design mode.
12+
913
## [2.10.3] - 2024-10-31
1014

1115
### Fixed

‎packages/pluggableWidgets/datagrid-date-filter-web/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@mendix/datagrid-date-filter-web",
33
"widgetName": "DatagridDateFilter",
4-
"version": "2.10.3",
4+
"version": "2.10.4",
55
"description": "",
66
"copyright": "© Mendix Technology BV 2023. All rights reserved.",
77
"private": true,

‎packages/pluggableWidgets/datagrid-date-filter-web/src/DatagridDateFilter.editorPreview.tsx

+3
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
import { enableStaticRendering } from "mobx-react-lite";
2+
enableStaticRendering(true);
3+
14
import { FilterComponent } from "./components/FilterComponent";
25
import { withPreviewAdapter } from "./hocs/withPreviewAdapter";
36

‎packages/pluggableWidgets/datagrid-date-filter-web/src/package.xml

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<?xml version="1.0" encoding="utf-8" ?>
22
<package xmlns="http://www.mendix.com/package/1.0/">
3-
<clientModule name="DatagridDateFilter" version="2.10.3" xmlns="http://www.mendix.com/clientModule/1.0/">
3+
<clientModule name="DatagridDateFilter" version="2.10.4" xmlns="http://www.mendix.com/clientModule/1.0/">
44
<widgetFiles>
55
<widgetFile path="DatagridDateFilter.xml" />
66
</widgetFiles>

‎packages/pluggableWidgets/datagrid-dropdown-filter-web/CHANGELOG.md

+4
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
66

77
## [Unreleased]
88

9+
### Fixed
10+
11+
- We fixed an issue with the widget failing to render in Design mode.
12+
913
## [2.9.2] - 2024-10-31
1014

1115
### Fixed

‎packages/pluggableWidgets/datagrid-dropdown-filter-web/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@mendix/datagrid-dropdown-filter-web",
33
"widgetName": "DatagridDropdownFilter",
4-
"version": "2.9.2",
4+
"version": "2.9.3",
55
"description": "",
66
"copyright": "© Mendix Technology BV 2023. All rights reserved.",
77
"private": true,

‎packages/pluggableWidgets/datagrid-dropdown-filter-web/src/DatagridDropdownFilter.editorPreview.tsx

+3
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
import { enableStaticRendering } from "mobx-react-lite";
2+
enableStaticRendering(true);
3+
14
import { createElement, ReactElement, useRef } from "react";
25
import { DatagridDropdownFilterPreviewProps } from "../typings/DatagridDropdownFilterProps";
36
import { parseStyle } from "@mendix/widget-plugin-platform/preview/parse-style";

‎packages/pluggableWidgets/datagrid-dropdown-filter-web/src/package.xml

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<?xml version="1.0" encoding="utf-8" ?>
22
<package xmlns="http://www.mendix.com/package/1.0/">
3-
<clientModule name="DatagridDropdownFilter" version="2.9.2" xmlns="http://www.mendix.com/clientModule/1.0/">
3+
<clientModule name="DatagridDropdownFilter" version="2.9.3" xmlns="http://www.mendix.com/clientModule/1.0/">
44
<widgetFiles>
55
<widgetFile path="DatagridDropdownFilter.xml" />
66
</widgetFiles>

‎packages/pluggableWidgets/datagrid-number-filter-web/CHANGELOG.md

+4
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
66

77
## [Unreleased]
88

9+
### Fixed
10+
11+
- We fixed an issue with the widget failing to render in Design mode.
12+
913
## [2.8.3] - 2024-10-31
1014

1115
### Fixed

‎packages/pluggableWidgets/datagrid-number-filter-web/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@mendix/datagrid-number-filter-web",
33
"widgetName": "DatagridNumberFilter",
4-
"version": "2.8.3",
4+
"version": "2.8.4",
55
"description": "",
66
"copyright": "© Mendix Technology BV 2023. All rights reserved.",
77
"private": true,

‎packages/pluggableWidgets/datagrid-number-filter-web/src/DatagridNumberFilter.editorPreview.tsx

+7-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,11 @@
1-
import { createElement, ReactElement, useMemo, useRef } from "react";
1+
import { enableStaticRendering } from "mobx-react-lite";
2+
enableStaticRendering(true);
3+
4+
import { InputWithFiltersComponent } from "@mendix/widget-plugin-filtering/controls";
5+
import { InputStore } from "@mendix/widget-plugin-filtering/stores/InputStore";
26
import { parseStyle } from "@mendix/widget-plugin-platform/preview/parse-style";
3-
import { InputWithFilters } from "@mendix/widget-plugin-filtering/controls";
7+
import { createElement, ReactElement, useMemo, useRef } from "react";
48
import { DatagridNumberFilterPreviewProps } from "../typings/DatagridNumberFilterProps";
5-
import { InputStore } from "@mendix/widget-plugin-filtering/stores/InputStore";
69

710
function Preview(props: DatagridNumberFilterPreviewProps): ReactElement {
811
const inputStores = useMemo<[InputStore, InputStore]>(
@@ -11,7 +14,7 @@ function Preview(props: DatagridNumberFilterPreviewProps): ReactElement {
1114
);
1215

1316
return (
14-
<InputWithFilters
17+
<InputWithFiltersComponent
1518
adjustable={props.adjustable}
1619
className={props.class}
1720
filterFn={props.defaultFilter}

‎packages/pluggableWidgets/datagrid-number-filter-web/src/package.xml

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<?xml version="1.0" encoding="utf-8" ?>
22
<package xmlns="http://www.mendix.com/package/1.0/">
3-
<clientModule name="DatagridNumberFilter" version="2.8.3" xmlns="http://www.mendix.com/clientModule/1.0/">
3+
<clientModule name="DatagridNumberFilter" version="2.8.4" xmlns="http://www.mendix.com/clientModule/1.0/">
44
<widgetFiles>
55
<widgetFile path="DatagridNumberFilter.xml" />
66
</widgetFiles>

‎packages/pluggableWidgets/datagrid-text-filter-web/CHANGELOG.md

+4
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
66

77
## [Unreleased]
88

9+
### Fixed
10+
11+
- We fixed an issue with the widget failing to render in Design mode.
12+
913
## [2.8.3] - 2024-10-31
1014

1115
### Fixed

‎packages/pluggableWidgets/datagrid-text-filter-web/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@mendix/datagrid-text-filter-web",
33
"widgetName": "DatagridTextFilter",
4-
"version": "2.8.3",
4+
"version": "2.8.4",
55
"description": "",
66
"copyright": "© Mendix Technology BV 2023. All rights reserved.",
77
"private": true,

‎packages/pluggableWidgets/datagrid-text-filter-web/src/DatagridTextFilter.editorPreview.tsx

+7-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,11 @@
1+
import { enableStaticRendering } from "mobx-react-lite";
2+
enableStaticRendering(true);
3+
4+
import { InputWithFiltersComponent } from "@mendix/widget-plugin-filtering/controls";
5+
import { InputStore } from "@mendix/widget-plugin-filtering/stores/InputStore";
6+
import { parseStyle } from "@mendix/widget-plugin-platform/preview/parse-style";
17
import { createElement, ReactElement, useMemo, useRef } from "react";
28
import { DatagridTextFilterPreviewProps } from "../typings/DatagridTextFilterProps";
3-
import { parseStyle } from "@mendix/widget-plugin-platform/preview/parse-style";
4-
import { InputWithFilters } from "@mendix/widget-plugin-filtering/controls";
5-
import { InputStore } from "@mendix/widget-plugin-filtering/stores/InputStore";
69

710
function Preview(props: DatagridTextFilterPreviewProps): ReactElement {
811
const inputStores = useMemo<[InputStore, InputStore]>(
@@ -11,7 +14,7 @@ function Preview(props: DatagridTextFilterPreviewProps): ReactElement {
1114
);
1215

1316
return (
14-
<InputWithFilters
17+
<InputWithFiltersComponent
1518
adjustable={props.adjustable}
1619
className={props.class}
1720
filterFn={props.defaultFilter}

‎packages/pluggableWidgets/datagrid-text-filter-web/src/package.xml

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<?xml version="1.0" encoding="utf-8" ?>
22
<package xmlns="http://www.mendix.com/package/1.0/">
3-
<clientModule name="DatagridTextFilter" version="2.8.3" xmlns="http://www.mendix.com/clientModule/1.0/">
3+
<clientModule name="DatagridTextFilter" version="2.8.4" xmlns="http://www.mendix.com/clientModule/1.0/">
44
<widgetFiles>
55
<widgetFile path="DatagridTextFilter.xml" />
66
</widgetFiles>

‎packages/pluggableWidgets/datagrid-web/CHANGELOG.md

+4
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
66

77
## [Unreleased]
88

9+
### Fixed
10+
11+
- We fixed an issue with the widget failing to render in Design mode.
12+
913
## [2.25.0] - 2024-10-31
1014

1115
### Changed

‎packages/pluggableWidgets/datagrid-web/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@mendix/datagrid-web",
33
"widgetName": "Datagrid",
4-
"version": "2.25.0",
4+
"version": "2.25.1",
55
"description": "",
66
"copyright": "© Mendix Technology BV 2023. All rights reserved.",
77
"private": true,

‎packages/pluggableWidgets/datagrid-web/src/Datagrid.editorPreview.tsx

+3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
/* Disable warning that hooks can be used only in components */
22
/* eslint-disable react-hooks/rules-of-hooks */
33

4+
import { enableStaticRendering } from "mobx-react-lite";
5+
enableStaticRendering(true);
6+
47
import { parseStyle } from "@mendix/widget-plugin-platform/preview/parse-style";
58
import { GUID, ObjectItem } from "mendix";
69
import { Selectable } from "mendix/preview/Selectable";

‎packages/pluggableWidgets/datagrid-web/src/package.xml

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<?xml version="1.0" encoding="utf-8" ?>
22
<package xmlns="http://www.mendix.com/package/1.0/">
3-
<clientModule name="Datagrid" version="2.25.0" xmlns="http://www.mendix.com/clientModule/1.0/">
3+
<clientModule name="Datagrid" version="2.25.1" xmlns="http://www.mendix.com/clientModule/1.0/">
44
<widgetFiles>
55
<widgetFile path="Datagrid.xml" />
66
</widgetFiles>

‎packages/pluggableWidgets/gallery-web/CHANGELOG.md

+4
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
66

77
## [Unreleased]
88

9+
### Fixed
10+
11+
- We fixed an issue with the widget failing to render in Design mode.
12+
913
## [1.12.2] - 2024-10-31
1014

1115
### Fixed

‎packages/pluggableWidgets/gallery-web/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@mendix/gallery-web",
33
"widgetName": "Gallery",
4-
"version": "1.12.2",
4+
"version": "1.12.3",
55
"description": "A flexible gallery widget that renders columns, rows and layouts.",
66
"copyright": "© Mendix Technology BV 2023. All rights reserved.",
77
"license": "Apache-2.0",

‎packages/pluggableWidgets/gallery-web/src/Gallery.editorPreview.tsx

+3
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
import { enableStaticRendering } from "mobx-react-lite";
2+
enableStaticRendering(true);
3+
14
import { GUID, ObjectItem } from "mendix";
25
import { createElement, ReactElement, ReactNode, useCallback } from "react";
36
import { useFocusTargetController } from "@mendix/widget-plugin-grid/keyboard-navigation/useFocusTargetController";

‎packages/pluggableWidgets/gallery-web/src/package.xml

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<?xml version="1.0" encoding="utf-8" ?>
22
<package xmlns="http://www.mendix.com/package/1.0/">
3-
<clientModule name="Gallery" version="1.12.2" xmlns="http://www.mendix.com/clientModule/1.0/">
3+
<clientModule name="Gallery" version="1.12.3" xmlns="http://www.mendix.com/clientModule/1.0/">
44
<widgetFiles>
55
<widgetFile path="Gallery.xml" />
66
</widgetFiles>

‎packages/shared/widget-plugin-filtering/src/controls.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
export * from "./controls/input/typings";
2-
export { InputWithFilters } from "./controls/input/InputWithFilters";
2+
export { InputWithFilters, InputWithFiltersComponent } from "./controls/input/InputWithFilters";
33
export { Select } from "./controls/select/SelectComponent";

‎packages/shared/widget-plugin-filtering/src/controls/input/InputWithFilters.tsx

+9-10
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,12 @@
1-
import { createElement } from "react";
2-
import { observer } from "mobx-react-lite";
3-
import classNames from "classnames";
41
import { FilterSelector } from "@mendix/widget-plugin-filter-selector/FilterSelector";
5-
import { InputComponentProps } from "./typings";
6-
import { Badge } from "../shared";
2+
import classNames from "classnames";
3+
import { observer } from "mobx-react-lite";
4+
import { createElement } from "react";
75
import { AllFunctions } from "../../typings/FilterFunctions";
6+
import { Badge } from "../shared";
7+
import { InputComponentProps } from "./typings";
88

9-
// eslint-disable-next-line prefer-arrow-callback
10-
export const InputWithFilters = observer(function InputWithFilters<Fn extends AllFunctions>(
11-
props: InputComponentProps<Fn>
12-
): React.ReactElement {
9+
export function InputWithFiltersComponent<Fn extends AllFunctions>(props: InputComponentProps<Fn>): React.ReactElement {
1310
const {
1411
inputStores: [input1]
1512
} = props;
@@ -41,4 +38,6 @@ export const InputWithFilters = observer(function InputWithFilters<Fn extends Al
4138
/>
4239
</div>
4340
);
44-
});
41+
}
42+
// eslint-disable-next-line prefer-arrow-callback
43+
export const InputWithFilters = observer(InputWithFiltersComponent);

0 commit comments

Comments
 (0)