@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.10

package/dist/helpers/registry.ts

@@ -50,8 +50,23 @@ import { DefaultDateListWidget, DefaultDateTimeListWidget } from "../components/
 import dashboardFormViewChangeHandler from "../components/core/extension/solid-core/dashboard/dashboardFormViewChangeHandler";
 import dashboardQuestionFieldChangeHandler from "../components/core/extension/solid-core/dashboard/dashboardQuestionFieldChangeHandler";
 import dashboardQuestionOnFormLoadHandler from "../components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler";
+import MqMessageKanbanCardWidget from "../components/core/extension/solid-core/mqMessage/kanban/MqMessageKanbanCardWidget";
+import MediaCardWidget from "../components/core/extension/solid-core/media/card/MediaCardWidget";
+import { SolidChatterMessageCoModelEntityIdListViewWidget } from "../components/core/extension/solid-core/chatterMessage/list/SolidChatterMessageCoModelEntityIdListViewWidget";
+import { SolidMqMessageStageListViewWidget } from "../components/core/extension/solid-core/mqMessage/list/SolidMqMessageStageListViewWidget";
+import { SolidMqMessagesSummarizeListHeaderAction } from "../components/core/extension/solid-core/mqMessage/list/SolidMqMessagesSummarizeListHeaderAction";
+import { SolidChatterMessageCoModelEntityIdFormViewWidget } from "../components/core/extension/solid-core/chatterMessage/form/SolidChatterMessageCoModelEntityIdFormViewWidget";
+import { SolidLovTypeChangeFormEditWidget } from "../components/core/extension/solid-core/listOfValues/form/SolidLovTypeChangeFormEditWidget";
+import mqMessageOnFormLoadHandler from "../components/core/extension/solid-core/mqMessage/form/mqMessageOnFormLoadHandler";
+import { SolidMqMessageStageFormViewWIdget } from "../components/core/extension/solid-core/mqMessage/form/SolidMqMessageStageFormViewWIdget";
+
+import {
+    ExtensionComponentTypes,
+    ExtensionFunctionTypes,
+    type ExtensionComponentType,
+    type ExtensionFunctionType,
+} from "../types/extension-registry";
 
-type ExtensionComponentType = null | 'list_field_widget' | 'form_field_view_widget' | 'form_field_edit_widget' | 'list_row_action ' | 'list_header_action' | 'form_action' | 'form_widget';
 
 type ExtensionComponentMetadata = {
     component: React.ComponentType<any>;
@@ -59,10 +74,14 @@ type ExtensionComponentMetadata = {
     fieldType: string;
 }
 
+type ExtensionFunctionMetadata = {
+    fn: (...args: any[]) => any;
+    type: ExtensionFunctionType;
+}
 
 type ExtensionRegistry = {
     components: Record<string, ExtensionComponentMetadata>;
-    functions: Record<string, (...args: any[]) => any>;
+    functions: Record<string, ExtensionFunctionMetadata>;
 };
 
 const extensionRegistry: ExtensionRegistry = {
@@ -70,7 +89,7 @@ const extensionRegistry: ExtensionRegistry = {
     functions: {},
 };
 
-export const registerExtensionComponent = (name: string, component: React.ComponentType<any>, aliases: string[] = [], type: ExtensionComponentType = null, fieldType: string = '') => {
+export const registerExtensionComponent = (name: string, component: React.ComponentType<any>, type: ExtensionComponentType, aliases: string[] = [], fieldType: string = '') => {
     extensionRegistry.components[name] = { 'component': component, 'type': type, 'fieldType': fieldType };
     for (let i = 0; i < aliases.length; i++) {
         const alias = aliases[i];
@@ -78,8 +97,8 @@ export const registerExtensionComponent = (name: string, component: React.Compon
     }
 };
 
-export const registerExtensionFunction = (name: string, fn: (...args: any[]) => any) => {
-    extensionRegistry.functions[name] = fn;
+export const registerExtensionFunction = (name: string, fn: (...args: any[]) => any, type: ExtensionFunctionType) => {
+    extensionRegistry.functions[name] = { fn, type };
 };
 
 export const getExtensionComponent = (name: string): React.ComponentType<any> | null => {
@@ -102,149 +121,155 @@ export const getExtensionComponents = (type: ExtensionComponentType, fieldType:
 };
 
 export const getExtensionFunction = (name: string) => {
-    return extensionRegistry.functions[name];
+    return extensionRegistry.functions[name]?.fn;
 };
 
 // # Extension components 
 // 1. list view columns field widget 
 // - shortText
-registerExtensionComponent("DefaultTextListWidget", DefaultTextListWidget, []);
+registerExtensionComponent("DefaultTextListWidget", DefaultTextListWidget, ExtensionComponentTypes.list_field_widget);
 
 // - shortText (image list)
-registerExtensionComponent("SolidShortTextFieldImageListWidget", SolidShortTextFieldImageListWidget, []);
+registerExtensionComponent("SolidShortTextFieldImageListWidget", SolidShortTextFieldImageListWidget, ExtensionComponentTypes.list_field_widget);
 
 // - longText
-registerExtensionComponent("SolidShortTextAvatarWidget", SolidShortTextAvatarWidget, []);
+registerExtensionComponent("SolidShortTextAvatarWidget", SolidShortTextAvatarWidget, ExtensionComponentTypes.list_field_widget);
 
 // - boolean
-registerExtensionComponent("DefaultBooleanListWidget", DefaultBooleanListWidget, []);
+registerExtensionComponent("DefaultBooleanListWidget", DefaultBooleanListWidget, ExtensionComponentTypes.list_field_widget);
 
 // - mediaSingle
-registerExtensionComponent("DefaultMediaSingleListWidget", DefaultMediaSingleListWidget, []);
+registerExtensionComponent("DefaultMediaSingleListWidget", DefaultMediaSingleListWidget, ExtensionComponentTypes.list_field_widget);
 
 // - mediaMultiple
-registerExtensionComponent("DefaultMediaMultipleListWidget", DefaultMediaMultipleListWidget, []);
+registerExtensionComponent("DefaultMediaMultipleListWidget", DefaultMediaMultipleListWidget, ExtensionComponentTypes.list_field_widget);
 
 // - relation.many2one
-registerExtensionComponent("DefaultRelationManyToOneListWidget", DefaultRelationManyToOneListWidget, []);
+registerExtensionComponent("DefaultRelationManyToOneListWidget", DefaultRelationManyToOneListWidget, ExtensionComponentTypes.list_field_widget);
 
 // - relation.many2one (avatar)
-registerExtensionComponent("SolidManyToOneRelationAvatarListWidget", SolidManyToOneRelationAvatarListWidget, []);
+registerExtensionComponent("SolidManyToOneRelationAvatarListWidget", SolidManyToOneRelationAvatarListWidget, ExtensionComponentTypes.list_field_widget);
 
 // - relation.many2many
-registerExtensionComponent("DefaultRelationManyToManyListWidget", DefaultRelationManyToManyListWidget, []);
+registerExtensionComponent("DefaultRelationManyToManyListWidget", DefaultRelationManyToManyListWidget, ExtensionComponentTypes.list_field_widget);
 
 // - relation.many2many (avatar)
-registerExtensionComponent("SolidManyToManyRelationAvatarListWidget", SolidManyToManyRelationAvatarListWidget, []);
+registerExtensionComponent("SolidManyToManyRelationAvatarListWidget", SolidManyToManyRelationAvatarListWidget, ExtensionComponentTypes.list_field_widget);
 
 // - relation.one2many
-registerExtensionComponent("DefaultRelationOneToManyListWidget", DefaultRelationOneToManyListWidget, []);
+registerExtensionComponent("DefaultRelationOneToManyListWidget", DefaultRelationOneToManyListWidget, ExtensionComponentTypes.list_field_widget);
 
+// - relation.datetime
+registerExtensionComponent('DefaultDateTimeListWidget', DefaultDateTimeListWidget, ExtensionComponentTypes.list_field_widget);
 // - date
-registerExtensionComponent('DefaultDateListWidget', DefaultDateListWidget, []);
+registerExtensionComponent('DefaultDateListWidget', DefaultDateListWidget, ExtensionComponentTypes.list_field_widget);
 // - datetime
-registerExtensionComponent('DefaultDateTimeListWidget', DefaultDateTimeListWidget, []);
+
+
+registerExtensionComponent("SolidChatterMessageCoModelEntityIdListViewWidget", SolidChatterMessageCoModelEntityIdListViewWidget, ExtensionComponentTypes.list_field_widget);
+registerExtensionComponent("SolidMqMessageStageListViewWidget", SolidMqMessageStageListViewWidget, ExtensionComponentTypes.list_field_widget);
+registerExtensionComponent("SolidMqMessagesSummarizeListHeaderAction", SolidMqMessagesSummarizeListHeaderAction, ExtensionComponentTypes.list_header_action);
 
 // ...
 
 
 // 2. form view field edit widget 
 // - shortText
-registerExtensionComponent("DefaultShortTextFormEditWidget", DefaultShortTextFormEditWidget, []);
+registerExtensionComponent("DefaultShortTextFormEditWidget", DefaultShortTextFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - shortText (masked)
-registerExtensionComponent("MaskedShortTextFormEditWidget", MaskedShortTextFormEditWidget, ["maskedShortTextEdit"]);
+registerExtensionComponent("MaskedShortTextFormEditWidget", MaskedShortTextFormEditWidget, ExtensionComponentTypes.form_field_edit_widget, ["maskedShortTextEdit"]);
 
 // - longText
-registerExtensionComponent("DefaultLongTextFormEditWidget", DefaultLongTextFormEditWidget, []);
+registerExtensionComponent("DefaultLongTextFormEditWidget", DefaultLongTextFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - longText (json editor)
-registerExtensionComponent("DynamicJsonEditorFormEditWidget", DynamicJsonEditorFormEditWidget, ["jsonEditor"]);
+registerExtensionComponent("DynamicJsonEditorFormEditWidget", DynamicJsonEditorFormEditWidget, ExtensionComponentTypes.form_field_edit_widget, ["jsonEditor"]);
 
 // - longText (json viewer)
-registerExtensionComponent("DynamicJsonEditorFormViewWidget", DynamicJsonEditorFormViewWidget, ["jsonViewer"]);
+registerExtensionComponent("DynamicJsonEditorFormViewWidget", DynamicJsonEditorFormViewWidget, ExtensionComponentTypes.form_field_view_widget, ["jsonViewer"]);
 
 // - longText (code editor)
-registerExtensionComponent("CodeEditorFormEditWidget", CodeEditorFormEditWidget, ["codeEditor"]);
+registerExtensionComponent("CodeEditorFormEditWidget", CodeEditorFormEditWidget, ExtensionComponentTypes.form_field_edit_widget, ["codeEditor"]);
 
 // - time
-registerExtensionComponent("DefaultTimeFormEditWidget", DefaultTimeFormEditWidget, []);
+registerExtensionComponent("DefaultTimeFormEditWidget", DefaultTimeFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - date
-registerExtensionComponent("DefaultDateFormEditWidget", DefaultDateFormEditWidget, []);
+registerExtensionComponent("DefaultDateFormEditWidget", DefaultDateFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - datetime
-registerExtensionComponent("DefaultDateTimeFormEditWidget", DefaultDateTimeFormEditWidget, []);
+registerExtensionComponent("DefaultDateTimeFormEditWidget", DefaultDateTimeFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - boolean
-registerExtensionComponent("DefaultBooleanFormEditWidget", DefaultBooleanFormEditWidget, ["booleanSelectbox"]);
+registerExtensionComponent("DefaultBooleanFormEditWidget", DefaultBooleanFormEditWidget, ExtensionComponentTypes.form_field_edit_widget, ["booleanSelectbox"]);
 
 // - boolean (checkbox)
-registerExtensionComponent("SolidBooleanCheckboxStyleFormEditWidget", SolidBooleanCheckboxStyleFormEditWidget, ["booleanCheckbox"]);
+registerExtensionComponent("SolidBooleanCheckboxStyleFormEditWidget", SolidBooleanCheckboxStyleFormEditWidget, ExtensionComponentTypes.form_field_edit_widget, ["booleanCheckbox"]);
 
 // - boolean (switch)
-registerExtensionComponent("SolidBooleanSwitchStyleFormEditWidget", SolidBooleanSwitchStyleFormEditWidget, []);
+registerExtensionComponent("SolidBooleanSwitchStyleFormEditWidget", SolidBooleanSwitchStyleFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - integer
-registerExtensionComponent("DefaultIntegerFormEditWidget", DefaultIntegerFormEditWidget, []);
+registerExtensionComponent("DefaultIntegerFormEditWidget", DefaultIntegerFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - integer (slider)
-registerExtensionComponent("SolidIntegerSliderStyleFormEditWidget", SolidIntegerSliderStyleFormEditWidget, ["integerSlider"]);
+registerExtensionComponent("SolidIntegerSliderStyleFormEditWidget", SolidIntegerSliderStyleFormEditWidget, ExtensionComponentTypes.form_field_edit_widget, ["integerSlider"]);
 
 // - decimal
-registerExtensionComponent("DefaultDecimalFormEditWidget", DefaultDecimalFormEditWidget, []);
+registerExtensionComponent("DefaultDecimalFormEditWidget", DefaultDecimalFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - email
-registerExtensionComponent("DefaultEmailFormEditWidget", DefaultEmailFormEditWidget, []);
+registerExtensionComponent("DefaultEmailFormEditWidget", DefaultEmailFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - json
-registerExtensionComponent("DefaultJsonFormEditWidget", DefaultJsonFormEditWidget, []);
+registerExtensionComponent("DefaultJsonFormEditWidget", DefaultJsonFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - password
-registerExtensionComponent("DefaultPasswordFormEditWidget", DefaultPasswordFormEditWidget, []);
+registerExtensionComponent("DefaultPasswordFormEditWidget", DefaultPasswordFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - password (create)
-registerExtensionComponent("DefaultPasswordFormCreateWidget", DefaultPasswordFormCreateWidget, []);
+registerExtensionComponent("DefaultPasswordFormCreateWidget", DefaultPasswordFormCreateWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - richText
-registerExtensionComponent("DefaultRichTextFormEditWidget", DefaultRichTextFormEditWidget, []);
+registerExtensionComponent("DefaultRichTextFormEditWidget", DefaultRichTextFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - selectionStatic (autocomplete)
-registerExtensionComponent("DefaultSelectionStaticAutocompleteFormEditWidget", DefaultSelectionStaticAutocompleteFormEditWidget, []);
+registerExtensionComponent("DefaultSelectionStaticAutocompleteFormEditWidget", DefaultSelectionStaticAutocompleteFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - selectionStatic (radio)
-registerExtensionComponent("SolidSelectionStaticRadioFormEditWidget", SolidSelectionStaticRadioFormEditWidget, []);
+registerExtensionComponent("SolidSelectionStaticRadioFormEditWidget", SolidSelectionStaticRadioFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - selectionStatic (selectButton)
-registerExtensionComponent("SolidSelectionStaticSelectButtonFormEditWidget", SolidSelectionStaticSelectButtonFormEditWidget, []);
+registerExtensionComponent("SolidSelectionStaticSelectButtonFormEditWidget", SolidSelectionStaticSelectButtonFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - selectionDynamic
-registerExtensionComponent("DefaultSelectionDynamicFormEditWidget", DefaultSelectionDynamicFormEditWidget, []);
+registerExtensionComponent("DefaultSelectionDynamicFormEditWidget", DefaultSelectionDynamicFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // mediaSingle
-registerExtensionComponent("DefaultMediaSingleFormEditWidget", DefaultMediaSingleFormEditWidget, []);
+registerExtensionComponent("DefaultMediaSingleFormEditWidget", DefaultMediaSingleFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // mediaMultiple
-registerExtensionComponent("DefaultMediaMultipleFormEditWidget", DefaultMediaMultipleFormEditWidget, []);
+registerExtensionComponent("DefaultMediaMultipleFormEditWidget", DefaultMediaMultipleFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - relation.many2one
-registerExtensionComponent("DefaultRelationManyToOneFormEditWidget", DefaultRelationManyToOneFormEditWidget, []);
+registerExtensionComponent("DefaultRelationManyToOneFormEditWidget", DefaultRelationManyToOneFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
-registerExtensionComponent("PseudoRelationManyToOneFormWidget", PseudoRelationManyToOneFormWidget, []);
+registerExtensionComponent("PseudoRelationManyToOneFormWidget", PseudoRelationManyToOneFormWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 
 // - relation.many2many (autocomplete)
-registerExtensionComponent("DefaultRelationManyToManyAutoCompleteFormEditWidget", DefaultRelationManyToManyAutoCompleteFormEditWidget, []);
+registerExtensionComponent("DefaultRelationManyToManyAutoCompleteFormEditWidget", DefaultRelationManyToManyAutoCompleteFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - relation.many2many (checkbox)
-registerExtensionComponent("DefaultRelationManyToManyCheckBoxFormEditWidget", DefaultRelationManyToManyCheckBoxFormEditWidget, []);
+registerExtensionComponent("DefaultRelationManyToManyCheckBoxFormEditWidget", DefaultRelationManyToManyCheckBoxFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - relation.many2many (list)
-registerExtensionComponent("DefaultRelationManyToManyListFormEditWidget", DefaultRelationManyToManyListFormEditWidget, []);
+registerExtensionComponent("DefaultRelationManyToManyListFormEditWidget", DefaultRelationManyToManyListFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // - relation.one2many
-registerExtensionComponent("DefaultRelationOneToManyFormEditWidget", DefaultRelationOneToManyFormEditWidget, []);
-registerExtensionComponent("PseudoRelationOneToManyFormWidget", PseudoRelationOneToManyFormWidget, []);
+registerExtensionComponent("DefaultRelationOneToManyFormEditWidget", DefaultRelationOneToManyFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
+registerExtensionComponent("PseudoRelationOneToManyFormWidget", PseudoRelationOneToManyFormWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // ...
 
@@ -255,102 +280,112 @@ registerExtensionComponent("PseudoRelationOneToManyFormWidget", PseudoRelationOn
 // - integer
 // - decimal
 // - email
-registerExtensionComponent("DefaultShortTextFormViewWidget", DefaultShortTextFormViewWidget, []);
+registerExtensionComponent("DefaultShortTextFormViewWidget", DefaultShortTextFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // - shortText (masked)
-registerExtensionComponent("MaskedShortTextFormViewWidget", MaskedShortTextFormViewWidget, ["maskedShortTextForm"]);
+registerExtensionComponent("MaskedShortTextFormViewWidget", MaskedShortTextFormViewWidget, ExtensionComponentTypes.form_field_view_widget, ["maskedShortTextForm"]);
 
 // - time
-registerExtensionComponent("DefaultTimeFormViewWidget", DefaultTimeFormViewWidget, []);
+registerExtensionComponent("DefaultTimeFormViewWidget", DefaultTimeFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // - date
-registerExtensionComponent("DefaultDateFormViewWidget", DefaultDateFormViewWidget, []);
+registerExtensionComponent("DefaultDateFormViewWidget", DefaultDateFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // - datetime
-registerExtensionComponent("DefaultDateTimeFormViewWidget", DefaultDateTimeFormViewWidget, []);
+registerExtensionComponent("DefaultDateTimeFormViewWidget", DefaultDateTimeFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // - boolean
-registerExtensionComponent("DefaultBooleanFormViewWidget", DefaultBooleanFormViewWidget, []);
+registerExtensionComponent("DefaultBooleanFormViewWidget", DefaultBooleanFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // - json
-registerExtensionComponent("DefaultJsonFormViewWidget", DefaultJsonFormViewWidget, []);
+registerExtensionComponent("DefaultJsonFormViewWidget", DefaultJsonFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // - password
-registerExtensionComponent("DefaultPasswordFormViewWidget", DefaultPasswordFormViewWidget, []);
+registerExtensionComponent("DefaultPasswordFormViewWidget", DefaultPasswordFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // - richText
-registerExtensionComponent("DefaultRichTextFormViewWidget", DefaultRichTextFormViewWidget, []);
+registerExtensionComponent("DefaultRichTextFormViewWidget", DefaultRichTextFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 
 // - int
-registerExtensionComponent("DefaultIntegerFormViewWidget", DefaultIntegerFormViewWidget, []);
+registerExtensionComponent("DefaultIntegerFormViewWidget", DefaultIntegerFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // - Decimal
-registerExtensionComponent("DefaultDecimalFormViewWidget", DefaultDecimalFormViewWidget, []);
+registerExtensionComponent("DefaultDecimalFormViewWidget", DefaultDecimalFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // - selectionStatic
-registerExtensionComponent("DefaultSelectionStaticFormViewWidget", DefaultSelectionStaticFormViewWidget, []);
+registerExtensionComponent("DefaultSelectionStaticFormViewWidget", DefaultSelectionStaticFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // - selectionDynamic
-registerExtensionComponent("DefaultSelectionDynamicFormViewWidget", DefaultSelectionDynamicFormViewWidget, []);
+registerExtensionComponent("DefaultSelectionDynamicFormViewWidget", DefaultSelectionDynamicFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // mediaSingle
-registerExtensionComponent("DefaultMediaSingleFormViewWidget", DefaultMediaSingleFormViewWidget, []);
+registerExtensionComponent("DefaultMediaSingleFormViewWidget", DefaultMediaSingleFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 //mediaMultiple
-registerExtensionComponent("DefaultMediaMultipleFormViewWidget", DefaultMediaMultipleFormViewWidget, []);
+registerExtensionComponent("DefaultMediaMultipleFormViewWidget", DefaultMediaMultipleFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // - relation.many2one
-registerExtensionComponent("DefaultRelationManyToOneFormViewWidget", DefaultRelationManyToOneFormViewWidget, []);
+registerExtensionComponent("DefaultRelationManyToOneFormViewWidget", DefaultRelationManyToOneFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // - relation.many2many
 // - relation.one2many
-registerExtensionComponent("DefaultRelationOneToManyFormViewWidget", DefaultRelationOneToManyFormViewWidget, []);
+registerExtensionComponent("DefaultRelationOneToManyFormViewWidget", DefaultRelationOneToManyFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // ...
 
 // 4. list row action 
-registerExtensionComponent("GenerateModelCodeRowAction", GenerateModelCodeRowAction, []);
-registerExtensionComponent("GenerateModuleCodeRowAction", GenerateModuleCodeRowAction, []);
-registerExtensionComponent("DeleteModelRowAction", DeleteModelRowAction, []);
-registerExtensionComponent("DeleteModuleRowAction", DeleteModuleRowAction, []);
+registerExtensionComponent("GenerateModelCodeRowAction", GenerateModelCodeRowAction, ExtensionComponentTypes.list_row_action);
+registerExtensionComponent("GenerateModuleCodeRowAction", GenerateModuleCodeRowAction, ExtensionComponentTypes.list_row_action);
+registerExtensionComponent("DeleteModelRowAction", DeleteModelRowAction, ExtensionComponentTypes.list_row_action);
+registerExtensionComponent("DeleteModuleRowAction", DeleteModuleRowAction, ExtensionComponentTypes.list_row_action);
 
 // 7. form widget 
-registerExtensionComponent("CustomHtml", CustomHtml, []);
+registerExtensionComponent("CustomHtml", CustomHtml, ExtensionComponentTypes.form_widget);
 
 // Common
-registerExtensionComponent("ChartFormPreviewWidget", ChartFormPreviewWidget, ["chart"]);
+registerExtensionComponent("ChartFormPreviewWidget", ChartFormPreviewWidget, ExtensionComponentTypes.form_widget, ["chart"]);
+
+registerExtensionComponent("SolidChatterMessageCoModelEntityIdFormViewWidget", SolidChatterMessageCoModelEntityIdFormViewWidget, ExtensionComponentTypes.form_field_view_widget);
+registerExtensionComponent("SolidLovTypeChangeFormEditWidget", SolidLovTypeChangeFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 
 // Formview Default View widgets
-registerExtensionComponent("MaskedShortTextListViewWidget", MaskedShortTextListViewWidget, ["maskedShortTextList"]);
-registerExtensionComponent("PublishedStatusListViewWidget", PublishedStatusListViewWidget, ["publishedStatus"])
+registerExtensionComponent("MaskedShortTextListViewWidget", MaskedShortTextListViewWidget, ExtensionComponentTypes.list_field_widget, ["maskedShortTextList"]);
+registerExtensionComponent("PublishedStatusListViewWidget", PublishedStatusListViewWidget, ExtensionComponentTypes.list_field_widget, ["publishedStatus"])
 
 // Formview Custom view widgets
-registerExtensionComponent("SolidRelationFieldAvatarFormWidget", SolidRelationFieldAvatarFormWidget, []);
-registerExtensionComponent("SolidShortTextFieldAvatarWidget", SolidShortTextFieldAvatarWidget, []);
-registerExtensionComponent("SolidAiInteractionMetadataFieldFormWidget", SolidAiInteractionMetadataFieldFormWidget, []);
-registerExtensionComponent("SolidAiInteractionMessageFieldFormWidget", SolidAiInteractionMessageFieldFormWidget, []);
-registerExtensionComponent("SolidS3FileViewerWidget", SolidS3FileViewerWidget, []);
+registerExtensionComponent("SolidRelationFieldAvatarFormWidget", SolidRelationFieldAvatarFormWidget, ExtensionComponentTypes.form_field_view_widget);
+registerExtensionComponent("SolidShortTextFieldAvatarWidget", SolidShortTextFieldAvatarWidget, ExtensionComponentTypes.form_field_view_widget);
+registerExtensionComponent("SolidAiInteractionMetadataFieldFormWidget", SolidAiInteractionMetadataFieldFormWidget, ExtensionComponentTypes.form_field_view_widget);
+registerExtensionComponent("SolidAiInteractionMessageFieldFormWidget", SolidAiInteractionMessageFieldFormWidget, ExtensionComponentTypes.form_field_view_widget);
+registerExtensionComponent("SolidS3FileViewerWidget", SolidS3FileViewerWidget, ExtensionComponentTypes.form_field_view_widget);
 
 // RoleMetadata
-registerExtensionComponent("RolePermissionsManyToManyFieldWidget", RolePermissionsManyToManyFieldWidget, ["inputSwitch"]);
+registerExtensionComponent("RolePermissionsManyToManyFieldWidget", RolePermissionsManyToManyFieldWidget, ExtensionComponentTypes.form_field_edit_widget, ["inputSwitch"]);
 
 // Solid Google Material Symbols Icon
-registerExtensionComponent("SolidIconEditWidget", SolidIconEditWidget, []);
-registerExtensionComponent("SolidIconViewWidget", SolidIconViewWidget, []);
+registerExtensionComponent("SolidIconEditWidget", SolidIconEditWidget, ExtensionComponentTypes.form_field_edit_widget);
+registerExtensionComponent("SolidIconViewWidget", SolidIconViewWidget, ExtensionComponentTypes.form_field_view_widget);
+registerExtensionComponent("SolidMqMessageStageFormViewWIdget", SolidMqMessageStageFormViewWIdget, ExtensionComponentTypes.form_field_view_widget);
+
+// Kanban
+registerExtensionComponent("MqMessageKanbanCardWidget", MqMessageKanbanCardWidget, ExtensionComponentTypes.kanban_card_widget);
+registerExtensionComponent("MediaCardWidget", MediaCardWidget, ExtensionComponentTypes.card_widget);
+
 
 // # Extension functions 
 // Email Template
-registerExtensionFunction("emailFormTypeChangeHandler", hanldeEmailFormTypeChange);
-registerExtensionFunction("emailFormTypeLoad", hanldeEmailFormTypeLoad);
+registerExtensionFunction("emailFormTypeChangeHandler", hanldeEmailFormTypeChange, ExtensionFunctionTypes.onFieldChange);
+registerExtensionFunction("emailFormTypeLoad", hanldeEmailFormTypeLoad, ExtensionFunctionTypes.onFormLayoutLoad);
 
 // Dashboard
-registerExtensionFunction("dashboardFormViewChangeHandler", dashboardFormViewChangeHandler);
-registerExtensionFunction("dashboardQuestionFieldChangeHandler", dashboardQuestionFieldChangeHandler);
-registerExtensionFunction("dashboardQuestionOnFormLoadHandler", dashboardQuestionOnFormLoadHandler);
+registerExtensionFunction("dashboardFormViewChangeHandler", dashboardFormViewChangeHandler, ExtensionFunctionTypes.onFieldChange);
+registerExtensionFunction("dashboardQuestionFieldChangeHandler", dashboardQuestionFieldChangeHandler, ExtensionFunctionTypes.onFieldChange);
+registerExtensionFunction("dashboardQuestionOnFormLoadHandler", dashboardQuestionOnFormLoadHandler, ExtensionFunctionTypes.onFormLoad);
 
 // Model Sequence 
 // TODO: @Jyotsana you need to create an extension function which will be used "onFieldChange"
 // on change of module, apply a where clause on the model & field fields.. 
 // on change of model, apply a where clause on the field field...
-registerExtensionFunction("modelSequenceFormViewChangeHandler", hanldeModelSequenceFormViewChange);
+registerExtensionFunction("modelSequenceFormViewChangeHandler", hanldeModelSequenceFormViewChange, ExtensionFunctionTypes.onFieldChange);
+registerExtensionFunction("mqMessageOnFormLoadHandler", mqMessageOnFormLoadHandler, ExtensionFunctionTypes.onFormLoad);

package/dist/helpers/routePaths.js

@@ -4,7 +4,7 @@ export var normalizeSolidListTreeKanbanActionPath = function (currentPath, actio
     if (actionUrl.startsWith("http") || actionUrl.startsWith("/")) {
         return actionUrl;
     }
-    var basePath = currentPath.replace(/\/(list|tree|kanban)(\/)?$/, "");
+    var basePath = currentPath.replace(/\/(list|tree|kanban|card)(\/)?$/, "");
     var normalizedBase = basePath.length > 0 ? basePath : "/";
     var actionTrimmed = actionUrl.replace(/^\/+/, "");
     return "".concat(normalizedBase.replace(/\/+$/, ""), "/").concat(actionTrimmed);

package/dist/helpers/routePaths.js.map

@@ -1 +1 @@
-{"version":3,"file":"routePaths.js","sourceRoot":"","sources":["../../src/helpers/routePaths.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sCAAsC,GAAG,UAAC,WAAmB,EAAE,SAAiB;IAC3F,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAC1B,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAC7D,OAAO,SAAS,CAAC;KAClB;IAED,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC;IACvE,IAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5D,IAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,UAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,cAAI,aAAa,CAAE,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,4BAA4B,GAAG,UAAC,WAAmB,EAAE,SAAiB;IACjF,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAC1B,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAC7D,OAAO,SAAS,CAAC;KAClB;IAED,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,wBAAwB,EAAE,EAAE,CAAC,CAAC;IACnE,IAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5D,IAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,UAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,cAAI,aAAa,CAAE,CAAC;AAClE,CAAC,CAAC","sourcesContent":["export const normalizeSolidListTreeKanbanActionPath = (currentPath: string, actionUrl: string) => {\n  if (!actionUrl) return \"\";\n  if (actionUrl.startsWith(\"http\") || actionUrl.startsWith(\"/\")) {\n    return actionUrl;\n  }\n\n  const basePath = currentPath.replace(/\\/(list|tree|kanban)(\\/)?$/, \"\");\n  const normalizedBase = basePath.length > 0 ? basePath : \"/\";\n  const actionTrimmed = actionUrl.replace(/^\\/+/, \"\");\n\n  return `${normalizedBase.replace(/\\/+$/, \"\")}/${actionTrimmed}`;\n};\n\nexport const normalizeSolidFormActionPath = (currentPath: string, actionUrl: string) => {\n  if (!actionUrl) return \"\";\n  if (actionUrl.startsWith(\"http\") || actionUrl.startsWith(\"/\")) {\n    return actionUrl;\n  }\n\n  const basePath = currentPath.replace(/\\/form(\\/[^/]+)?(\\/)?$/, \"\");\n  const normalizedBase = basePath.length > 0 ? basePath : \"/\";\n  const actionTrimmed = actionUrl.replace(/^\\/+/, \"\");\n\n  return `${normalizedBase.replace(/\\/+$/, \"\")}/${actionTrimmed}`;\n};\n"]}
+{"version":3,"file":"routePaths.js","sourceRoot":"","sources":["../../src/helpers/routePaths.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sCAAsC,GAAG,UAAC,WAAmB,EAAE,SAAiB;IAC3F,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAC1B,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAC7D,OAAO,SAAS,CAAC;KAClB;IAED,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,iCAAiC,EAAE,EAAE,CAAC,CAAC;IAC5E,IAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5D,IAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,UAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,cAAI,aAAa,CAAE,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,4BAA4B,GAAG,UAAC,WAAmB,EAAE,SAAiB;IACjF,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAC1B,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAC7D,OAAO,SAAS,CAAC;KAClB;IAED,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,wBAAwB,EAAE,EAAE,CAAC,CAAC;IACnE,IAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5D,IAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,UAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,cAAI,aAAa,CAAE,CAAC;AAClE,CAAC,CAAC","sourcesContent":["export const normalizeSolidListTreeKanbanActionPath = (currentPath: string, actionUrl: string) => {\n  if (!actionUrl) return \"\";\n  if (actionUrl.startsWith(\"http\") || actionUrl.startsWith(\"/\")) {\n    return actionUrl;\n  }\n\n  const basePath = currentPath.replace(/\\/(list|tree|kanban|card)(\\/)?$/, \"\");\n  const normalizedBase = basePath.length > 0 ? basePath : \"/\";\n  const actionTrimmed = actionUrl.replace(/^\\/+/, \"\");\n\n  return `${normalizedBase.replace(/\\/+$/, \"\")}/${actionTrimmed}`;\n};\n\nexport const normalizeSolidFormActionPath = (currentPath: string, actionUrl: string) => {\n  if (!actionUrl) return \"\";\n  if (actionUrl.startsWith(\"http\") || actionUrl.startsWith(\"/\")) {\n    return actionUrl;\n  }\n\n  const basePath = currentPath.replace(/\\/form(\\/[^/]+)?(\\/)?$/, \"\");\n  const normalizedBase = basePath.length > 0 ? basePath : \"/\";\n  const actionTrimmed = actionUrl.replace(/^\\/+/, \"\");\n\n  return `${normalizedBase.replace(/\\/+$/, \"\")}/${actionTrimmed}`;\n};\n"]}

package/dist/helpers/routePaths.ts

@@ -4,7 +4,7 @@ export const normalizeSolidListTreeKanbanActionPath = (currentPath: string, acti
     return actionUrl;
   }
 
-  const basePath = currentPath.replace(/\/(list|tree|kanban)(\/)?$/, "");
+  const basePath = currentPath.replace(/\/(list|tree|kanban|card)(\/)?$/, "");
   const normalizedBase = basePath.length > 0 ? basePath : "/";
   const actionTrimmed = actionUrl.replace(/^\/+/, "");
 

package/dist/hooks/useSolidAutocompleteField.d.ts

@@ -0,0 +1,31 @@
+type SolidAutocompleteFieldOptions = {
+    formik: any;
+    fieldName: string;
+    fieldNameId?: string | null;
+    labelKey: string;
+    valueKey: string;
+    searchData: (event: {
+        query: string;
+    }) => Promise<any[]> | any[];
+    existingData: any;
+    relationField?: boolean;
+    additionalAction?: (event: {
+        value: any;
+        target: {
+            value: any;
+        };
+    }) => void;
+};
+export declare const useSolidAutocompleteField: ({ formik, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, relationField, additionalAction, }: SolidAutocompleteFieldOptions) => {
+    selectedItem: any;
+    filteredItems: any[];
+    searchItems: (event: {
+        query: string;
+    }) => Promise<void>;
+    handleChange: ({ value }: {
+        value: any;
+    }) => void;
+    labelKey: string;
+};
+export {};
+//# sourceMappingURL=useSolidAutocompleteField.d.ts.map

package/dist/hooks/useSolidAutocompleteField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSolidAutocompleteField.d.ts","sourceRoot":"","sources":["../../src/hooks/useSolidAutocompleteField.ts"],"names":[],"mappings":"AAEA,KAAK,6BAA6B,GAAG;IACjC,MAAM,EAAE,GAAG,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC;IACjE,YAAY,EAAE,GAAG,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,MAAM,EAAE;YAAE,KAAK,EAAE,GAAG,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;CAC9E,CAAC;AAEF,eAAO,MAAM,yBAAyB,uHAUnC,6BAA6B;;;yBAQkB;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;eAsCT,GAAG;;;CAmB5D,CAAC"}

package/dist/hooks/useSolidAutocompleteField.js

@@ -0,0 +1,116 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useCallback, useEffect, useState } from "react";
+export var useSolidAutocompleteField = function (_a) {
+    var formik = _a.formik, fieldName = _a.fieldName, _b = _a.fieldNameId, fieldNameId = _b === void 0 ? null : _b, labelKey = _a.labelKey, valueKey = _a.valueKey, searchData = _a.searchData, existingData = _a.existingData, _c = _a.relationField, relationField = _c === void 0 ? false : _c, additionalAction = _a.additionalAction;
+    var _d = useState(existingData), selectedItem = _d[0], setSelectedItem = _d[1];
+    var _e = useState([]), filteredItems = _e[0], setFilteredItems = _e[1];
+    useEffect(function () {
+        setSelectedItem(existingData);
+    }, [existingData]);
+    var searchItems = useCallback(function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var data, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, searchData(event)];
+                case 1:
+                    data = _a.sent();
+                    setFilteredItems(Array.isArray(data) ? data : []);
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_1 = _a.sent();
+                    setFilteredItems([]);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [searchData]);
+    var shouldStorePrimitiveValue = relationField && (!fieldNameId || fieldNameId === fieldName);
+    var handleFormUpdates = useCallback(function (value) {
+        var _a;
+        if (relationField) {
+            if (shouldStorePrimitiveValue) {
+                if (value && typeof value === "object") {
+                    var resolved = valueKey && value[valueKey] !== undefined ? value[valueKey] : value;
+                    formik.setFieldValue(fieldName, resolved !== null && resolved !== void 0 ? resolved : null);
+                }
+                else {
+                    formik.setFieldValue(fieldName, value !== null && value !== void 0 ? value : null);
+                }
+            }
+            else {
+                formik.setFieldValue(fieldName, value || null);
+            }
+            if (fieldNameId && fieldNameId !== fieldName) {
+                var resolvedId = value && typeof value === "object"
+                    ? (_a = value.id) !== null && _a !== void 0 ? _a : value[valueKey]
+                    : value !== null && value !== void 0 ? value : null;
+                formik.setFieldValue(fieldNameId, resolvedId !== null && resolvedId !== void 0 ? resolvedId : null);
+            }
+        }
+        else {
+            if (value && typeof value === "object") {
+                formik.setFieldValue(fieldName, value[valueKey]);
+            }
+            else {
+                formik.setFieldValue(fieldName, value !== null && value !== void 0 ? value : "");
+            }
+        }
+    }, [fieldName, fieldNameId, formik, relationField, shouldStorePrimitiveValue, valueKey]);
+    var handleChange = useCallback(function (_a) {
+        var value = _a.value;
+        setSelectedItem(value);
+        var syntheticEvent = {
+            value: value,
+            target: {
+                value: value,
+            },
+        };
+        additionalAction === null || additionalAction === void 0 ? void 0 : additionalAction(syntheticEvent);
+        handleFormUpdates(value);
+    }, [additionalAction, handleFormUpdates]);
+    return {
+        selectedItem: selectedItem,
+        filteredItems: filteredItems,
+        searchItems: searchItems,
+        handleChange: handleChange,
+        labelKey: labelKey,
+    };
+};
+//# sourceMappingURL=useSolidAutocompleteField.js.map

package/dist/hooks/useSolidAutocompleteField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSolidAutocompleteField.js","sourceRoot":"","sources":["../../src/hooks/useSolidAutocompleteField.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\n\ntype SolidAutocompleteFieldOptions = {\n    formik: any;\n    fieldName: string;\n    fieldNameId?: string | null;\n    labelKey: string;\n    valueKey: string;\n    searchData: (event: { query: string }) => Promise<any[]> | any[];\n    existingData: any;\n    relationField?: boolean;\n    additionalAction?: (event: { value: any; target: { value: any } }) => void;\n};\n\nexport const useSolidAutocompleteField = ({\n    formik,\n    fieldName,\n    fieldNameId = null,\n    labelKey,\n    valueKey,\n    searchData,\n    existingData,\n    relationField = false,\n    additionalAction,\n}: SolidAutocompleteFieldOptions) => {\n    const [selectedItem, setSelectedItem] = useState(existingData);\n    const [filteredItems, setFilteredItems] = useState<any[]>([]);\n\n    useEffect(() => {\n        setSelectedItem(existingData);\n    }, [existingData]);\n\n    const searchItems = useCallback(async (event: { query: string }) => {\n        try {\n            const data = await searchData(event);\n            setFilteredItems(Array.isArray(data) ? data : []);\n        } catch (err) {\n            setFilteredItems([]);\n        }\n    }, [searchData]);\n\n    const shouldStorePrimitiveValue = relationField && (!fieldNameId || fieldNameId === fieldName);\n\n    const handleFormUpdates = useCallback((value: any) => {\n        if (relationField) {\n            if (shouldStorePrimitiveValue) {\n                if (value && typeof value === \"object\") {\n                    const resolved = valueKey && value[valueKey] !== undefined ? value[valueKey] : value;\n                    formik.setFieldValue(fieldName, resolved ?? null);\n                } else {\n                    formik.setFieldValue(fieldName, value ?? null);\n                }\n            } else {\n                formik.setFieldValue(fieldName, value || null);\n            }\n            if (fieldNameId && fieldNameId !== fieldName) {\n                const resolvedId = value && typeof value === \"object\"\n                    ? value.id ?? value[valueKey]\n                    : value ?? null;\n                formik.setFieldValue(fieldNameId, resolvedId ?? null);\n            }\n        } else {\n            if (value && typeof value === \"object\") {\n                formik.setFieldValue(fieldName, value[valueKey]);\n            } else {\n                formik.setFieldValue(fieldName, value ?? \"\");\n            }\n        }\n    }, [fieldName, fieldNameId, formik, relationField, shouldStorePrimitiveValue, valueKey]);\n\n    const handleChange = useCallback(({ value }: { value: any }) => {\n        setSelectedItem(value);\n        const syntheticEvent = {\n            value,\n            target: {\n                value,\n            },\n        };\n        additionalAction?.(syntheticEvent);\n        handleFormUpdates(value);\n    }, [additionalAction, handleFormUpdates]);\n\n    return {\n        selectedItem,\n        filteredItems,\n        searchItems,\n        handleChange,\n        labelKey,\n    };\n};\n"]}