@solidstarters/solid-core-ui 1.1.210 → 1.1.212

package/dist/components/core/chatter/SolidMessageComposer.js

@@ -1,49 +1,4 @@
 "use client";
-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 };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InputText } from 'primereact/inputtext';
 import styles from './chatter.module.css';
@@ -52,67 +7,53 @@ import { useCreateChatterMessageMutation } from '../../../redux/api/solidChatter
 import { useEffect, useState, useRef } from 'react';
 import { useSelector } from 'react-redux';
 import { ERROR_MESSAGES } from '../../../constants/error-messages';
-export var SolidMessageComposer = function (_a) {
-    var type = _a.type, modelSingularName = _a.modelSingularName, refetch = _a.refetch, id = _a.id;
-    var _b = useState(''), message = _b[0], setMessage = _b[1];
-    var _c = useState([]), selectedFiles = _c[0], setSelectedFiles = _c[1];
-    var user = useSelector(function (state) { return state.auth; }).user;
-    var fileInputRef = useRef(null);
+export const SolidMessageComposer = ({ type, modelSingularName, refetch, id }) => {
+    const [message, setMessage] = useState('');
+    const [selectedFiles, setSelectedFiles] = useState([]);
+    const { user } = useSelector((state) => state.auth);
+    const fileInputRef = useRef(null);
     // const { data: viewLayoutData } = useGetSolidViewLayoutQuery(null);
-    var _d = useCreateChatterMessageMutation(), createChatterMessage = _d[0], _e = _d[1], isLoading = _e.isLoading, isSuccess = _e.isSuccess, isError = _e.isError;
-    var tempEmails = [
+    const [createChatterMessage, { isLoading, isSuccess, isError }] = useCreateChatterMessageMutation();
+    const tempEmails = [
         "johndoe@gmal.com",
         "tempmail@gmail.com",
         "example@mail.com"
     ];
-    var handleFileSelect = function (event) {
+    const handleFileSelect = (event) => {
         if (event.target.files) {
-            var files_1 = Array.from(event.target.files);
-            setSelectedFiles(function (prev) { return __spreadArray(__spreadArray([], prev, true), files_1, true); });
+            const files = Array.from(event.target.files);
+            setSelectedFiles(prev => [...prev, ...files]);
+        }
+    };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!message.trim() && selectedFiles.length === 0)
+            return;
+        try {
+            const formData = new FormData();
+            formData.append('messageType', "custom");
+            formData.append('messageSubType', "custom");
+            formData.append('messageBody', message);
+            formData.append('coModelEntityId', id);
+            formData.append('coModelName', modelSingularName);
+            formData.append('userId', user?.user?.id || 1);
+            selectedFiles.forEach((file, index) => {
+                formData.append(`messageAttachments`, file);
+            });
+            await createChatterMessage(formData).unwrap();
+            setMessage('');
+            setSelectedFiles([]);
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);
         }
     };
-    var handleSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var formData_1, error_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    e.preventDefault();
-                    if (!message.trim() && selectedFiles.length === 0)
-                        return [2 /*return*/];
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    formData_1 = new FormData();
-                    formData_1.append('messageType', "custom");
-                    formData_1.append('messageSubType', "custom");
-                    formData_1.append('messageBody', message);
-                    formData_1.append('coModelEntityId', id);
-                    formData_1.append('coModelName', modelSingularName);
-                    formData_1.append('userId', ((_a = user === null || user === void 0 ? void 0 : user.user) === null || _a === void 0 ? void 0 : _a.id) || 1);
-                    selectedFiles.forEach(function (file, index) {
-                        formData_1.append("messageAttachments", file);
-                    });
-                    return [4 /*yield*/, createChatterMessage(formData_1).unwrap()];
-                case 2:
-                    _b.sent();
-                    setMessage('');
-                    setSelectedFiles([]);
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _b.sent();
-                    console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    useEffect(function () {
+    useEffect(() => {
         if (isSuccess) {
             refetch();
         }
     }, [isSuccess]);
-    return (_jsxs("form", { className: styles.chatterMessageComposer, onSubmit: handleSubmit, children: [_jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx(InputText, { type: "text", value: message, onChange: function (e) { return setMessage(e.target.value); }, placeholder: type === 'email' ? 'Send a message to followers' : 'Log an internal note...', className: "p-inputtext-sm w-full p-2 ".concat(styles.chatterMessageInput) }), _jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileSelect, multiple: true, style: { display: 'none' } }), _jsx(Button, { icon: "pi pi-plus", className: "p-button-rounded p-button-text", onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, tooltip: "Attach files", tooltipOptions: { position: 'top' }, type: 'button' })] }), selectedFiles.length > 0 && (_jsx("div", { className: 'flex flex-wrap gap-2 mt-2', children: selectedFiles.map(function (file, index) { return (_jsxs("div", { className: 'flex align-items-center gap-2 bg-gray-100 p-2 rounded', children: [_jsx("span", { className: 'text-sm', children: file.name }), _jsx(Button, { icon: "pi pi-times", className: "p-button-rounded p-button-text p-button-sm", onClick: function () { return setSelectedFiles(function (prev) { return prev.filter(function (_, i) { return i !== index; }); }); } })] }, index)); }) })), _jsxs("div", { className: 'mt-3 flex align-items-center gap-2', children: [_jsx(Button, { label: type === 'email' ? 'Send' : 'Log', size: 'small', type: 'submit', loading: isLoading }), _jsx(Button, { label: 'Cancel', size: 'small', type: 'button', text: true, severity: 'contrast', onClick: function () {
+    return (_jsxs("form", { className: styles.chatterMessageComposer, onSubmit: handleSubmit, children: [_jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx(InputText, { type: "text", value: message, onChange: (e) => setMessage(e.target.value), placeholder: type === 'email' ? 'Send a message to followers' : 'Log an internal note...', className: `p-inputtext-sm w-full p-2 ${styles.chatterMessageInput}` }), _jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileSelect, multiple: true, style: { display: 'none' } }), _jsx(Button, { icon: "pi pi-plus", className: "p-button-rounded p-button-text", onClick: () => fileInputRef.current?.click(), tooltip: "Attach files", tooltipOptions: { position: 'top' }, type: 'button' })] }), selectedFiles.length > 0 && (_jsx("div", { className: 'flex flex-wrap gap-2 mt-2', children: selectedFiles.map((file, index) => (_jsxs("div", { className: 'flex align-items-center gap-2 bg-gray-100 p-2 rounded', children: [_jsx("span", { className: 'text-sm', children: file.name }), _jsx(Button, { icon: "pi pi-times", className: "p-button-rounded p-button-text p-button-sm", onClick: () => setSelectedFiles(prev => prev.filter((_, i) => i !== index)) })] }, index))) })), _jsxs("div", { className: 'mt-3 flex align-items-center gap-2', children: [_jsx(Button, { label: type === 'email' ? 'Send' : 'Log', size: 'small', type: 'submit', loading: isLoading }), _jsx(Button, { label: 'Cancel', size: 'small', type: 'button', text: true, severity: 'contrast', onClick: () => {
                             setMessage('');
                             setSelectedFiles([]);
                         } })] })] }));

package/dist/components/core/chatter/SolidMessageComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMessageComposer.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidMessageComposer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidMessageComposer.js","sourceRoot":"./","sources":["components/core/chatter/SolidMessageComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\nimport { InputText } from 'primereact/inputtext'\nimport styles from './chatter.module.css'\nimport { Button } from 'primereact/button'\nimport { useCreateChatterMessageMutation } from '../../../redux/api/solidChatterMessageApi'\nimport { useEffect, useState, useRef } from 'react'\nimport { useGetSolidViewLayoutQuery } from '../../../redux/api/solidViewApi'\nimport { useSelector } from 'react-redux'\nimport { FileUpload } from 'primereact/fileupload';\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nexport const SolidMessageComposer = ({ type, modelSingularName, refetch, id }: { type?: string, modelSingularName?: any, refetch?: any, id?: any }) => {\n    const [message, setMessage] = useState('');\n    const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n    const { user } = useSelector((state: any) => state.auth);\n    const fileInputRef = useRef<HTMLInputElement>(null);\n\n    // const { data: viewLayoutData } = useGetSolidViewLayoutQuery(null);\n    const [createChatterMessage, { isLoading, isSuccess, isError }] = useCreateChatterMessageMutation();\n\n    const tempEmails = [\n        \"johndoe@gmal.com\",\n        \"tempmail@gmail.com\",\n        \"example@mail.com\"\n    ]\n\n    const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (event.target.files) {\n            const files = Array.from(event.target.files);\n            setSelectedFiles(prev => [...prev, ...files]);\n        }\n    };\n\n    const handleSubmit = async (e: React.FormEvent) => {\n        e.preventDefault();\n        if (!message.trim() && selectedFiles.length === 0) return;\n\n        try {\n            const formData = new FormData();\n            formData.append('messageType', \"custom\");\n            formData.append('messageSubType', \"custom\");\n            formData.append('messageBody', message);\n            formData.append('coModelEntityId', id);\n            formData.append('coModelName', modelSingularName);\n            formData.append('userId', user?.user?.id || 1);\n\n            selectedFiles.forEach((file, index) => {\n                formData.append(`messageAttachments`, file);\n            });\n\n            await createChatterMessage(formData).unwrap();\n            setMessage('');\n            setSelectedFiles([]);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);\n        }\n    };\n\n    useEffect(() => {\n        if (isSuccess) {\n            refetch()\n        }\n    }, [isSuccess]);\n\n    return (\n        <form className={styles.chatterMessageComposer} onSubmit={handleSubmit}>\n            {/* {type === 'email' &&\n                <div className='flex align-items-center gap-1 text-sm mb-2'>\n                    <span className='font-bold'>To:</span>\n                    <div className={styles.chatterEmails}>\n                        {tempEmails.map((mail, index) => (\n                            <span key={index}>\n                                {mail}\n                            </span>\n                        ))}\n                    </div>\n                    <div className={`pi pi-sort-down-fill text-primary ${styles.emailTooltipIcon}`} style={{ fontSize: 8 }}>\n                        <div className={styles.emailsTooltip}>\n                            {tempEmails.map((mail, index) => (\n                                <span key={index} className='text-color text-sm'>\n                                    {mail}\n                                </span>\n                            ))}\n                        </div>\n                    </div>\n                </div>\n            } */}\n            <div className='flex align-items-center gap-2'>\n                <InputText\n                    type=\"text\"\n                    value={message}\n                    onChange={(e) => setMessage(e.target.value)}\n                    placeholder={type === 'email' ? 'Send a message to followers' : 'Log an internal note...'}\n                    className={`p-inputtext-sm w-full p-2 ${styles.chatterMessageInput}`}\n                />\n                <input\n                    type=\"file\"\n                    ref={fileInputRef}\n                    onChange={handleFileSelect}\n                    multiple\n                    style={{ display: 'none' }}\n                />\n                <Button\n                    icon=\"pi pi-plus\"\n                    className=\"p-button-rounded p-button-text\"\n                    onClick={() => fileInputRef.current?.click()}\n                    tooltip=\"Attach files\"\n                    tooltipOptions={{ position: 'top' }}\n                    type='button'\n                />\n            </div>\n            {selectedFiles.length > 0 && (\n                <div className='flex flex-wrap gap-2 mt-2'>\n                    {selectedFiles.map((file, index) => (\n                        <div key={index} className='flex align-items-center gap-2 bg-gray-100 p-2 rounded'>\n                            <span className='text-sm'>{file.name}</span>\n                            <Button\n                                icon=\"pi pi-times\"\n                                className=\"p-button-rounded p-button-text p-button-sm\"\n                                onClick={() => setSelectedFiles(prev => prev.filter((_, i) => i !== index))}\n                            />\n                        </div>\n                    ))}\n                </div>\n            )}\n            <div className='mt-3 flex align-items-center gap-2'>\n                <Button\n                    label={type === 'email' ? 'Send' : 'Log'}\n                    size='small'\n                    type='submit'\n                    loading={isLoading}\n                />\n                <Button\n                    label='Cancel'\n                    size='small'\n                    type='button'\n                    text\n                    severity='contrast'\n                    onClick={() => {\n                        setMessage('');\n                        setSelectedFiles([]);\n                    }}\n                />\n            </div>\n        </form>\n    )\n}"]}

package/dist/components/core/chatter/SolidMessageComposer.tsx

@@ -0,0 +1,146 @@
+"use client"
+import { InputText } from 'primereact/inputtext'
+import styles from './chatter.module.css'
+import { Button } from 'primereact/button'
+import { useCreateChatterMessageMutation } from '../../../redux/api/solidChatterMessageApi'
+import { useEffect, useState, useRef } from 'react'
+import { useGetSolidViewLayoutQuery } from '../../../redux/api/solidViewApi'
+import { useSelector } from 'react-redux'
+import { FileUpload } from 'primereact/fileupload';
+import { ERROR_MESSAGES } from '../../../constants/error-messages'
+export const SolidMessageComposer = ({ type, modelSingularName, refetch, id }: { type?: string, modelSingularName?: any, refetch?: any, id?: any }) => {
+    const [message, setMessage] = useState('');
+    const [selectedFiles, setSelectedFiles] = useState<File[]>([]);
+    const { user } = useSelector((state: any) => state.auth);
+    const fileInputRef = useRef<HTMLInputElement>(null);
+
+    // const { data: viewLayoutData } = useGetSolidViewLayoutQuery(null);
+    const [createChatterMessage, { isLoading, isSuccess, isError }] = useCreateChatterMessageMutation();
+
+    const tempEmails = [
+        "johndoe@gmal.com",
+        "tempmail@gmail.com",
+        "example@mail.com"
+    ]
+
+    const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {
+        if (event.target.files) {
+            const files = Array.from(event.target.files);
+            setSelectedFiles(prev => [...prev, ...files]);
+        }
+    };
+
+    const handleSubmit = async (e: React.FormEvent) => {
+        e.preventDefault();
+        if (!message.trim() && selectedFiles.length === 0) return;
+
+        try {
+            const formData = new FormData();
+            formData.append('messageType', "custom");
+            formData.append('messageSubType', "custom");
+            formData.append('messageBody', message);
+            formData.append('coModelEntityId', id);
+            formData.append('coModelName', modelSingularName);
+            formData.append('userId', user?.user?.id || 1);
+
+            selectedFiles.forEach((file, index) => {
+                formData.append(`messageAttachments`, file);
+            });
+
+            await createChatterMessage(formData).unwrap();
+            setMessage('');
+            setSelectedFiles([]);
+        } catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);
+        }
+    };
+
+    useEffect(() => {
+        if (isSuccess) {
+            refetch()
+        }
+    }, [isSuccess]);
+
+    return (
+        <form className={styles.chatterMessageComposer} onSubmit={handleSubmit}>
+            {/* {type === 'email' &&
+                <div className='flex align-items-center gap-1 text-sm mb-2'>
+                    <span className='font-bold'>To:</span>
+                    <div className={styles.chatterEmails}>
+                        {tempEmails.map((mail, index) => (
+                            <span key={index}>
+                                {mail}
+                            </span>
+                        ))}
+                    </div>
+                    <div className={`pi pi-sort-down-fill text-primary ${styles.emailTooltipIcon}`} style={{ fontSize: 8 }}>
+                        <div className={styles.emailsTooltip}>
+                            {tempEmails.map((mail, index) => (
+                                <span key={index} className='text-color text-sm'>
+                                    {mail}
+                                </span>
+                            ))}
+                        </div>
+                    </div>
+                </div>
+            } */}
+            <div className='flex align-items-center gap-2'>
+                <InputText
+                    type="text"
+                    value={message}
+                    onChange={(e) => setMessage(e.target.value)}
+                    placeholder={type === 'email' ? 'Send a message to followers' : 'Log an internal note...'}
+                    className={`p-inputtext-sm w-full p-2 ${styles.chatterMessageInput}`}
+                />
+                <input
+                    type="file"
+                    ref={fileInputRef}
+                    onChange={handleFileSelect}
+                    multiple
+                    style={{ display: 'none' }}
+                />
+                <Button
+                    icon="pi pi-plus"
+                    className="p-button-rounded p-button-text"
+                    onClick={() => fileInputRef.current?.click()}
+                    tooltip="Attach files"
+                    tooltipOptions={{ position: 'top' }}
+                    type='button'
+                />
+            </div>
+            {selectedFiles.length > 0 && (
+                <div className='flex flex-wrap gap-2 mt-2'>
+                    {selectedFiles.map((file, index) => (
+                        <div key={index} className='flex align-items-center gap-2 bg-gray-100 p-2 rounded'>
+                            <span className='text-sm'>{file.name}</span>
+                            <Button
+                                icon="pi pi-times"
+                                className="p-button-rounded p-button-text p-button-sm"
+                                onClick={() => setSelectedFiles(prev => prev.filter((_, i) => i !== index))}
+                            />
+                        </div>
+                    ))}
+                </div>
+            )}
+            <div className='mt-3 flex align-items-center gap-2'>
+                <Button
+                    label={type === 'email' ? 'Send' : 'Log'}
+                    size='small'
+                    type='submit'
+                    loading={isLoading}
+                />
+                <Button
+                    label='Cancel'
+                    size='small'
+                    type='button'
+                    text
+                    severity='contrast'
+                    onClick={() => {
+                        setMessage('');
+                        setSelectedFiles([]);
+                    }}
+                />
+            </div>
+        </form>
+    )
+}

package/dist/components/core/common/AvatarWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/AvatarWidget.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,cAAe,GAAG,4CAsD1C,CAAC"}
+{"version":3,"file":"AvatarWidget.d.ts","sourceRoot":"./","sources":["components/core/common/AvatarWidget.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,cAAe,GAAG,4CAsD1C,CAAC"}

package/dist/components/core/common/AvatarWidget.js

@@ -1,29 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var AvatarWidget = function (_a) {
+export const AvatarWidget = ({ value }) => {
     // use "widget": "SolidUserNameAvatarWidget" in the list view field 
-    var value = _a.value;
-    var getInitials = function (value) {
+    const getInitials = (value) => {
         if (value) {
-            var names = value === null || value === void 0 ? void 0 : value.trim().split(' ');
-            var initials_1 = names.length === 1
+            const names = value?.trim().split(' ');
+            const initials = names.length === 1
                 ? names[0][0]
                 : names[0][0] + names[names.length - 1][0];
-            return initials_1.toUpperCase();
+            return initials.toUpperCase();
         }
         else {
             return "";
         }
     };
-    var getColorFromInitials = function (initials) {
-        var hash = 0;
-        for (var i = 0; i < initials.length; i++) {
+    const getColorFromInitials = (initials) => {
+        let hash = 0;
+        for (let i = 0; i < initials.length; i++) {
             hash = initials.charCodeAt(i) + ((hash << 5) - hash);
         }
-        var hue = Math.abs(hash) % 360;
-        return "hsl(".concat(hue, ", 60%, 60%)"); // nice pastel color
+        const hue = Math.abs(hash) % 360;
+        return `hsl(${hue}, 60%, 60%)`; // nice pastel color
     };
-    var initials = getInitials(value);
-    var bgColor = getColorFromInitials(initials);
+    const initials = getInitials(value);
+    const bgColor = getColorFromInitials(initials);
     return (_jsx("div", { className: "solid-table-row", children: value &&
             _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [_jsx("div", { style: {
                             width: 20,

package/dist/components/core/common/AvatarWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarWidget.js","sourceRoot":"","sources":["../../../../src/components/core/common/AvatarWidget.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAc;IACvC,oEAAoE;QADzC,KAAK,WAAA;IAIhC,IAAM,WAAW,GAAG,UAAC,KAAa;QAC9B,IAAI,KAAK,EAAE;YACP,IAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACvC,IAAM,UAAQ,GACV,KAAK,CAAC,MAAM,KAAK,CAAC;gBACd,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACb,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACnD,OAAO,UAAQ,CAAC,WAAW,EAAE,CAAC;SACjC;aAAM;YACH,OAAO,EAAE,CAAA;SACZ;IACL,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,QAAgB;QAC1C,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;SACxD;QACD,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;QACjC,OAAO,cAAO,GAAG,gBAAa,CAAC,CAAC,oBAAoB;IACxD,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACpC,IAAM,OAAO,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAE/C,OAAO,CACH,cAAK,SAAS,EAAC,iBAAiB,YAC3B,KAAK;YACF,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,aAChE,cACI,KAAK,EAAE;4BACH,KAAK,EAAE,EAAE;4BACT,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,OAAO;4BACxB,KAAK,EAAE,OAAO;4BACd,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,UAAU,EAAE,GAAG;4BACf,QAAQ,EAAE,EAAE;yBACf,YAEA,QAAQ,GACP,EACN,yBAAO,KAAK,GAAQ,IAClB,GAER,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"AvatarWidget.js","sourceRoot":"./","sources":["components/core/common/AvatarWidget.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAO,EAAE,EAAE;IAC3C,oEAAoE;IAGpE,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QAClC,IAAI,KAAK,EAAE;YACP,MAAM,KAAK,GAAG,KAAK,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACvC,MAAM,QAAQ,GACV,KAAK,CAAC,MAAM,KAAK,CAAC;gBACd,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACb,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACnD,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC;SACjC;aAAM;YACH,OAAO,EAAE,CAAA;SACZ;IACL,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC9C,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;SACxD;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;QACjC,OAAO,OAAO,GAAG,aAAa,CAAC,CAAC,oBAAoB;IACxD,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAE/C,OAAO,CACH,cAAK,SAAS,EAAC,iBAAiB,YAC3B,KAAK;YACF,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,aAChE,cACI,KAAK,EAAE;4BACH,KAAK,EAAE,EAAE;4BACT,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,OAAO;4BACxB,KAAK,EAAE,OAAO;4BACd,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,UAAU,EAAE,GAAG;4BACf,QAAQ,EAAE,EAAE;yBACf,YAEA,QAAQ,GACP,EACN,yBAAO,KAAK,GAAQ,IAClB,GAER,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["export const AvatarWidget = ({ value }: any) => {\n    // use \"widget\": \"SolidUserNameAvatarWidget\" in the list view field \n\n\n    const getInitials = (value: string) => {\n        if (value) {\n            const names = value?.trim().split(' ');\n            const initials =\n                names.length === 1\n                    ? names[0][0]\n                    : names[0][0] + names[names.length - 1][0];\n            return initials.toUpperCase();\n        } else {\n            return \"\"\n        }\n    };\n\n    const getColorFromInitials = (initials: string) => {\n        let hash = 0;\n        for (let i = 0; i < initials.length; i++) {\n            hash = initials.charCodeAt(i) + ((hash << 5) - hash);\n        }\n        const hue = Math.abs(hash) % 360;\n        return `hsl(${hue}, 60%, 60%)`; // nice pastel color\n    };\n\n    const initials = getInitials(value);\n    const bgColor = getColorFromInitials(initials);\n\n    return (\n        <div className=\"solid-table-row\">\n            {value &&\n                <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>\n                    <div\n                        style={{\n                            width: 20,\n                            height: 20,\n                            borderRadius: '50%',\n                            backgroundColor: bgColor,\n                            color: 'white',\n                            display: 'flex',\n                            alignItems: 'center',\n                            justifyContent: 'center',\n                            fontWeight: 600,\n                            fontSize: 12\n                        }}\n                    >\n                        {initials}\n                    </div>\n                    <span>{value}</span>\n                </div>\n            }\n        </div>\n    );\n};\n"]}

package/dist/components/core/common/AvatarWidget.tsx

@@ -0,0 +1,55 @@
+export const AvatarWidget = ({ value }: any) => {
+    // use "widget": "SolidUserNameAvatarWidget" in the list view field 
+
+
+    const getInitials = (value: string) => {
+        if (value) {
+            const names = value?.trim().split(' ');
+            const initials =
+                names.length === 1
+                    ? names[0][0]
+                    : names[0][0] + names[names.length - 1][0];
+            return initials.toUpperCase();
+        } else {
+            return ""
+        }
+    };
+
+    const getColorFromInitials = (initials: string) => {
+        let hash = 0;
+        for (let i = 0; i < initials.length; i++) {
+            hash = initials.charCodeAt(i) + ((hash << 5) - hash);
+        }
+        const hue = Math.abs(hash) % 360;
+        return `hsl(${hue}, 60%, 60%)`; // nice pastel color
+    };
+
+    const initials = getInitials(value);
+    const bgColor = getColorFromInitials(initials);
+
+    return (
+        <div className="solid-table-row">
+            {value &&
+                <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
+                    <div
+                        style={{
+                            width: 20,
+                            height: 20,
+                            borderRadius: '50%',
+                            backgroundColor: bgColor,
+                            color: 'white',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            fontWeight: 600,
+                            fontSize: 12
+                        }}
+                    >
+                        {initials}
+                    </div>
+                    <span>{value}</span>
+                </div>
+            }
+        </div>
+    );
+};

package/dist/components/core/common/DateFieldViewComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldViewComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/DateFieldViewComponent.tsx"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,iCAIhC,kBAAkB,4CAqBpB,CAAC"}
+{"version":3,"file":"DateFieldViewComponent.d.ts","sourceRoot":"./","sources":["components/core/common/DateFieldViewComponent.tsx"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,iCAIhC,kBAAkB,4CAqBpB,CAAC"}

package/dist/components/core/common/DateFieldViewComponent.js

@@ -1,13 +1,12 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import dayjs from "dayjs";
-export var DateFieldViewComponent = function (_a) {
-    var value = _a.value, format = _a.format, _b = _a.fallback, fallback = _b === void 0 ? "-" : _b;
+export const DateFieldViewComponent = ({ value, format, fallback = "-", }) => {
     if (!value) {
         return _jsx(_Fragment, { children: fallback });
     }
     // Normalize value to Date
-    var date = value instanceof Date ? value : new Date(value);
+    const date = value instanceof Date ? value : new Date(value);
     // Invalid date → render raw value
     if (isNaN(date.getTime())) {
         return _jsx(_Fragment, { children: String(value) });

package/dist/components/core/common/DateFieldViewComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldViewComponent.js","sourceRoot":"","sources":["../../../../src/components/core/common/DateFieldViewComponent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,EAIlB;QAHnB,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAAc,EAAd,QAAQ,mBAAG,GAAG,KAAA;IAEd,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,4BAAG,QAAQ,GAAI,CAAC;KACxB;IAED,0BAA0B;IAC1B,IAAM,IAAI,GACR,KAAK,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAY,CAAC,CAAC;IAEzD,kCAAkC;IAClC,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE;QACzB,OAAO,4BAAG,MAAM,CAAC,KAAK,CAAC,GAAI,CAAC;KAC7B;IAED,0BAA0B;IAC1B,IAAI,MAAM,EAAE;QACV,OAAO,4BAAG,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAI,CAAC;KAC1C;IAED,2BAA2B;IAC3B,OAAO,4BAAG,IAAI,CAAC,kBAAkB,EAAE,GAAI,CAAC;AAC1C,CAAC,CAAC"}
+{"version":3,"file":"DateFieldViewComponent.js","sourceRoot":"./","sources":["components/core/common/DateFieldViewComponent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,GAAG,GACK,EAAE,EAAE;IACvB,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,4BAAG,QAAQ,GAAI,CAAC;KACxB;IAED,0BAA0B;IAC1B,MAAM,IAAI,GACR,KAAK,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAY,CAAC,CAAC;IAEzD,kCAAkC;IAClC,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE;QACzB,OAAO,4BAAG,MAAM,CAAC,KAAK,CAAC,GAAI,CAAC;KAC7B;IAED,0BAA0B;IAC1B,IAAI,MAAM,EAAE;QACV,OAAO,4BAAG,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAI,CAAC;KAC1C;IAED,2BAA2B;IAC3B,OAAO,4BAAG,IAAI,CAAC,kBAAkB,EAAE,GAAI,CAAC;AAC1C,CAAC,CAAC","sourcesContent":["'use client';\n\nimport dayjs from \"dayjs\";\n\ntype DateFieldViewProps = {\n  value: unknown;\n  format?: string; // dayjs format tokens (optional)\n  fallback?: string; // optional fallback text (default: \"-\")\n};\n\nexport const DateFieldViewComponent = ({\n  value,\n  format,\n  fallback = \"-\",\n}: DateFieldViewProps) => {\n  if (!value) {\n    return <>{fallback}</>;\n  }\n\n  // Normalize value to Date\n  const date =\n    value instanceof Date ? value : new Date(value as any);\n\n  // Invalid date → render raw value\n  if (isNaN(date.getTime())) {\n    return <>{String(value)}</>;\n  }\n\n  // Explicit format → dayjs\n  if (format) {\n    return <>{dayjs(date).format(format)}</>;\n  }\n\n  // Default → browser locale\n  return <>{date.toLocaleDateString()}</>;\n};\n"]}

package/dist/components/core/common/DateFieldViewComponent.tsx

@@ -0,0 +1,36 @@
+'use client';
+
+import dayjs from "dayjs";
+
+type DateFieldViewProps = {
+  value: unknown;
+  format?: string; // dayjs format tokens (optional)
+  fallback?: string; // optional fallback text (default: "-")
+};
+
+export const DateFieldViewComponent = ({
+  value,
+  format,
+  fallback = "-",
+}: DateFieldViewProps) => {
+  if (!value) {
+    return <>{fallback}</>;
+  }
+
+  // Normalize value to Date
+  const date =
+    value instanceof Date ? value : new Date(value as any);
+
+  // Invalid date → render raw value
+  if (isNaN(date.getTime())) {
+    return <>{String(value)}</>;
+  }
+
+  // Explicit format → dayjs
+  if (format) {
+    return <>{dayjs(date).format(format)}</>;
+  }
+
+  // Default → browser locale
+  return <>{date.toLocaleDateString()}</>;
+};

package/dist/components/core/common/FilterComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/FilterComponent.tsx"],"names":[],"mappings":"AAcA,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,UAAU,eAAe;CAC1B;AAED,oBAAY,cAAc;IACxB,GAAG,QAAQ;IACX,EAAE,OAAO;CACV;AAED,oBAAY,eAAe;IACzB,WAAW,eAAe;IAC1B,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,YAAY,OAAO;IACnB,SAAS,OAAO;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,cAAc,CAAC;IACrB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;CACpC;AAkND,QAAA,MAAM,eAAe;;;;;;;6CAuMpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"FilterComponent.d.ts","sourceRoot":"./","sources":["components/core/common/FilterComponent.tsx"],"names":[],"mappings":"AAcA,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,UAAU,eAAe;CAC1B;AAED,oBAAY,cAAc;IACxB,GAAG,QAAQ;IACX,EAAE,OAAO;CACV;AAED,oBAAY,eAAe;IACzB,WAAW,eAAe;IAC1B,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,YAAY,OAAO;IACnB,SAAS,OAAO;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,cAAc,CAAC;IACrB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;CACpC;AAkND,QAAA,MAAM,eAAe;;;;;;;6CAuMpB,CAAC;AAEF,eAAe,eAAe,CAAC"}