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

package/dist/components/shad-cn-ui/index.ts

@@ -1,6 +1,54 @@
 export { SolidButton } from "./SolidButton";
+export { SolidAccordion,SolidAccordionItem, SolidAccordionContent, SolidAccordionTrigger } from "./SolidAccordion";
+export {
+  SolidDropdownMenu,
+  SolidDropdownMenuCheckboxItem,
+  SolidDropdownMenuContent,
+  SolidDropdownMenuItem,
+  SolidDropdownMenuLabel,
+  SolidDropdownMenuRadioGroup,
+  SolidDropdownMenuRadioItem,
+  SolidDropdownMenuSeparator,
+  SolidDropdownMenuSub,
+  SolidDropdownMenuSubContent,
+  SolidDropdownMenuSubTrigger,
+  SolidDropdownMenuTrigger,
+} from "./SolidDropdownMenu";
 export { SolidInput } from "./SolidInput";
 export { SolidNumberInput } from "./SolidNumberInput";
 export { SolidAutocomplete } from "./SolidAutocomplete";
+export { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "./SolidPopover";
 export { SolidSelect } from "./SolidSelect";
 export { SolidTab, SolidTabGroup } from "./SolidTabs";
+export {
+  SolidDialog,
+  SolidDialogBody,
+  SolidDialogClose,
+  SolidDialogDescription,
+  SolidDialogFooter,
+  SolidDialogHeader,
+  SolidDialogSeparator,
+  SolidDialogTitle,
+} from "./SolidDialog";
+export { SolidTextarea } from "./SolidTextarea";
+export { SolidPasswordInput } from "./SolidPasswordInput";
+export { SolidCheckbox } from "./SolidCheckbox";
+export { SolidSwitch } from "./SolidSwitch";
+export { SolidSegmentedControl } from "./SolidSegmentedControl";
+export { SolidRadioGroup } from "./SolidRadioGroup";
+export { SolidDatePicker } from "./SolidDatePicker";
+export { SolidPanel } from "./SolidPanel";
+export { SolidConfirmDialog } from "./SolidConfirmDialog";
+export { SolidProgressBar } from "./SolidProgressBar";
+export { SolidSpinner } from "./SolidSpinner";
+export { SolidToast } from "./SolidToast";
+export { SolidSlider } from "./SolidSlider";
+export { SolidTag } from "./SolidTag";
+export { SolidMessage } from "./SolidMessage";
+export { SolidDivider } from "./SolidDivider";
+export { SolidOtpInput } from "./SolidOtpInput";
+export { SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from "./SolidTooltip";
+export { SolidCodeEditor } from "./SolidCodeEditor";
+export { SolidRichTextEditor } from "./SolidRichTextEditor";
+export { SolidLightbox } from "./SolidLightbox";
+export { SolidIcon, type SolidIconName, type SolidIconMeta,parseSolidIconMeta, normalizeSolidIconName } from "./SolidIcon";

package/dist/helpers/mediaType.d.ts

@@ -0,0 +1,3 @@
+export type MediaKind = "image" | "video" | "audio";
+export declare const getMediaTypeFromUrl: (url?: string) => MediaKind;
+//# sourceMappingURL=mediaType.d.ts.map

package/dist/helpers/mediaType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaType.d.ts","sourceRoot":"","sources":["../../src/helpers/mediaType.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAEpD,eAAO,MAAM,mBAAmB,SAAU,MAAM,KAAG,SAiBlD,CAAC"}

package/dist/helpers/mediaType.js

@@ -0,0 +1,19 @@
+var videoExtensions = ["mp4", "webm", "ogg", "mov", "m4v"];
+var audioExtensions = ["mp3", "wav", "m4a", "aac", "oga"];
+export var getMediaTypeFromUrl = function (url) {
+    var _a;
+    if (!url)
+        return "image";
+    var cleanUrl = url.split("?")[0];
+    var ext = (_a = cleanUrl.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+    if (!ext)
+        return "image";
+    if (videoExtensions.includes(ext)) {
+        return "video";
+    }
+    if (audioExtensions.includes(ext)) {
+        return "audio";
+    }
+    return "image";
+};
+//# sourceMappingURL=mediaType.js.map

package/dist/helpers/mediaType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaType.js","sourceRoot":"","sources":["../../src/helpers/mediaType.ts"],"names":[],"mappings":"AAAA,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AAC7D,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AAI5D,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,GAAY;;IAC9C,IAAI,CAAC,GAAG;QAAE,OAAO,OAAO,CAAC;IAEzB,IAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,IAAM,GAAG,GAAG,MAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,CAAC;IAErD,IAAI,CAAC,GAAG;QAAE,OAAO,OAAO,CAAC;IAEzB,IAAI,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACjC,OAAO,OAAO,CAAC;KAChB;IAED,IAAI,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACjC,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["const videoExtensions = [\"mp4\", \"webm\", \"ogg\", \"mov\", \"m4v\"];\nconst audioExtensions = [\"mp3\", \"wav\", \"m4a\", \"aac\", \"oga\"];\n\nexport type MediaKind = \"image\" | \"video\" | \"audio\";\n\nexport const getMediaTypeFromUrl = (url?: string): MediaKind => {\n  if (!url) return \"image\";\n\n  const cleanUrl = url.split(\"?\")[0];\n  const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n  if (!ext) return \"image\";\n\n  if (videoExtensions.includes(ext)) {\n    return \"video\";\n  }\n\n  if (audioExtensions.includes(ext)) {\n    return \"audio\";\n  }\n\n  return \"image\";\n};\n"]}

package/dist/helpers/mediaType.ts

@@ -0,0 +1,23 @@
+const videoExtensions = ["mp4", "webm", "ogg", "mov", "m4v"];
+const audioExtensions = ["mp3", "wav", "m4a", "aac", "oga"];
+
+export type MediaKind = "image" | "video" | "audio";
+
+export const getMediaTypeFromUrl = (url?: string): MediaKind => {
+  if (!url) return "image";
+
+  const cleanUrl = url.split("?")[0];
+  const ext = cleanUrl.split(".").pop()?.toLowerCase();
+
+  if (!ext) return "image";
+
+  if (videoExtensions.includes(ext)) {
+    return "video";
+  }
+
+  if (audioExtensions.includes(ext)) {
+    return "audio";
+  }
+
+  return "image";
+};

package/dist/helpers/registry.d.ts

@@ -1,9 +1,8 @@
 import React from "react";
-type ExtensionComponentType = null | 'list_field_widget' | 'form_field_view_widget' | 'form_field_edit_widget' | 'list_row_action ' | 'list_header_action' | 'form_action' | 'form_widget';
-export declare const registerExtensionComponent: (name: string, component: React.ComponentType<any>, aliases?: string[], type?: ExtensionComponentType, fieldType?: string) => void;
-export declare const registerExtensionFunction: (name: string, fn: (...args: any[]) => any) => void;
+import { type ExtensionComponentType, type ExtensionFunctionType } from "../types/extension-registry";
+export declare const registerExtensionComponent: (name: string, component: React.ComponentType<any>, type: ExtensionComponentType, aliases?: string[], fieldType?: string) => void;
+export declare const registerExtensionFunction: (name: string, fn: (...args: any[]) => any, type: ExtensionFunctionType) => void;
 export declare const getExtensionComponent: (name: string) => React.ComponentType<any> | null;
 export declare const getExtensionComponents: (type: ExtensionComponentType, fieldType?: string) => string[] | [];
 export declare const getExtensionFunction: (name: string) => (...args: any[]) => any;
-export {};
 //# sourceMappingURL=registry.d.ts.map

package/dist/helpers/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/helpers/registry.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiD1B,KAAK,sBAAsB,GAAG,IAAI,GAAG,mBAAmB,GAAG,wBAAwB,GAAG,wBAAwB,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,aAAa,GAAG,aAAa,CAAC;AAmB3L,eAAO,MAAM,0BAA0B,SAAU,MAAM,aAAa,MAAM,aAAa,CAAC,GAAG,CAAC,YAAW,MAAM,EAAE,SAAa,sBAAsB,cAAoB,MAAM,SAM3K,CAAC;AAEF,eAAO,MAAM,yBAAyB,SAAU,MAAM,gBAAgB,GAAG,EAAE,KAAK,GAAG,SAElF,CAAC;AAEF,eAAO,MAAM,qBAAqB,SAAU,MAAM,KAAG,MAAM,aAAa,CAAC,GAAG,CAAC,GAAG,IAM/E,CAAC;AAEF,eAAO,MAAM,sBAAsB,SAAU,sBAAsB,cAAa,MAAM,KAAQ,MAAM,EAAE,GAAG,EASxG,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,MAAM,eAvCT,GAAG,EAAE,KAAK,GAyCjD,CAAC"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/helpers/registry.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkD1B,OAAO,EAGH,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC7B,MAAM,6BAA6B,CAAC;AAuBrC,eAAO,MAAM,0BAA0B,SAAU,MAAM,aAAa,MAAM,aAAa,CAAC,GAAG,CAAC,QAAQ,sBAAsB,YAAW,MAAM,EAAE,cAAkB,MAAM,SAMpK,CAAC;AAEF,eAAO,MAAM,yBAAyB,SAAU,MAAM,gBAAgB,GAAG,EAAE,KAAK,GAAG,QAAQ,qBAAqB,SAE/G,CAAC;AAEF,eAAO,MAAM,qBAAqB,SAAU,MAAM,KAAG,MAAM,aAAa,CAAC,GAAG,CAAC,GAAG,IAM/E,CAAC;AAEF,eAAO,MAAM,sBAAsB,SAAU,sBAAsB,cAAa,MAAM,KAAQ,MAAM,EAAE,GAAG,EASxG,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,MAAM,eA7C/B,GAAG,EAAE,KAAK,GA+C3B,CAAC"}

package/dist/helpers/registry.js

@@ -49,13 +49,15 @@ 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 { ExtensionComponentTypes, ExtensionFunctionTypes, } from "../types/extension-registry";
 var extensionRegistry = {
     components: {},
     functions: {},
 };
-export var registerExtensionComponent = function (name, component, aliases, type, fieldType) {
+export var registerExtensionComponent = function (name, component, type, aliases, fieldType) {
     if (aliases === void 0) { aliases = []; }
-    if (type === void 0) { type = null; }
     if (fieldType === void 0) { fieldType = ''; }
     extensionRegistry.components[name] = { 'component': component, 'type': type, 'fieldType': fieldType };
     for (var i = 0; i < aliases.length; i++) {
@@ -63,8 +65,8 @@ export var registerExtensionComponent = function (name, component, aliases, type
         extensionRegistry.components[alias] = { 'component': component, 'type': type, 'fieldType': fieldType };
     }
 };
-export var registerExtensionFunction = function (name, fn) {
-    extensionRegistry.functions[name] = fn;
+export var registerExtensionFunction = function (name, fn, type) {
+    extensionRegistry.functions[name] = { fn: fn, type: type };
 };
 export var getExtensionComponent = function (name) {
     if (extensionRegistry.components[name]) {
@@ -82,102 +84,104 @@ export var getExtensionComponents = function (type, fieldType) {
     return [];
 };
 export var getExtensionFunction = function (name) {
-    return extensionRegistry.functions[name];
+    var _a;
+    return (_a = extensionRegistry.functions[name]) === null || _a === void 0 ? void 0 : _a.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, []);
 // ...
 // 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("PseudoRelationManyToOneFormWidget", PseudoRelationManyToOneFormWidget, []);
+registerExtensionComponent("DefaultRelationManyToOneFormEditWidget", DefaultRelationManyToOneFormEditWidget, ExtensionComponentTypes.form_field_edit_widget);
+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);
 // ...
 // 3. form view field view widget 
 // - shortText
@@ -185,75 +189,78 @@ 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"]);
 // 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);
+// 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);
 //# sourceMappingURL=registry.js.map