chore: auto update client extensions samples

lgdd · Nov 16, 2023 · 6a61bca · 6a61bca
1 parent 660dfb8
commit 6a61bca
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 14 deletions.
diff --git a/.../liferay-sample-workspace/client-extensions/liferay-sample-fds-cell-renderer/package.json b/.../liferay-sample-workspace/client-extensions/liferay-sample-fds-cell-renderer/package.json
@@ -1,6 +1,6 @@
 {
 	"dependencies": {
-		"@liferay/js-api": "0.4.0-pre.0",
+		"@liferay/js-api": "0.5.1-pre.0",
 		"serve": "^14.2.0"
 	},
 	"description": "Liferay Sample Frontend Data Set Cell Renderer",

diff --git a/...kspaces/liferay-sample-workspace/client-extensions/liferay-sample-fds-filter/package.json b/...kspaces/liferay-sample-workspace/client-extensions/liferay-sample-fds-filter/package.json
@@ -1,6 +1,6 @@
 {
 	"dependencies": {
-		"@liferay/js-api": "0.4.0-pre.0",
+		"@liferay/js-api": "0.5.1-pre.0",
 		"serve": "^14.2.0"
 	},
 	"description": "Liferay Sample FDS Filter",

diff --git a/...kspaces/liferay-sample-workspace/client-extensions/liferay-sample-fds-filter/src/index.ts b/...kspaces/liferay-sample-workspace/client-extensions/liferay-sample-fds-filter/src/index.ts
@@ -3,34 +3,60 @@
  * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
  */
 
-import type {FDSFilterHTMLElementBuilder} from '@liferay/js-api/data-set';
+import type {
+	FDSFilter,
+	FDSFilterHTMLElementBuilderArgs,
+} from '@liferay/js-api/data-set';
 
-const mySampleFilter: FDSFilterHTMLElementBuilder = ({filter, setFilter}) => {
-	const div = document.createElement('div');
-	const button = document.createElement('button');
+// Declare the structure of the internal data that describes the filter state (in this case it will
+// be the plain odata string the user enters through the filter's UI).
+
+type FilterData = string;
+
+function descriptionBuilder(selectedData: FilterData): string {
+	return selectedData;
+}
+
+function htmlElementBuilder({
+	filter,
+	setFilter,
+}: FDSFilterHTMLElementBuilderArgs<FilterData>): HTMLElement {
 	const input = document.createElement('input');
 
-	div.className = 'dropdown-item';
+	if (filter.selectedData) {
+		input.value = filter.selectedData;
+	}
+
+	input.className = 'form-control';
+	input.placeholder = 'Search with Odata';
+
+	const button = document.createElement('button');
 
 	button.className = 'btn btn-block btn-secondary btn-sm mt-2';
 	button.innerText = 'Submit';
 	button.onclick = () =>
 		setFilter({
-			odataFilterString: input.value,
 			selectedData: input.value,
 		});
 
-	if (filter.selectedData) {
-		input.value = filter.selectedData;
-	}
+	const div = document.createElement('div');
 
-	input.className = 'form-control';
-	input.placeholder = 'Search with Odata';
+	div.className = 'dropdown-item';
 
 	div.appendChild(input);
 	div.appendChild(button);
 
 	return div;
+}
+
+function oDataQueryBuilder(selectedData: FilterData): string {
+	return selectedData;
+}
+
+const fdsFilter: FDSFilter<FilterData> = {
+	descriptionBuilder,
+	htmlElementBuilder,
+	oDataQueryBuilder,
 };
 
-export default mySampleFilter;
+export default fdsFilter;