@solidxai/core-ui 0.1.13-beta.1 → 0.1.13-beta.2

package/dist/components/core/chatter/useChatterMentions.ts

@@ -0,0 +1,160 @@
+import { type ChangeEvent, type KeyboardEvent, type MouseEvent, type RefObject, useEffect, useState } from 'react';
+import { useLazyGetusersQuery } from '../../../redux/api/userApi';
+import { ChatterMention, getMentionCandidate } from './chatterMentions';
+
+interface UseChatterMentionsProps {
+    value: string;
+    onChange: (value: string) => void;
+    textareaRef: RefObject<HTMLTextAreaElement | null>;
+}
+
+export const useChatterMentions = ({ value, onChange, textareaRef }: UseChatterMentionsProps) => {
+    const [mentions, setMentions] = useState<ChatterMention[]>([]);
+    const [mentionQuery, setMentionQuery] = useState('');
+    const [mentionRange, setMentionRange] = useState<{ start: number; end: number } | null>(null);
+    const [mentionSuggestions, setMentionSuggestions] = useState<any[]>([]);
+    const [activeMentionIndex, setActiveMentionIndex] = useState(0);
+    const [getUsers, { isFetching: isFetchingMentionUsers }] = useLazyGetusersQuery();
+
+    const closeMentionMenu = () => {
+        setMentionRange(null);
+        setMentionQuery('');
+        setMentionSuggestions([]);
+        setActiveMentionIndex(0);
+    };
+
+    const updateMentionState = (nextValue: string, cursorPosition: number) => {
+        const candidate = getMentionCandidate(nextValue, cursorPosition);
+        if (!candidate) {
+            closeMentionMenu();
+            return;
+        }
+
+        setMentionRange({ start: candidate.start, end: candidate.end });
+        setMentionQuery(candidate.query);
+    };
+
+    const handleMentionTextChange = (event: ChangeEvent<HTMLTextAreaElement>) => {
+        const nextValue = event.target.value;
+        onChange(nextValue);
+        updateMentionState(nextValue, event.target.selectionStart ?? nextValue.length);
+    };
+
+    const handleMentionKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {
+        if (!mentionRange) return;
+
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            setActiveMentionIndex(prev => {
+                if (mentionSuggestions.length === 0) return 0;
+                return (prev + 1) % mentionSuggestions.length;
+            });
+            return;
+        }
+
+        if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            setActiveMentionIndex(prev => {
+                if (mentionSuggestions.length === 0) return 0;
+                return (prev - 1 + mentionSuggestions.length) % mentionSuggestions.length;
+            });
+            return;
+        }
+
+        if (event.key === 'Enter' || event.key === 'Tab') {
+            if (mentionSuggestions[activeMentionIndex]) {
+                event.preventDefault();
+                handleSelectMention(mentionSuggestions[activeMentionIndex]);
+            }
+            return;
+        }
+
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            closeMentionMenu();
+        }
+    };
+
+    const handleMentionKeyUp = (event: KeyboardEvent<HTMLTextAreaElement>) => {
+        if (['ArrowDown', 'ArrowUp', 'Enter', 'Tab', 'Escape'].includes(event.key)) return;
+        const target = event.currentTarget;
+        updateMentionState(target.value, target.selectionStart ?? target.value.length);
+    };
+
+    const handleMentionClick = (event: MouseEvent<HTMLTextAreaElement>) => {
+        updateMentionState(event.currentTarget.value, event.currentTarget.selectionStart ?? event.currentTarget.value.length);
+    };
+
+    const handleSelectMention = (user: any) => {
+        if (!mentionRange) return;
+        const username = user?.username;
+        if (!username) return;
+
+        const mention: ChatterMention = {
+            username,
+            display_name: user?.fullName || username,
+            id: String(user?.id),
+        };
+        const mentionText = `@${mention.username}`;
+        const nextValue = `${value.slice(0, mentionRange.start)}${mentionText} ${value.slice(mentionRange.end)}`;
+        const nextCursorPosition = mentionRange.start + mentionText.length + 1;
+
+        onChange(nextValue);
+        setMentions(prev => (
+            prev.some(item => item.id === mention.id || item.username === mention.username)
+                ? prev
+                : [...prev, mention]
+        ));
+        closeMentionMenu();
+
+        window.requestAnimationFrame(() => {
+            textareaRef.current?.focus();
+            textareaRef.current?.setSelectionRange(nextCursorPosition, nextCursorPosition);
+        });
+    };
+
+    const resetMentions = (nextMentions: ChatterMention[] = []) => {
+        setMentions(nextMentions);
+        closeMentionMenu();
+    };
+
+    useEffect(() => {
+        if (!mentionRange) return;
+
+        let isActive = true;
+        const timeout = window.setTimeout(async () => {
+            try {
+                const encodedQuery = encodeURIComponent(mentionQuery);
+                const queryString = mentionQuery
+                    ? `filters[username][$containsi]=${encodedQuery}&limit=8`
+                    : 'limit=8';
+                const response = await getUsers(queryString).unwrap();
+                if (!isActive) return;
+                setMentionSuggestions(response?.data?.records || []);
+                setActiveMentionIndex(0);
+            } catch (error) {
+                if (isActive) setMentionSuggestions([]);
+            }
+        }, 180);
+
+        return () => {
+            isActive = false;
+            window.clearTimeout(timeout);
+        };
+    }, [mentionQuery, mentionRange, getUsers]);
+
+    return {
+        mentions,
+        setMentions,
+        mentionRange,
+        mentionSuggestions,
+        activeMentionIndex,
+        isFetchingMentionUsers,
+        handleMentionTextChange,
+        handleMentionKeyDown,
+        handleMentionKeyUp,
+        handleMentionClick,
+        handleSelectMention,
+        resetMentions,
+    };
+};

package/dist/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorHeaderAction.d.ts

@@ -0,0 +1,8 @@
+type WorkflowDefinitionHeaderActionEvent = {
+    params?: {
+        moduleName?: string;
+    };
+};
+export default function openWorkflowDefinitionEditorHeaderAction(event: WorkflowDefinitionHeaderActionEvent): void;
+export {};
+//# sourceMappingURL=openWorkflowDefinitionEditorHeaderAction.d.ts.map

package/dist/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorHeaderAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"openWorkflowDefinitionEditorHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorHeaderAction.ts"],"names":[],"mappings":"AAAA,KAAK,mCAAmC,GAAG;IACzC,MAAM,CAAC,EAAE;QACP,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,wCAAwC,CAC9D,KAAK,EAAE,mCAAmC,QAI3C"}

package/dist/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorHeaderAction.js

@@ -0,0 +1,6 @@
+export default function openWorkflowDefinitionEditorHeaderAction(event) {
+    var _a, _b;
+    var moduleName = (_b = (_a = event === null || event === void 0 ? void 0 : event.params) === null || _a === void 0 ? void 0 : _a.moduleName) !== null && _b !== void 0 ? _b : "solid-core";
+    window.location.href = "/admin/core/".concat(moduleName, "/workflow-definition/editor/new");
+}
+//# sourceMappingURL=openWorkflowDefinitionEditorHeaderAction.js.map

package/dist/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorHeaderAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openWorkflowDefinitionEditorHeaderAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorHeaderAction.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,wCAAwC,CAC9D,KAA0C;;IAE1C,IAAM,UAAU,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,UAAU,mCAAI,YAAY,CAAC;IAC7D,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,sBAAe,UAAU,oCAAiC,CAAC;AACpF,CAAC","sourcesContent":["type WorkflowDefinitionHeaderActionEvent = {\n  params?: {\n    moduleName?: string;\n  };\n};\n\nexport default function openWorkflowDefinitionEditorHeaderAction(\n  event: WorkflowDefinitionHeaderActionEvent,\n) {\n  const moduleName = event?.params?.moduleName ?? \"solid-core\";\n  window.location.href = `/admin/core/${moduleName}/workflow-definition/editor/new`;\n}\n\n"]}

package/dist/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorHeaderAction.ts

@@ -0,0 +1,13 @@
+type WorkflowDefinitionHeaderActionEvent = {
+  params?: {
+    moduleName?: string;
+  };
+};
+
+export default function openWorkflowDefinitionEditorHeaderAction(
+  event: WorkflowDefinitionHeaderActionEvent,
+) {
+  const moduleName = event?.params?.moduleName ?? "solid-core";
+  window.location.href = `/admin/core/${moduleName}/workflow-definition/editor/new`;
+}
+

package/dist/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorRowAction.d.ts

@@ -0,0 +1,11 @@
+type WorkflowDefinitionRowActionEvent = {
+    params?: {
+        moduleName?: string;
+    };
+    rowData?: {
+        id?: number | string;
+    };
+};
+export default function openWorkflowDefinitionEditorRowAction(event: WorkflowDefinitionRowActionEvent): void;
+export {};
+//# sourceMappingURL=openWorkflowDefinitionEditorRowAction.d.ts.map

package/dist/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorRowAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"openWorkflowDefinitionEditorRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorRowAction.ts"],"names":[],"mappings":"AAAA,KAAK,gCAAgC,GAAG;IACtC,MAAM,CAAC,EAAE;QACP,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,qCAAqC,CAC3D,KAAK,EAAE,gCAAgC,QAUxC"}

package/dist/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorRowAction.js

@@ -0,0 +1,10 @@
+export default function openWorkflowDefinitionEditorRowAction(event) {
+    var _a, _b, _c;
+    var moduleName = (_b = (_a = event === null || event === void 0 ? void 0 : event.params) === null || _a === void 0 ? void 0 : _a.moduleName) !== null && _b !== void 0 ? _b : "solid-core";
+    var recordId = (_c = event === null || event === void 0 ? void 0 : event.rowData) === null || _c === void 0 ? void 0 : _c.id;
+    if (recordId === null || recordId === undefined || recordId === "") {
+        return;
+    }
+    window.location.href = "/admin/core/".concat(moduleName, "/workflow-definition/editor/").concat(recordId);
+}
+//# sourceMappingURL=openWorkflowDefinitionEditorRowAction.js.map

package/dist/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorRowAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openWorkflowDefinitionEditorRowAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorRowAction.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,qCAAqC,CAC3D,KAAuC;;IAEvC,IAAM,UAAU,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,UAAU,mCAAI,YAAY,CAAC;IAC7D,IAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,EAAE,CAAC;IAEpC,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,EAAE,EAAE;QAClE,OAAO;KACR;IAED,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,sBAAe,UAAU,yCAA+B,QAAQ,CAAE,CAAC;AAC5F,CAAC","sourcesContent":["type WorkflowDefinitionRowActionEvent = {\n  params?: {\n    moduleName?: string;\n  };\n  rowData?: {\n    id?: number | string;\n  };\n};\n\nexport default function openWorkflowDefinitionEditorRowAction(\n  event: WorkflowDefinitionRowActionEvent,\n) {\n  const moduleName = event?.params?.moduleName ?? \"solid-core\";\n  const recordId = event?.rowData?.id;\n\n  if (recordId === null || recordId === undefined || recordId === \"\") {\n    return;\n  }\n\n  window.location.href = `/admin/core/${moduleName}/workflow-definition/editor/${recordId}`;\n}\n\n"]}

package/dist/components/core/extension/solid-core/workflowDefinition/list/openWorkflowDefinitionEditorRowAction.ts

@@ -0,0 +1,22 @@
+type WorkflowDefinitionRowActionEvent = {
+  params?: {
+    moduleName?: string;
+  };
+  rowData?: {
+    id?: number | string;
+  };
+};
+
+export default function openWorkflowDefinitionEditorRowAction(
+  event: WorkflowDefinitionRowActionEvent,
+) {
+  const moduleName = event?.params?.moduleName ?? "solid-core";
+  const recordId = event?.rowData?.id;
+
+  if (recordId === null || recordId === undefined || recordId === "") {
+    return;
+  }
+
+  window.location.href = `/admin/core/${moduleName}/workflow-definition/editor/${recordId}`;
+}
+

package/dist/components/core/form/fields/relations/SolidRelationManyToOneField.d.ts

@@ -19,7 +19,7 @@ export declare class SolidRelationManyToOneField implements ISolidField {
     renderExtensionRenderMode(widget: string, formik: FormikObject): import("react/jsx-runtime").JSX.Element;
 }
 export declare const DefaultRelationManyToOneFormEditWidget: ({ formik, fieldContext }: SolidFormFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderSolidFormEmbededView: ({ formik, fieldContext, customCreateHandler, visibleCreateRelationEntity, setvisibleCreateRelationEntity, formViewParams }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const RenderSolidFormEmbededView: ({ formik, fieldContext, customCreateHandler, visibleCreateRelationEntity, setvisibleCreateRelationEntity, formViewParams }: any) => import("react/jsx-runtime").JSX.Element | null;
 export declare const DefaultRelationManyToOneFormViewWidget: ({ formik, fieldContext }: SolidFormFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
 export declare const PseudoRelationManyToOneFormWidget: ({ formik, fieldContext }: SolidFormFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SolidRelationManyToOneField.d.ts.map

package/dist/components/core/form/fields/relations/SolidRelationManyToOneField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidRelationManyToOneField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/relations/SolidRelationManyToOneField.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAI5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAe5E,MAAM,MAAM,cAAc,GAAG;IACzB,UAAU,EAAE,GAAG,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,EAAE,EAAE,GAAG,CAAC;IACR,OAAO,EAAE,GAAG,CAAC;IACb,oBAAoB,EAAE,GAAG,CAAC;IAC1B,MAAM,EAAE,GAAG,CAAC;CACf,CAAA;AAED,qBAAa,2BAA4B,YAAW,WAAW;IAE3D,OAAO,CAAC,YAAY,CAAkB;gBAE1B,YAAY,EAAE,eAAe;IAIzC,YAAY,IAAI,GAAG;IAqBnB,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG;IAUnD,gBAAgB,IAAI,GAAG,CAAC,MAAM;IA4D9B,MAAM,CAAC,MAAM,EAAE,YAAY;IAoC3B,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY;CAYjE;AAED,eAAO,MAAM,sCAAsC,6BAA8B,yBAAyB,4CAqTzG,CAAA;AAED,eAAO,MAAM,0BAA0B,+HAAgI,GAAG,4CA8DzK,CAAA;AAGD,eAAO,MAAM,sCAAsC,6BAA8B,yBAAyB,4CAiBzG,CAAA;AAMD,eAAO,MAAM,iCAAiC,6BAA8B,yBAAyB,4CA2cpG,CAAA"}
+{"version":3,"file":"SolidRelationManyToOneField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/relations/SolidRelationManyToOneField.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAI5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAe5E,MAAM,MAAM,cAAc,GAAG;IACzB,UAAU,EAAE,GAAG,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,EAAE,EAAE,GAAG,CAAC;IACR,OAAO,EAAE,GAAG,CAAC;IACb,oBAAoB,EAAE,GAAG,CAAC;IAC1B,MAAM,EAAE,GAAG,CAAC;CACf,CAAA;AAED,qBAAa,2BAA4B,YAAW,WAAW;IAE3D,OAAO,CAAC,YAAY,CAAkB;gBAE1B,YAAY,EAAE,eAAe;IAIzC,YAAY,IAAI,GAAG;IAqBnB,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG;IAUnD,gBAAgB,IAAI,GAAG,CAAC,MAAM;IA4D9B,MAAM,CAAC,MAAM,EAAE,YAAY;IAoC3B,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY;CAYjE;AAED,eAAO,MAAM,sCAAsC,6BAA8B,yBAAyB,4CAqTzG,CAAA;AAED,eAAO,MAAM,0BAA0B,+HAAgI,GAAG,mDAoEzK,CAAA;AAGD,eAAO,MAAM,sCAAsC,6BAA8B,yBAAyB,4CAiBzG,CAAA;AAMD,eAAO,MAAM,iCAAiC,6BAA8B,yBAAyB,4CA2cpG,CAAA"}

package/dist/components/core/form/fields/relations/SolidRelationManyToOneField.js

@@ -479,6 +479,7 @@ export var RenderSolidFormEmbededView = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
     var formik = _a.formik, fieldContext = _a.fieldContext, customCreateHandler = _a.customCreateHandler, visibleCreateRelationEntity = _a.visibleCreateRelationEntity, setvisibleCreateRelationEntity = _a.setvisibleCreateRelationEntity, formViewParams = _a.formViewParams;
     var fieldLayoutInfo = fieldContext.field;
+    var viewMode = fieldContext.viewMode;
     var className = ((_b = fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.className) || 'field w-1/2 px-2 pt-2';
     var parentModelName = (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.parentModelName;
     var childModelName = (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.childModelName;
@@ -502,6 +503,9 @@ export var RenderSolidFormEmbededView = function (_a) {
             setvisibleCreateRelationEntity(false);
         }),
     };
+    if (viewMode === "view") {
+        return null;
+    }
     return (_jsxs("div", { children: [_jsx("div", { children: _jsx(SolidButton, { icon: "si si-plus", rounded: true, variant: "outline", "aria-label": "Filter", type: "button", size: "sm", onClick: function () { return setvisibleCreateRelationEntity(true); }, className: "custom-add-button" }) }), _jsxs(SolidDialog, { open: visibleCreateRelationEntity, onOpenChange: setvisibleCreateRelationEntity, style: {
                     width: (_s = (_r = (_q = (_p = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _p === void 0 ? void 0 : _p.inlineCreateLayout) === null || _q === void 0 ? void 0 : _q.attrs) === null || _r === void 0 ? void 0 : _r.width) !== null && _s !== void 0 ? _s : "60vw",
                     height: (_w = (_v = (_u = (_t = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _t === void 0 ? void 0 : _t.inlineCreateLayout) === null || _u === void 0 ? void 0 : _u.attrs) === null || _v === void 0 ? void 0 : _v.height) !== null && _w !== void 0 ? _w : "auto"