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

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

@@ -16,7 +16,7 @@ interface FilterState {
     endDate: Date | null;
 }
 
-export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed=[] }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void , actionsAllowed?:string[]}) => {    
+export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed = [], title }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void, actionsAllowed?: string[], title?: string }) => {
     const [activeTab, setActiveTab] = useState<'email-message' | 'log' | null>('email-message');
     const [visibleBox, setVisibleBox] = useState<'email-message' | 'log' | null>(null);
     const [messages, setMessages] = useState<any[]>([]);
@@ -240,10 +240,9 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                 visibleBox={visibleBox}
                 onFilterChange={handleFilterChange}
                 onComposerCancel={() => setVisibleBox(null)}
+                title={title}
             />
-            <div className=' solid-chatter-body' style={{
-                paddingRight: '10px',
-                overflowY: 'scroll',
+            <div className='solid-chatter-body' style={{
                 height:
                     visibleBox === 'email-message'
                         ? 'calc(100vh - 196px)'

package/dist/components/core/chatter/SolidChatterHeader.d.ts

@@ -12,6 +12,7 @@ interface Props {
     id: any;
     onFilterChange?: (filters: FilterState) => void;
     onComposerCancel?: () => void;
+    title?: string;
 }
 export declare const SolidChatterHeader: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/core/chatter/SolidChatterHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"AAkBA,UAAU,WAAW;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,UAAU,KAAK;IACX,SAAS,EAAE,GAAG,CAAC;IACf,cAAc,EAAE,GAAG,CAAC;IACpB,UAAU,EAAE,GAAG,CAAC;IAChB,iBAAiB,EAAE,GAAG,CAAC;IACvB,OAAO,EAAE,GAAG,CAAC;IACb,EAAE,EAAE,GAAG,CAAC;IACR,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,kBAAkB,UAAW,KAAK,4CA0N9C,CAAA"}
+{"version":3,"file":"SolidChatterHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"AAkBA,UAAU,WAAW;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,UAAU,KAAK;IACX,SAAS,EAAE,GAAG,CAAC;IACf,cAAc,EAAE,GAAG,CAAC;IACpB,UAAU,EAAE,GAAG,CAAC;IAChB,iBAAiB,EAAE,GAAG,CAAC;IACvB,OAAO,EAAE,GAAG,CAAC;IACb,EAAE,EAAE,GAAG,CAAC;IACR,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,UAAW,KAAK,4CA0N9C,CAAA"}

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

@@ -55,7 +55,7 @@ import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialo
 import { Filter, RefreshCw, Edit } from 'lucide-react';
 export var SolidChatterHeader = function (props) {
     var _a, _b;
-    var activeTab = props.activeTab, visibleBox = props.visibleBox, handleTabClick = props.handleTabClick, modelSingularName = props.modelSingularName, refetch = props.refetch, id = props.id, onFilterChange = props.onFilterChange, onComposerCancel = props.onComposerCancel;
+    var activeTab = props.activeTab, visibleBox = props.visibleBox, handleTabClick = props.handleTabClick, modelSingularName = props.modelSingularName, refetch = props.refetch, id = props.id, onFilterChange = props.onFilterChange, onComposerCancel = props.onComposerCancel, title = props.title;
     var _c = useState(false), showFilterDialog = _c[0], setShowFilterDialog = _c[1];
     var _d = useState({
         name: '',
@@ -133,7 +133,7 @@ export var SolidChatterHeader = function (props) {
         }
         updateNameFilter(value);
     };
-    return (_jsxs("div", { className: "".concat(styles.chatterTitle, " solid-list-toolbar"), children: [_jsxs("div", { className: 'flex justify-content-between align-items-center solid-list-toolbar-row', children: [_jsx("p", { className: "m-0 view-title solid-text-wrapper form-wrapper-title" }), _jsxs("div", { className: 'flex align-items-center solid-header-buttons-wrapper', children: [_jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Log Note", variant: hasActiveFilters ? 'primary' : 'outline', className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(Edit, { size: 14 }), onClick: function () { return handleTabClick('log'); } }), _jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Filter", variant: hasActiveFilters ? 'primary' : 'outline', className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(Filter, { size: 14 }), onClick: handleFilterClick }), _jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Refresh", variant: "outline", className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(RefreshCw, { size: 14 }), onClick: refetch })] })] }), visibleBox &&
+    return (_jsxs("div", { className: "".concat(styles.chatterTitle, " ").concat(title ? styles.chatterTitleWithLabel : '', " solid-list-toolbar"), children: [_jsxs("div", { className: 'flex justify-content-between align-items-center solid-list-toolbar-row', children: [_jsx("p", { className: "m-0 view-title solid-text-wrapper form-wrapper-title", children: title || '' }), _jsxs("div", { className: 'flex align-items-center solid-header-buttons-wrapper', children: [_jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Log Note", variant: hasActiveFilters ? 'primary' : 'outline', className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(Edit, { size: 14 }), onClick: function () { return handleTabClick('log'); } }), _jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Filter", variant: hasActiveFilters ? 'primary' : 'outline', className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(Filter, { size: 14 }), onClick: handleFilterClick }), _jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Refresh", variant: "outline", className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(RefreshCw, { size: 14 }), onClick: refetch })] })] }), visibleBox &&
                 _jsxs("div", { className: 'mt-2', children: [visibleBox === "email-message" &&
                             _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName, type: "email", onCancel: onComposerCancel }), visibleBox === "log" &&
                             _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName, onCancel: onComposerCancel })] }), _jsxs(SolidDialog, { open: showFilterDialog, onOpenChange: setShowFilterDialog, className: 'solid-filter-dialog-shell solid-chatter-filter-main', style: { width: 500 }, showHeader: false, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head", children: [_jsx("div", { children: _jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Filter Messages" }) }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-filter-dialog-body", children: _jsxs("div", { className: "flex flex-column gap-3", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "fullName", className: "form-field-label", children: "User" }), _jsx(SolidAutocomplete, { id: "fullName", value: filters.name, suggestions: suggestions, field: "fullName", completeMethod: searchUsers, onChange: function (e) { return handleUserChange(e.value); }, placeholder: "Filter by user", className: "w-full", inputClassName: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "dateRange", className: "form-field-label", children: "Date Range" }), _jsxs("div", { className: "flex gap-2 flex-column md:flex-row", children: [_jsx("div", { className: "flex-1", children: _jsx(SolidDatePicker, { selected: (_a = filters.startDate) !== null && _a !== void 0 ? _a : undefined, onChange: function (date) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { startDate: date !== null && date !== void 0 ? date : null })); }); }, placeholderText: "Start Date", className: "w-full", wrapperClassName: "w-full", inputClassName: "w-full" }) }), _jsx("div", { className: "flex-1", children: _jsx(SolidDatePicker, { selected: (_b = filters.endDate) !== null && _b !== void 0 ? _b : undefined, onChange: function (date) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { endDate: date !== null && date !== void 0 ? date : null })); }); }, placeholderText: "End Date", className: "w-full", wrapperClassName: "w-full", inputClassName: "w-full" }) })] })] })] }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { label: "Clear", size: "sm", variant: "outline", onClick: handleClearFilters }), _jsx(SolidButton, { label: "Apply", size: "sm", className: "solid-purple-button", onClick: handleApplyFilters })] })] })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterHeader.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,EACH,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,IAAI,EAAE,MAAM,cAAc,CAAA;AAkBrD,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,KAAY;;IACnC,IAAA,SAAS,GAAmG,KAAK,UAAxG,EAAE,UAAU,GAAuF,KAAK,WAA5F,EAAE,cAAc,GAAuE,KAAK,eAA5E,EAAE,iBAAiB,GAAoD,KAAK,kBAAzD,EAAE,OAAO,GAA2C,KAAK,QAAhD,EAAE,EAAE,GAAuC,KAAK,GAA5C,EAAE,cAAc,GAAuB,KAAK,eAA5B,EAAE,gBAAgB,GAAK,KAAK,iBAAV,CAAW;IACpH,IAAA,KAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAC1D,IAAA,KAAwB,QAAQ,CAAc;QAChD,IAAI,EAAE,EAAE;QACR,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;KAChB,CAAC,EAJK,OAAO,QAAA,EAAE,UAAU,QAIxB,CAAC;IACG,IAAA,KAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAC1D,IAAA,KAAgC,QAAQ,CAAQ,EAAE,CAAC,EAAlD,WAAW,QAAA,EAAE,cAAc,QAAuB,CAAC;IACnD,IAAA,QAAQ,GAAI,oBAAoB,EAAE,GAA1B,CAA2B;IAE1C,SAAS,CAAC;QACN,IAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,KAAK,EAAE,IAAI,OAAO,CAAC,SAAS,KAAK,IAAI,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC;QAC/F,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAM,iBAAiB,GAAG;QACtB,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACvB,IAAI,cAAc,EAAE;YAChB,cAAc,CAAC,OAAO,CAAC,CAAC;SAC3B;QACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACvB,IAAM,cAAc,GAAG;YACnB,IAAI,EAAE,EAAE;YACR,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SAChB,CAAC;QACF,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,IAAI,cAAc,EAAE;YAChB,cAAc,CAAC,cAAc,CAAC,CAAC;SAClC;QACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG,UAAC,KAAa;QACnC,UAAU,CAAC,UAAA,IAAI;YACX,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;gBACrB,OAAO,IAAI,CAAC;aACf;YACD,6BACO,IAAI,KACP,IAAI,EAAE,KAAK,IACb;QACN,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAO,KAAwB;;;;;;oBAC/C,gBAAgB,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;;;;oBAEf,qBAAM,QAAQ,CAAC,wCAAiC,KAAK,CAAC,KAAK,CAAE,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAAlF,QAAQ,GAAG,SAAuE;oBACxF,cAAc,CAAC,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,OAAO,KAAI,EAAE,CAAC,CAAC;;;;oBAE9C,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,EAAE,OAAK,CAAC,CAAC;oBACnD,cAAc,CAAC,EAAE,CAAC,CAAC;;;;;SAE1B,CAAC;IAEF,IAAM,gBAAgB,GAAG,UAAC,KAAU;QAChC,IAAI,CAAC,KAAK,EAAE;YACR,gBAAgB,CAAC,EAAE,CAAC,CAAC;YACrB,OAAO;SACV;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,gBAAgB,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;YACvC,OAAO;SACV;QACD,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,UAAG,MAAM,CAAC,YAAY,wBAAqB,aACvD,eAAK,SAAS,EAAC,wEAAwE,aACnF,YAAG,SAAS,EAAC,sDAAsD,GAE/D,EACJ,eAAK,SAAS,EAAC,sDAAsD,aAmBjE,KAAC,WAAW,IACR,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,gBACF,UAAU,EACrB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EACjB,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EAC5B,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,GACtC,EACF,KAAC,WAAW,IACR,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,gBACF,QAAQ,EACnB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EACjB,QAAQ,EAAE,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EAC9B,OAAO,EAAE,iBAAiB,GAC5B,EACF,KAAC,WAAW,IACR,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,gBACF,SAAS,EACpB,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EACjB,QAAQ,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACjC,OAAO,EAAE,OAAO,GAClB,IACA,IACJ,EACL,UAAU;gBACP,eAAK,SAAS,EAAC,MAAM,aAChB,UAAU,KAAK,eAAe;4BAC3B,KAAC,oBAAoB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,GAAI,EAGtI,UAAU,KAAK,KAAK;4BACjB,KAAC,oBAAoB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,gBAAgB,GAAI,IAEtH,EAEV,MAAC,WAAW,IACR,IAAI,EAAE,gBAAgB,EACtB,YAAY,EAAE,mBAAmB,EACjC,SAAS,EAAC,qDAAqD,EAC/D,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACrB,UAAU,EAAE,KAAK,aAEjB,MAAC,iBAAiB,IAAC,SAAS,EAAC,0BAA0B,aACnD,wBACI,KAAC,gBAAgB,IAAC,SAAS,EAAC,+BAA+B,gCAAmC,GAC5F,EACN,KAAC,gBAAgB,IAAC,SAAS,EAAC,2BAA2B,GAAG,IAC1C,EACpB,KAAC,oBAAoB,IAAC,SAAS,EAAC,yBAAyB,GAAG,EAC5D,KAAC,eAAe,IAAC,SAAS,EAAC,0BAA0B,YACjD,eAAK,SAAS,EAAC,wBAAwB,aACnC,eAAK,SAAS,EAAC,wBAAwB,aACnC,gBAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,kBAAkB,qBAAa,EACnE,KAAC,iBAAiB,IACd,EAAE,EAAC,UAAU,EACb,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAC,UAAU,EAChB,cAAc,EAAE,WAAW,EAC3B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAzB,CAAyB,EAC1C,WAAW,EAAC,gBAAgB,EAC5B,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,QAAQ,GACzB,IACA,EACN,eAAK,SAAS,EAAC,wBAAwB,aACnC,gBAAO,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,kBAAkB,2BAAmB,EAC1E,eAAK,SAAS,EAAC,oCAAoC,aAC/C,cAAK,SAAS,EAAC,QAAQ,YACnB,KAAC,eAAe,IACZ,QAAQ,EAAE,MAAA,OAAO,CAAC,SAAS,mCAAI,SAAS,EACxC,QAAQ,EAAE,UAAC,IAAiB,IAAK,OAAA,UAAU,CAAC,UAAA,IAAI,IAAI,OAAA,uBAAM,IAAI,KAAE,SAAS,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,IAAG,EAAtC,CAAsC,CAAC,EAA1D,CAA0D,EAC3F,eAAe,EAAC,YAAY,EAC5B,SAAS,EAAC,QAAQ,EAClB,gBAAgB,EAAC,QAAQ,EACzB,cAAc,EAAC,QAAQ,GACzB,GACA,EACN,cAAK,SAAS,EAAC,QAAQ,YACnB,KAAC,eAAe,IACZ,QAAQ,EAAE,MAAA,OAAO,CAAC,OAAO,mCAAI,SAAS,EACtC,QAAQ,EAAE,UAAC,IAAiB,IAAK,OAAA,UAAU,CAAC,UAAA,IAAI,IAAI,OAAA,uBAAM,IAAI,KAAE,OAAO,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,IAAG,EAApC,CAAoC,CAAC,EAAxD,CAAwD,EACzF,eAAe,EAAC,UAAU,EAC1B,SAAS,EAAC,QAAQ,EAClB,gBAAgB,EAAC,QAAQ,EACzB,cAAc,EAAC,QAAQ,GACzB,GACA,IACJ,IACJ,IACJ,GACQ,EAClB,MAAC,iBAAiB,eACV,KAAC,WAAW,IACR,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,kBAAkB,GAC7B,EACF,KAAC,WAAW,IACR,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,kBAAkB,GAC7B,IACU,IACV,IACZ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { useEffect, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidMessageComposer } from './SolidMessageComposer'\nimport { useLazyGetusersQuery } from '../../../redux/api/userApi'\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport {\n    SolidButton,\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogFooter,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n    SolidAutocomplete,\n    SolidDatePicker\n} from '../../shad-cn-ui'\nimport { Filter, RefreshCw,Edit } from 'lucide-react'\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\ninterface Props {\n    activeTab: any,\n    handleTabClick: any,\n    visibleBox: any,\n    modelSingularName: any,\n    refetch: any,\n    id: any,\n    onFilterChange?: (filters: FilterState) => void;\n    onComposerCancel?: () => void;\n}\n\nexport const SolidChatterHeader = (props: Props) => {\n    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange, onComposerCancel } = props;\n    const [showFilterDialog, setShowFilterDialog] = useState(false);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [hasActiveFilters, setHasActiveFilters] = useState(false);\n    const [suggestions, setSuggestions] = useState<any[]>([]);\n    const [getUsers] = useLazyGetusersQuery();\n\n    useEffect(() => {\n        const isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;\n        setHasActiveFilters(isActive);\n    }, [filters]);\n\n    const handleFilterClick = () => {\n        setShowFilterDialog(true);\n    };\n\n    const handleApplyFilters = () => {\n        if (onFilterChange) {\n            onFilterChange(filters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const handleClearFilters = () => {\n        const clearedFilters = {\n            name: '',\n            startDate: null,\n            endDate: null\n        };\n        setFilters(clearedFilters);\n        if (onFilterChange) {\n            onFilterChange(clearedFilters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const updateNameFilter = (value: string) => {\n        setFilters(prev => {\n            if (prev.name === value) {\n                return prev;\n            }\n            return {\n                ...prev,\n                name: value\n            };\n        });\n    };\n\n    const searchUsers = async (event: { query: string }) => {\n        updateNameFilter(event.query || '');\n        try {\n            const response = await getUsers(`filters[fullName][$containsi]=${event.query}`).unwrap();\n            setSuggestions(response?.data?.records || []);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_USER, error);\n            setSuggestions([]);\n        }\n    };\n\n    const handleUserChange = (value: any) => {\n        if (!value) {\n            updateNameFilter('');\n            return;\n        }\n        if (typeof value === 'object') {\n            updateNameFilter(value.fullName || '');\n            return;\n        }\n        updateNameFilter(value);\n    };\n\n    return (\n        <div className={`${styles.chatterTitle} solid-list-toolbar`}>\n            <div className='flex justify-content-between align-items-center solid-list-toolbar-row'>\n                <p className=\"m-0 view-title solid-text-wrapper form-wrapper-title\">\n                    {/* Activity */}\n                </p>\n                <div className='flex align-items-center solid-header-buttons-wrapper'>\n                    {/* <Button\n                        label=\"Send Message\"\n                        size=\"small\"\n                        type=\"button\"\n                        onClick={() => handleTabClick('email-message')}\n                        {...(activeTab !== 'email-message' && {\n                            severity: 'secondary',\n                            outlined: true,\n                        })}\n                    /> */}\n                    {/* <SolidButton\n                        label=\"Log Note\"\n                        size=\"sm\"\n                        type=\"button\"\n                        variant=\"primary\"\n                        className=\"solid-purple-button\"\n                        onClick={() => handleTabClick('log')}\n                    /> */}\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Log Note\"\n                        variant={hasActiveFilters ? 'primary' : 'outline'}\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<Edit size={14} />}\n                        onClick={() => handleTabClick('log')}\n                    />\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Filter\"\n                        variant={hasActiveFilters ? 'primary' : 'outline'}\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<Filter size={14} />}\n                        onClick={handleFilterClick}\n                    />\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Refresh\"\n                        variant=\"outline\"\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<RefreshCw size={14} />}\n                        onClick={refetch}\n                    />\n                </div>\n            </div>\n            {visibleBox &&\n                <div className='mt-2'>\n                    {visibleBox === \"email-message\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} type={\"email\"} onCancel={onComposerCancel} />\n                    }\n\n                    {visibleBox === \"log\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} onCancel={onComposerCancel} />\n                    }\n                </div>\n            }\n            <SolidDialog\n                open={showFilterDialog}\n                onOpenChange={setShowFilterDialog}\n                className='solid-filter-dialog-shell solid-chatter-filter-main'\n                style={{ width: 500 }}\n                showHeader={false}\n            >\n                <SolidDialogHeader className=\"solid-filter-dialog-head\">\n                    <div>\n                        <SolidDialogTitle className=\"solid-filter-dialog-title m-0\">Filter Messages</SolidDialogTitle>\n                    </div>\n                    <SolidDialogClose className=\"solid-filter-dialog-close\" />\n                </SolidDialogHeader>\n                <SolidDialogSeparator className=\"solid-filter-dialog-sep\" />\n                <SolidDialogBody className=\"solid-filter-dialog-body\">\n                    <div className=\"flex flex-column gap-3\">\n                        <div className=\"flex flex-column gap-2\">\n                            <label htmlFor=\"fullName\" className=\"form-field-label\">User</label>\n                            <SolidAutocomplete\n                                id=\"fullName\"\n                                value={filters.name}\n                                suggestions={suggestions}\n                                field=\"fullName\"\n                                completeMethod={searchUsers}\n                                onChange={(e) => handleUserChange(e.value)}\n                                placeholder=\"Filter by user\"\n                                className=\"w-full\"\n                                inputClassName=\"w-full\"\n                            />\n                        </div>\n                        <div className=\"flex flex-column gap-2\">\n                            <label htmlFor=\"dateRange\" className=\"form-field-label\">Date Range</label>\n                            <div className=\"flex gap-2 flex-column md:flex-row\">\n                                <div className=\"flex-1\">\n                                    <SolidDatePicker\n                                        selected={filters.startDate ?? undefined}\n                                        onChange={(date: Date | null) => setFilters(prev => ({ ...prev, startDate: date ?? null }))}\n                                        placeholderText=\"Start Date\"\n                                        className=\"w-full\"\n                                        wrapperClassName=\"w-full\"\n                                        inputClassName=\"w-full\"\n                                    />\n                                </div>\n                                <div className=\"flex-1\">\n                                    <SolidDatePicker\n                                        selected={filters.endDate ?? undefined}\n                                        onChange={(date: Date | null) => setFilters(prev => ({ ...prev, endDate: date ?? null }))}\n                                        placeholderText=\"End Date\"\n                                        className=\"w-full\"\n                                        wrapperClassName=\"w-full\"\n                                        inputClassName=\"w-full\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </SolidDialogBody>\n                <SolidDialogFooter>\n                        <SolidButton \n                            label=\"Clear\" \n                            size=\"sm\"\n                            variant=\"outline\"\n                            onClick={handleClearFilters}\n                        />\n                        <SolidButton \n                            label=\"Apply\" \n                            size=\"sm\"\n                            className=\"solid-purple-button\"\n                            onClick={handleApplyFilters}\n                        />\n                </SolidDialogFooter>\n            </SolidDialog>\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidChatterHeader.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,EACH,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,IAAI,EAAE,MAAM,cAAc,CAAA;AAmBrD,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,KAAY;;IACnC,IAAA,SAAS,GAA0G,KAAK,UAA/G,EAAE,UAAU,GAA8F,KAAK,WAAnG,EAAE,cAAc,GAA8E,KAAK,eAAnF,EAAE,iBAAiB,GAA2D,KAAK,kBAAhE,EAAE,OAAO,GAAkD,KAAK,QAAvD,EAAE,EAAE,GAA8C,KAAK,GAAnD,EAAE,cAAc,GAA8B,KAAK,eAAnC,EAAE,gBAAgB,GAAY,KAAK,iBAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAC3H,IAAA,KAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAC1D,IAAA,KAAwB,QAAQ,CAAc;QAChD,IAAI,EAAE,EAAE;QACR,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;KAChB,CAAC,EAJK,OAAO,QAAA,EAAE,UAAU,QAIxB,CAAC;IACG,IAAA,KAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAC1D,IAAA,KAAgC,QAAQ,CAAQ,EAAE,CAAC,EAAlD,WAAW,QAAA,EAAE,cAAc,QAAuB,CAAC;IACnD,IAAA,QAAQ,GAAI,oBAAoB,EAAE,GAA1B,CAA2B;IAE1C,SAAS,CAAC;QACN,IAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,KAAK,EAAE,IAAI,OAAO,CAAC,SAAS,KAAK,IAAI,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC;QAC/F,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAM,iBAAiB,GAAG;QACtB,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACvB,IAAI,cAAc,EAAE;YAChB,cAAc,CAAC,OAAO,CAAC,CAAC;SAC3B;QACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACvB,IAAM,cAAc,GAAG;YACnB,IAAI,EAAE,EAAE;YACR,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SAChB,CAAC;QACF,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,IAAI,cAAc,EAAE;YAChB,cAAc,CAAC,cAAc,CAAC,CAAC;SAClC;QACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG,UAAC,KAAa;QACnC,UAAU,CAAC,UAAA,IAAI;YACX,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;gBACrB,OAAO,IAAI,CAAC;aACf;YACD,6BACO,IAAI,KACP,IAAI,EAAE,KAAK,IACb;QACN,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAO,KAAwB;;;;;;oBAC/C,gBAAgB,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;;;;oBAEf,qBAAM,QAAQ,CAAC,wCAAiC,KAAK,CAAC,KAAK,CAAE,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAAlF,QAAQ,GAAG,SAAuE;oBACxF,cAAc,CAAC,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,OAAO,KAAI,EAAE,CAAC,CAAC;;;;oBAE9C,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,EAAE,OAAK,CAAC,CAAC;oBACnD,cAAc,CAAC,EAAE,CAAC,CAAC;;;;;SAE1B,CAAC;IAEF,IAAM,gBAAgB,GAAG,UAAC,KAAU;QAChC,IAAI,CAAC,KAAK,EAAE;YACR,gBAAgB,CAAC,EAAE,CAAC,CAAC;YACrB,OAAO;SACV;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,gBAAgB,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;YACvC,OAAO;SACV;QACD,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,UAAG,MAAM,CAAC,YAAY,cAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,wBAAqB,aACpG,eAAK,SAAS,EAAC,wEAAwE,aACnF,YAAG,SAAS,EAAC,sDAAsD,YAC9D,KAAK,IAAI,EAAE,GACZ,EACJ,eAAK,SAAS,EAAC,sDAAsD,aAmBjE,KAAC,WAAW,IACR,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,gBACF,UAAU,EACrB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EACjB,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EAC5B,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,GACtC,EACF,KAAC,WAAW,IACR,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,gBACF,QAAQ,EACnB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EACjB,QAAQ,EAAE,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EAC9B,OAAO,EAAE,iBAAiB,GAC5B,EACF,KAAC,WAAW,IACR,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,gBACF,SAAS,EACpB,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EACjB,QAAQ,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACjC,OAAO,EAAE,OAAO,GAClB,IACA,IACJ,EACL,UAAU;gBACP,eAAK,SAAS,EAAC,MAAM,aAChB,UAAU,KAAK,eAAe;4BAC3B,KAAC,oBAAoB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,GAAI,EAGtI,UAAU,KAAK,KAAK;4BACjB,KAAC,oBAAoB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,gBAAgB,GAAI,IAEtH,EAEV,MAAC,WAAW,IACR,IAAI,EAAE,gBAAgB,EACtB,YAAY,EAAE,mBAAmB,EACjC,SAAS,EAAC,qDAAqD,EAC/D,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACrB,UAAU,EAAE,KAAK,aAEjB,MAAC,iBAAiB,IAAC,SAAS,EAAC,0BAA0B,aACnD,wBACI,KAAC,gBAAgB,IAAC,SAAS,EAAC,+BAA+B,gCAAmC,GAC5F,EACN,KAAC,gBAAgB,IAAC,SAAS,EAAC,2BAA2B,GAAG,IAC1C,EACpB,KAAC,oBAAoB,IAAC,SAAS,EAAC,yBAAyB,GAAG,EAC5D,KAAC,eAAe,IAAC,SAAS,EAAC,0BAA0B,YACjD,eAAK,SAAS,EAAC,wBAAwB,aACnC,eAAK,SAAS,EAAC,wBAAwB,aACnC,gBAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,kBAAkB,qBAAa,EACnE,KAAC,iBAAiB,IACd,EAAE,EAAC,UAAU,EACb,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAC,UAAU,EAChB,cAAc,EAAE,WAAW,EAC3B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAzB,CAAyB,EAC1C,WAAW,EAAC,gBAAgB,EAC5B,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,QAAQ,GACzB,IACA,EACN,eAAK,SAAS,EAAC,wBAAwB,aACnC,gBAAO,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,kBAAkB,2BAAmB,EAC1E,eAAK,SAAS,EAAC,oCAAoC,aAC/C,cAAK,SAAS,EAAC,QAAQ,YACnB,KAAC,eAAe,IACZ,QAAQ,EAAE,MAAA,OAAO,CAAC,SAAS,mCAAI,SAAS,EACxC,QAAQ,EAAE,UAAC,IAAiB,IAAK,OAAA,UAAU,CAAC,UAAA,IAAI,IAAI,OAAA,uBAAM,IAAI,KAAE,SAAS,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,IAAG,EAAtC,CAAsC,CAAC,EAA1D,CAA0D,EAC3F,eAAe,EAAC,YAAY,EAC5B,SAAS,EAAC,QAAQ,EAClB,gBAAgB,EAAC,QAAQ,EACzB,cAAc,EAAC,QAAQ,GACzB,GACA,EACN,cAAK,SAAS,EAAC,QAAQ,YACnB,KAAC,eAAe,IACZ,QAAQ,EAAE,MAAA,OAAO,CAAC,OAAO,mCAAI,SAAS,EACtC,QAAQ,EAAE,UAAC,IAAiB,IAAK,OAAA,UAAU,CAAC,UAAA,IAAI,IAAI,OAAA,uBAAM,IAAI,KAAE,OAAO,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,IAAG,EAApC,CAAoC,CAAC,EAAxD,CAAwD,EACzF,eAAe,EAAC,UAAU,EAC1B,SAAS,EAAC,QAAQ,EAClB,gBAAgB,EAAC,QAAQ,EACzB,cAAc,EAAC,QAAQ,GACzB,GACA,IACJ,IACJ,IACJ,GACQ,EAClB,MAAC,iBAAiB,eACV,KAAC,WAAW,IACR,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,kBAAkB,GAC7B,EACF,KAAC,WAAW,IACR,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,kBAAkB,GAC7B,IACU,IACV,IACZ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { useEffect, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidMessageComposer } from './SolidMessageComposer'\nimport { useLazyGetusersQuery } from '../../../redux/api/userApi'\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport {\n    SolidButton,\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogFooter,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n    SolidAutocomplete,\n    SolidDatePicker\n} from '../../shad-cn-ui'\nimport { Filter, RefreshCw,Edit } from 'lucide-react'\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\ninterface Props {\n    activeTab: any,\n    handleTabClick: any,\n    visibleBox: any,\n    modelSingularName: any,\n    refetch: any,\n    id: any,\n    onFilterChange?: (filters: FilterState) => void;\n    onComposerCancel?: () => void;\n    title?: string;\n}\n\nexport const SolidChatterHeader = (props: Props) => {\n    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange, onComposerCancel, title } = props;\n    const [showFilterDialog, setShowFilterDialog] = useState(false);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [hasActiveFilters, setHasActiveFilters] = useState(false);\n    const [suggestions, setSuggestions] = useState<any[]>([]);\n    const [getUsers] = useLazyGetusersQuery();\n\n    useEffect(() => {\n        const isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;\n        setHasActiveFilters(isActive);\n    }, [filters]);\n\n    const handleFilterClick = () => {\n        setShowFilterDialog(true);\n    };\n\n    const handleApplyFilters = () => {\n        if (onFilterChange) {\n            onFilterChange(filters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const handleClearFilters = () => {\n        const clearedFilters = {\n            name: '',\n            startDate: null,\n            endDate: null\n        };\n        setFilters(clearedFilters);\n        if (onFilterChange) {\n            onFilterChange(clearedFilters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const updateNameFilter = (value: string) => {\n        setFilters(prev => {\n            if (prev.name === value) {\n                return prev;\n            }\n            return {\n                ...prev,\n                name: value\n            };\n        });\n    };\n\n    const searchUsers = async (event: { query: string }) => {\n        updateNameFilter(event.query || '');\n        try {\n            const response = await getUsers(`filters[fullName][$containsi]=${event.query}`).unwrap();\n            setSuggestions(response?.data?.records || []);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_USER, error);\n            setSuggestions([]);\n        }\n    };\n\n    const handleUserChange = (value: any) => {\n        if (!value) {\n            updateNameFilter('');\n            return;\n        }\n        if (typeof value === 'object') {\n            updateNameFilter(value.fullName || '');\n            return;\n        }\n        updateNameFilter(value);\n    };\n\n    return (\n        <div className={`${styles.chatterTitle} ${title ? styles.chatterTitleWithLabel : ''} solid-list-toolbar`}>\n            <div className='flex justify-content-between align-items-center solid-list-toolbar-row'>\n                <p className=\"m-0 view-title solid-text-wrapper form-wrapper-title\">\n                    {title || ''}\n                </p>\n                <div className='flex align-items-center solid-header-buttons-wrapper'>\n                    {/* <Button\n                        label=\"Send Message\"\n                        size=\"small\"\n                        type=\"button\"\n                        onClick={() => handleTabClick('email-message')}\n                        {...(activeTab !== 'email-message' && {\n                            severity: 'secondary',\n                            outlined: true,\n                        })}\n                    /> */}\n                    {/* <SolidButton\n                        label=\"Log Note\"\n                        size=\"sm\"\n                        type=\"button\"\n                        variant=\"primary\"\n                        className=\"solid-purple-button\"\n                        onClick={() => handleTabClick('log')}\n                    /> */}\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Log Note\"\n                        variant={hasActiveFilters ? 'primary' : 'outline'}\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<Edit size={14} />}\n                        onClick={() => handleTabClick('log')}\n                    />\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Filter\"\n                        variant={hasActiveFilters ? 'primary' : 'outline'}\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<Filter size={14} />}\n                        onClick={handleFilterClick}\n                    />\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Refresh\"\n                        variant=\"outline\"\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<RefreshCw size={14} />}\n                        onClick={refetch}\n                    />\n                </div>\n            </div>\n            {visibleBox &&\n                <div className='mt-2'>\n                    {visibleBox === \"email-message\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} type={\"email\"} onCancel={onComposerCancel} />\n                    }\n\n                    {visibleBox === \"log\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} onCancel={onComposerCancel} />\n                    }\n                </div>\n            }\n            <SolidDialog\n                open={showFilterDialog}\n                onOpenChange={setShowFilterDialog}\n                className='solid-filter-dialog-shell solid-chatter-filter-main'\n                style={{ width: 500 }}\n                showHeader={false}\n            >\n                <SolidDialogHeader className=\"solid-filter-dialog-head\">\n                    <div>\n                        <SolidDialogTitle className=\"solid-filter-dialog-title m-0\">Filter Messages</SolidDialogTitle>\n                    </div>\n                    <SolidDialogClose className=\"solid-filter-dialog-close\" />\n                </SolidDialogHeader>\n                <SolidDialogSeparator className=\"solid-filter-dialog-sep\" />\n                <SolidDialogBody className=\"solid-filter-dialog-body\">\n                    <div className=\"flex flex-column gap-3\">\n                        <div className=\"flex flex-column gap-2\">\n                            <label htmlFor=\"fullName\" className=\"form-field-label\">User</label>\n                            <SolidAutocomplete\n                                id=\"fullName\"\n                                value={filters.name}\n                                suggestions={suggestions}\n                                field=\"fullName\"\n                                completeMethod={searchUsers}\n                                onChange={(e) => handleUserChange(e.value)}\n                                placeholder=\"Filter by user\"\n                                className=\"w-full\"\n                                inputClassName=\"w-full\"\n                            />\n                        </div>\n                        <div className=\"flex flex-column gap-2\">\n                            <label htmlFor=\"dateRange\" className=\"form-field-label\">Date Range</label>\n                            <div className=\"flex gap-2 flex-column md:flex-row\">\n                                <div className=\"flex-1\">\n                                    <SolidDatePicker\n                                        selected={filters.startDate ?? undefined}\n                                        onChange={(date: Date | null) => setFilters(prev => ({ ...prev, startDate: date ?? null }))}\n                                        placeholderText=\"Start Date\"\n                                        className=\"w-full\"\n                                        wrapperClassName=\"w-full\"\n                                        inputClassName=\"w-full\"\n                                    />\n                                </div>\n                                <div className=\"flex-1\">\n                                    <SolidDatePicker\n                                        selected={filters.endDate ?? undefined}\n                                        onChange={(date: Date | null) => setFilters(prev => ({ ...prev, endDate: date ?? null }))}\n                                        placeholderText=\"End Date\"\n                                        className=\"w-full\"\n                                        wrapperClassName=\"w-full\"\n                                        inputClassName=\"w-full\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </SolidDialogBody>\n                <SolidDialogFooter>\n                        <SolidButton \n                            label=\"Clear\" \n                            size=\"sm\"\n                            variant=\"outline\"\n                            onClick={handleClearFilters}\n                        />\n                        <SolidButton \n                            label=\"Apply\" \n                            size=\"sm\"\n                            className=\"solid-purple-button\"\n                            onClick={handleApplyFilters}\n                        />\n                </SolidDialogFooter>\n            </SolidDialog>\n        </div>\n    )\n}\n"]}

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

@@ -31,10 +31,11 @@ interface Props {
     id: any,
     onFilterChange?: (filters: FilterState) => void;
     onComposerCancel?: () => void;
+    title?: string;
 }
 
 export const SolidChatterHeader = (props: Props) => {
-    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange, onComposerCancel } = props;
+    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange, onComposerCancel, title } = props;
     const [showFilterDialog, setShowFilterDialog] = useState(false);
     const [filters, setFilters] = useState<FilterState>({
         name: '',
@@ -110,10 +111,10 @@ export const SolidChatterHeader = (props: Props) => {
     };
 
     return (
-        <div className={`${styles.chatterTitle} solid-list-toolbar`}>
+        <div className={`${styles.chatterTitle} ${title ? styles.chatterTitleWithLabel : ''} solid-list-toolbar`}>
             <div className='flex justify-content-between align-items-center solid-list-toolbar-row'>
                 <p className="m-0 view-title solid-text-wrapper form-wrapper-title">
-                    {/* Activity */}
+                    {title || ''}
                 </p>
                 <div className='flex align-items-center solid-header-buttons-wrapper'>
                     {/* <Button

package/dist/components/core/chatter/chatter.module.css

@@ -1,15 +1,19 @@
 .chatterTitle {
-    padding-top: 10px;
-    border-bottom: 0px solid #D8E2EA;
+    padding: 0.2rem 0 0.55rem;
+    border-bottom: 1px solid color-mix(in srgb, var(--border) 82%, transparent);
+}
+
+.chatterTitleWithLabel {
+    padding-left: 2.4rem;
 }
 
 .chatterMessageComposer .chatterMessageInput {
-    background-color: #FEFCFF;
-    border: 1px solid #D8E2EA;
+    background-color: var(--background);
+    border: 1px solid color-mix(in srgb, var(--border) 88%, transparent);
 }
 
 .chatterMessageComposer .chatterMessageInput::placeholder {
-    color: rgba(51, 51, 51, 0.20);
+    color: color-mix(in srgb, var(--muted-foreground) 52%, transparent);
 }
 
 .chatterEmails {
@@ -28,8 +32,8 @@
     position: absolute;
     right: 0px !important;
     top: 1;
-    background-color: #fff;
-    border: 1px solid #D8E2EA;
+    background-color: var(--card);
+    border: 1px solid color-mix(in srgb, var(--border) 88%, transparent);
     padding: 8px;
     border-radius: 8px !important;
     min-width: 200;
@@ -43,7 +47,7 @@
 }
 
 .chatterDatetimeDivider {
-    border-top: 1px dashed #00000026;
+    border-top: 1px dashed color-mix(in srgb, var(--border) 70%, transparent);
     position: relative;
     margin: 30px 0 15px 0;
 }
@@ -53,21 +57,21 @@
     left: 50%;
     transform: translate(-50%, -50%);
     border-radius: 6.25rem;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    background: #FAFAFA;
+    border: 1px solid color-mix(in srgb, var(--border) 80%, transparent);
+    background: color-mix(in srgb, var(--card) 96%, var(--background) 4%);
     padding: 0.25rem 0.5rem;
     text-wrap: nowrap;
     font-size: 0.625rem;
     font-weight: 600;
-    color: var(--secondary-dark-color);
+    color: var(--muted-foreground);
 }
 
 .solidMessageWrapper {
-    border: 1px solid #D8E2EA;
-    padding: 5px;
-    border-radius: 0.4rem;
+    border: 1px solid color-mix(in srgb, var(--border) 88%, transparent);
+    padding: 0.7rem 0.8rem;
+    border-radius: 0.7rem;
     width: 100%;
-    background: #fff;
+    background: color-mix(in srgb, var(--card) 96%, var(--background) 4%);
     font-size: 12px;
     line-height: 1.45;
     color: var(--solid-text-secondary, #475569);
@@ -96,13 +100,13 @@
 
 .solidChatterMessageBox {
     margin-top: 0px;
-    padding-left: 0.75rem;
+    padding-left: 0.3rem;
 }
 
 .solidChatterMessageCard {
-    border-radius: 0.5rem;
+    border-radius: 0.75rem;
     background: transparent;
-    padding: 0.2rem 0;
+    padding: 0.25rem 0;
 }
 
 .solidChatterMessageLayout {
@@ -121,7 +125,7 @@
     align-items: center;
     justify-content: center;
     text-transform: uppercase;
-    border: 1px solid #fff;
+    border: 1px solid color-mix(in srgb, var(--card) 82%, transparent);
     box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
 }
 
@@ -167,10 +171,10 @@
 }
 
 .solidChatterAttachment {
-    border: 1px solid rgba(0, 0, 0, 0.08);
-    border-radius: 0.4rem;
-    padding: 0.25rem 0.45rem;
-    background: rgba(145, 158, 171, 0.06);
+    border: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
+    border-radius: 0.55rem;
+    padding: 0.3rem 0.5rem;
+    background: color-mix(in srgb, var(--muted) 16%, var(--card) 84%);
     display: flex;
     align-items: center;
     gap: 0.25rem;
@@ -193,8 +197,8 @@
     gap: 0.5rem;
     padding: 0.45rem 0.75rem;
     border-radius: 0.5rem;
-    border: 1px solid rgba(15, 23, 42, 0.08);
-    background: rgba(15, 23, 42, 0.02);
+    border: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
+    background: color-mix(in srgb, var(--card) 95%, var(--background) 5%);
     min-width: 220px;
 }
 
@@ -202,8 +206,8 @@
     width: 28px;
     height: 28px;
     border-radius: 0.45rem;
-    background: rgba(114, 46, 209, 0.12);
-    color: #722ED1;
+    background: color-mix(in srgb, var(--primary) 14%, var(--card) 86%);
+    color: var(--primary);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -232,11 +236,11 @@
     display: inline-flex;
     align-items: center;
     gap: 0.2rem;
-    font-size: 0.65rem;
-    padding: 0 0.3rem;
-    border-radius: 0.3rem;
-    border: 1px solid rgba(0, 0, 0, 0.08);
-    background: rgba(15, 23, 42, 0.03);
+    font-size: 0.62rem;
+    padding: 0.1rem 0.35rem;
+    border-radius: 999px;
+    border: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
+    background: color-mix(in srgb, var(--muted) 16%, var(--card) 84%);
 }
 
 .solidChatterBadge.audit {
@@ -250,6 +254,12 @@
     border-color: rgba(37, 99, 235, 0.2);
     background: rgba(37, 99, 235, 0.08);
 }
+
+:global(.solid-chatter-body) {
+    padding: 0.35rem 0.85rem 1rem 0.2rem;
+    overflow-y: auto;
+    scrollbar-gutter: stable;
+}
 :global(.solidMessageWrapper .solidMessageText) {
     margin: 0;
     font-size: inherit;

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

@@ -38,6 +38,6 @@ export var SolidGenericImport = function (_a) {
         }
         return (_jsx(SolidImportTransactionStatus, { importStatusResult: importStatusResult, transactionId: transactionId, setOpenImportDialog: setOpenImportDialog, handleFetchUpdatedRecords: handleFetchUpdatedRecords }));
     };
-    return (_jsxs(SolidDialog, { open: openImportDialog, onOpenChange: setOpenImportDialog, className: 'solid-import-dialog', style: { width: "min(840px, calc(100vw - 1.5rem))" }, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head solid-import-dialog-head", children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Import Data" }), _jsx(SolidDialogDescription, { className: "solid-filter-dialog-subtitle solid-import-dialog-subtitle", children: "Upload a CSV or Excel file, map its columns, and import records in four short steps." })] }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: 'solid-import-dialog-body', children: _jsxs("div", { className: "solid-import-shell", children: [_jsx(SolidImportStepper, { importStep: importStep, maxStepReached: maxStepReached, setImportStep: handleStepChange }), renderStepContent()] }) })] }));
+    return (_jsxs(SolidDialog, { open: openImportDialog, onOpenChange: setOpenImportDialog, className: 'solid-import-dialog', style: { width: "min(840px, calc(100vw - 1.5rem))" }, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head solid-import-dialog-head", children: [_jsxs("div", { className: "solid-import-dialog-heading", children: [_jsx(SolidDialogTitle, { className: "solid-filter-dialog-title solid-import-dialog-title m-0", children: "Import Data" }), _jsx(SolidDialogDescription, { className: "solid-filter-dialog-subtitle solid-import-dialog-subtitle", children: "Upload a CSV or Excel file, map its columns, and import records in four short steps." })] }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: 'solid-import-dialog-body', children: _jsxs("div", { className: "solid-import-shell", children: [_jsx(SolidImportStepper, { importStep: importStep, maxStepReached: maxStepReached, setImportStep: handleStepChange }), renderStepContent()] }) })] }));
 };
 //# sourceMappingURL=SolidGenericImport.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidGenericImport.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidGenericImport.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { SolidImportStepper } from './SolidImportStepper';\nimport { SolidImportInstructions } from './SolidImportInstructions';\nimport { SolidImportDropzone } from './SolidImportDropzone';\nimport { SolidImportTransaction } from './SolidImportTransaction';\nimport { SolidImportTransactionStatus } from './SolidImportTransactionStatus';\nimport {\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogDescription,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n} from \"../../../shad-cn-ui\";\n\nexport const SolidGenericImport = ({\n    openImportDialog,\n    setOpenImportDialog,\n    listViewMetaData,\n    handleFetchUpdatedRecords\n}: any) => {\n    const [importStep, setImportStep] = useState<number>(1)\n    const [maxStepReached, setMaxStepReached] = useState<number>(1);\n    const [transactionId, setTransactionId] = useState(null);\n    const [importStatusResult, setImportStatusResult] = useState<any>(null)\n    const modelMetadataId = listViewMetaData?.data?.solidView?.model?.id;\n\n    useEffect(() => {\n        if (openImportDialog) {\n            setImportStep(1);\n            setMaxStepReached(1);\n            setTransactionId(null);\n            setImportStatusResult(null);\n        }\n    }, [openImportDialog]);\n\n    const handleStepChange = (nextStep: number) => {\n        setImportStep(nextStep);\n        setMaxStepReached((current) => Math.max(current, nextStep));\n    };\n\n    const renderStepContent = () => {\n        if (importStep === 1) {\n            return (\n                <SolidImportInstructions\n                    setImportStep={handleStepChange}\n                    listViewMetaData={listViewMetaData}\n                />\n            );\n        }\n\n        if (importStep === 2) {\n            return (\n                <SolidImportDropzone\n                    setImportStep={handleStepChange}\n                    setTransactionId={setTransactionId}\n                    modelMetadataId={modelMetadataId}\n                />\n            );\n        }\n\n        if (importStep === 3) {\n            return (\n                <SolidImportTransaction\n                    transactionId={transactionId}\n                    setImportStatusResult={setImportStatusResult}\n                    setImportStep={handleStepChange}\n                />\n            );\n        }\n\n        return (\n            <SolidImportTransactionStatus\n                importStatusResult={importStatusResult}\n                transactionId={transactionId}\n                setOpenImportDialog={setOpenImportDialog}\n                handleFetchUpdatedRecords={handleFetchUpdatedRecords}\n            />\n        );\n    };\n\n    return (\n        <SolidDialog\n            open={openImportDialog}\n            onOpenChange={setOpenImportDialog}\n            className='solid-import-dialog'\n            style={{ width: \"min(840px, calc(100vw - 1.5rem))\" }}\n        >\n            <SolidDialogHeader className=\"solid-filter-dialog-head solid-import-dialog-head\">\n                <div>\n                    <SolidDialogTitle className=\"solid-filter-dialog-title m-0\">Import Data</SolidDialogTitle>\n                    <SolidDialogDescription className=\"solid-filter-dialog-subtitle solid-import-dialog-subtitle\">\n                        Upload a CSV or Excel file, map its columns, and import records in four short steps.\n                    </SolidDialogDescription>\n                </div>\n                <SolidDialogClose className=\"solid-filter-dialog-close\" />\n            </SolidDialogHeader>\n            <SolidDialogSeparator className=\"solid-filter-dialog-sep\" />\n            <SolidDialogBody className='solid-import-dialog-body'>\n                <div className=\"solid-import-shell\">\n                    <SolidImportStepper\n                        importStep={importStep}\n                        maxStepReached={maxStepReached}\n                        setImportStep={handleStepChange}\n                    />\n                    {renderStepContent()}\n                </div>\n            </SolidDialogBody>\n        </SolidDialog>\n    )\n}\n"]}
+{"version":3,"file":"SolidGenericImport.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidGenericImport.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EACH,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,GACnB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAK7B;;QAJF,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,gBAAgB,sBAAA,EAChB,yBAAyB,+BAAA;IAEnB,IAAA,KAA8B,QAAQ,CAAS,CAAC,CAAC,EAAhD,UAAU,QAAA,EAAE,aAAa,QAAuB,CAAA;IACjD,IAAA,KAAsC,QAAQ,CAAS,CAAC,CAAC,EAAxD,cAAc,QAAA,EAAE,iBAAiB,QAAuB,CAAC;IAC1D,IAAA,KAAoC,QAAQ,CAAC,IAAI,CAAC,EAAjD,aAAa,QAAA,EAAE,gBAAgB,QAAkB,CAAC;IACnD,IAAA,KAA8C,QAAQ,CAAM,IAAI,CAAC,EAAhE,kBAAkB,QAAA,EAAE,qBAAqB,QAAuB,CAAA;IACvE,IAAM,eAAe,GAAG,MAAA,MAAA,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,SAAS,0CAAE,KAAK,0CAAE,EAAE,CAAC;IAErE,SAAS,CAAC;QACN,IAAI,gBAAgB,EAAE;YAClB,aAAa,CAAC,CAAC,CAAC,CAAC;YACjB,iBAAiB,CAAC,CAAC,CAAC,CAAC;YACrB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,qBAAqB,CAAC,IAAI,CAAC,CAAC;SAC/B;IACL,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,IAAM,gBAAgB,GAAG,UAAC,QAAgB;QACtC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,iBAAiB,CAAC,UAAC,OAAO,IAAK,OAAA,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,EAA3B,CAA2B,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG;QACtB,IAAI,UAAU,KAAK,CAAC,EAAE;YAClB,OAAO,CACH,KAAC,uBAAuB,IACpB,aAAa,EAAE,gBAAgB,EAC/B,gBAAgB,EAAE,gBAAgB,GACpC,CACL,CAAC;SACL;QAED,IAAI,UAAU,KAAK,CAAC,EAAE;YAClB,OAAO,CACH,KAAC,mBAAmB,IAChB,aAAa,EAAE,gBAAgB,EAC/B,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,GAClC,CACL,CAAC;SACL;QAED,IAAI,UAAU,KAAK,CAAC,EAAE;YAClB,OAAO,CACH,KAAC,sBAAsB,IACnB,aAAa,EAAE,aAAa,EAC5B,qBAAqB,EAAE,qBAAqB,EAC5C,aAAa,EAAE,gBAAgB,GACjC,CACL,CAAC;SACL;QAED,OAAO,CACH,KAAC,4BAA4B,IACzB,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,yBAAyB,EAAE,yBAAyB,GACtD,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,WAAW,IACR,IAAI,EAAE,gBAAgB,EACtB,YAAY,EAAE,mBAAmB,EACjC,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,kCAAkC,EAAE,aAEpD,MAAC,iBAAiB,IAAC,SAAS,EAAC,mDAAmD,aAC5E,eAAK,SAAS,EAAC,6BAA6B,aACxC,KAAC,gBAAgB,IAAC,SAAS,EAAC,yDAAyD,4BAA+B,EACpH,KAAC,sBAAsB,IAAC,SAAS,EAAC,2DAA2D,qGAEpE,IACvB,EACN,KAAC,gBAAgB,IAAC,SAAS,EAAC,2BAA2B,GAAG,IAC1C,EACpB,KAAC,oBAAoB,IAAC,SAAS,EAAC,yBAAyB,GAAG,EAC5D,KAAC,eAAe,IAAC,SAAS,EAAC,0BAA0B,YACjD,eAAK,SAAS,EAAC,oBAAoB,aAC/B,KAAC,kBAAkB,IACf,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,gBAAgB,GACjC,EACD,iBAAiB,EAAE,IAClB,GACQ,IACR,CACjB,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { SolidImportStepper } from './SolidImportStepper';\nimport { SolidImportInstructions } from './SolidImportInstructions';\nimport { SolidImportDropzone } from './SolidImportDropzone';\nimport { SolidImportTransaction } from './SolidImportTransaction';\nimport { SolidImportTransactionStatus } from './SolidImportTransactionStatus';\nimport {\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogDescription,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n} from \"../../../shad-cn-ui\";\n\nexport const SolidGenericImport = ({\n    openImportDialog,\n    setOpenImportDialog,\n    listViewMetaData,\n    handleFetchUpdatedRecords\n}: any) => {\n    const [importStep, setImportStep] = useState<number>(1)\n    const [maxStepReached, setMaxStepReached] = useState<number>(1);\n    const [transactionId, setTransactionId] = useState(null);\n    const [importStatusResult, setImportStatusResult] = useState<any>(null)\n    const modelMetadataId = listViewMetaData?.data?.solidView?.model?.id;\n\n    useEffect(() => {\n        if (openImportDialog) {\n            setImportStep(1);\n            setMaxStepReached(1);\n            setTransactionId(null);\n            setImportStatusResult(null);\n        }\n    }, [openImportDialog]);\n\n    const handleStepChange = (nextStep: number) => {\n        setImportStep(nextStep);\n        setMaxStepReached((current) => Math.max(current, nextStep));\n    };\n\n    const renderStepContent = () => {\n        if (importStep === 1) {\n            return (\n                <SolidImportInstructions\n                    setImportStep={handleStepChange}\n                    listViewMetaData={listViewMetaData}\n                />\n            );\n        }\n\n        if (importStep === 2) {\n            return (\n                <SolidImportDropzone\n                    setImportStep={handleStepChange}\n                    setTransactionId={setTransactionId}\n                    modelMetadataId={modelMetadataId}\n                />\n            );\n        }\n\n        if (importStep === 3) {\n            return (\n                <SolidImportTransaction\n                    transactionId={transactionId}\n                    setImportStatusResult={setImportStatusResult}\n                    setImportStep={handleStepChange}\n                />\n            );\n        }\n\n        return (\n            <SolidImportTransactionStatus\n                importStatusResult={importStatusResult}\n                transactionId={transactionId}\n                setOpenImportDialog={setOpenImportDialog}\n                handleFetchUpdatedRecords={handleFetchUpdatedRecords}\n            />\n        );\n    };\n\n    return (\n        <SolidDialog\n            open={openImportDialog}\n            onOpenChange={setOpenImportDialog}\n            className='solid-import-dialog'\n            style={{ width: \"min(840px, calc(100vw - 1.5rem))\" }}\n        >\n            <SolidDialogHeader className=\"solid-filter-dialog-head solid-import-dialog-head\">\n                <div className=\"solid-import-dialog-heading\">\n                    <SolidDialogTitle className=\"solid-filter-dialog-title solid-import-dialog-title m-0\">Import Data</SolidDialogTitle>\n                    <SolidDialogDescription className=\"solid-filter-dialog-subtitle solid-import-dialog-subtitle\">\n                        Upload a CSV or Excel file, map its columns, and import records in four short steps.\n                    </SolidDialogDescription>\n                </div>\n                <SolidDialogClose className=\"solid-filter-dialog-close\" />\n            </SolidDialogHeader>\n            <SolidDialogSeparator className=\"solid-filter-dialog-sep\" />\n            <SolidDialogBody className='solid-import-dialog-body'>\n                <div className=\"solid-import-shell\">\n                    <SolidImportStepper\n                        importStep={importStep}\n                        maxStepReached={maxStepReached}\n                        setImportStep={handleStepChange}\n                    />\n                    {renderStepContent()}\n                </div>\n            </SolidDialogBody>\n        </SolidDialog>\n    )\n}\n"]}

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

@@ -88,8 +88,8 @@ export const SolidGenericImport = ({
             style={{ width: "min(840px, calc(100vw - 1.5rem))" }}
         >
             <SolidDialogHeader className="solid-filter-dialog-head solid-import-dialog-head">
-                <div>
-                    <SolidDialogTitle className="solid-filter-dialog-title m-0">Import Data</SolidDialogTitle>
+                <div className="solid-import-dialog-heading">
+                    <SolidDialogTitle className="solid-filter-dialog-title solid-import-dialog-title m-0">Import Data</SolidDialogTitle>
                     <SolidDialogDescription className="solid-filter-dialog-subtitle solid-import-dialog-subtitle">
                         Upload a CSV or Excel file, map its columns, and import records in four short steps.
                     </SolidDialogDescription>