chore(search): add settings

Author: radiuso

template-search-extension/src/config.js

@@ -62,7 +62,7 @@ const links = {
  * 'settings' : For your widget settings
  * 'globalSettings' : For global settings used by platform admin.
  */
-const components = ['content'];
+const components = ['content', 'settings'];
 
 // Whether the extension is public or not in the marketplace.
 const isPublic = true;
@@ -78,7 +78,7 @@ const whitelist = [];
 // do not change the following unless you know what you are doing
 const config = {
     availability,
-    category: 'search',
+    category: 'widget',
     components,
     description,
     extensionId,

template-search-extension/src/index.settings.ts

@@ -0,0 +1,4 @@
+/**
+ *  Do not modify unless you know what you are doing
+ */
+export { SearchSettings } from './widget/SearchSettings';

template-search-extension/src/index.tsx

@@ -7,12 +7,14 @@ import { Playground, store } from '@lumapps-extensions-playground/devenv';
 import '@lumx/core/lumx.css';
 
 import config from './config.js';
+import { SearchSettings } from './index.settings';
 
 ReactDOM.render(
     <React.StrictMode>
         <Provider store={store}>
             <Playground
                 config={config as import('lumapps-sdk-js').ExtensionConfig}
+                SettingsComponent={SearchSettings}
             />
         </Provider>
     </React.StrictMode>,

template-search-extension/src/widget/SearchSettings.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SettingsComponent } from 'lumapps-sdk-js';
+
+export type SearchSettingsTab = {};
+
+type SearchSettingsProps = SettingsComponent<any, SearchSettingsTab>;
+
+export const SearchSettings: SearchSettingsProps = ({ exportProp, properties = {} }) => {
+    return <></>;
+};