@solidxai/core-ui 0.1.8-beta.0 → 0.1.8-beta.10

package/dist/components/core/list/SolidListView.tsx

@@ -37,6 +37,7 @@ import { SolidListViewRowActionsMenu } from "./SolidListViewRowActionsMenu";
 import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus";
 import {
   SolidButton,
+  SolidConfirmDialog,
   SolidDialog,
   SolidDialogBody,
   SolidDialogClose,
@@ -861,6 +862,7 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
     // Then update state
     setFilters(updatedFilter);
     setFilterPredicates(updatedFilterPredicates);
+    setFirst(0);
     // Force synchronous state updates
   };
 
@@ -1246,7 +1248,7 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
           {solidListViewInitialMetaData &&
             <div className="page-header solid-list-toolbar flex-column lg:flex-row">
               {/* <div> */}
-              <div className="flex justify-content-between w-full solid-list-toolbar-row">
+              <div className="flex justify-content-between w-full">
                 <div className="flex gap-3 align-items-center w-full solid-list-toolbar-left">
                   <div className='flex align-items-center gap-2'>
                     {params.embeded !== true &&
@@ -1713,32 +1715,21 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
           )}
         </div>
       </div>
-      <SolidDialog
+      <SolidConfirmDialog
         open={isDialogVisible}
-        onOpenChange={(open) => {
-          if (!open) {
-            onDeleteClose();
-          }
-        }}
+        onCancel={onDeleteClose}
+        onConfirm={deleteBulk}
         className="solid-shadcn-confirm-dialog solid-delete-confirm-dialog"
-      >
-        <SolidDialogHeader className="solid-shadcn-dialog-head">
-          <SolidDialogTitle>Confirm Delete</SolidDialogTitle>
-          <SolidDialogClose />
-        </SolidDialogHeader>
-        <SolidDialogSeparator className="solid-shadcn-dialog-sep" />
-        <SolidDialogBody className="solid-shadcn-dialog-body">
-          <p className="solid-shadcn-dialog-text">Are you sure you want to delete the selected records?</p>
-        </SolidDialogBody>
-        <SolidDialogFooter className="solid-shadcn-dialog-actions">
-          <SolidButton variant="destructive" size="sm" autoFocus onClick={deleteBulk}>
-            Delete
-          </SolidButton>
-          <SolidButton variant="outline" size="sm" onClick={onDeleteClose}>
-            Cancel
-          </SolidButton>
-        </SolidDialogFooter>
-      </SolidDialog>
+        headerClassName="solid-shadcn-dialog-head"
+        bodyClassName="solid-shadcn-dialog-body"
+        footerClassName="solid-shadcn-dialog-actions"
+        separatorClassName="solid-shadcn-dialog-sep"
+        showSeparator
+        title="Delete Records"
+        message={<p className="solid-shadcn-dialog-text">Are you sure you want to delete the selected records?</p>}
+        confirmLabel="Delete"
+        cancelLabel="Cancel"
+      />
       <SolidDialog
         open={isRecoverDialogVisible}
         onOpenChange={(open) => {
@@ -1789,32 +1780,21 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
           </SolidDialog>
         )
       }
-      <SolidDialog
+      <SolidConfirmDialog
         open={deleteEntity}
-        onOpenChange={(open) => {
-          if (!open) {
-            setDeleteEntity(false);
-          }
-        }}
+        onCancel={() => setDeleteEntity(false)}
+        onConfirm={handleDeleteEntity}
         className="solid-shadcn-confirm-dialog solid-delete-confirm-dialog"
-      >
-        <SolidDialogHeader className="solid-shadcn-dialog-head">
-          <SolidDialogTitle>{`Delete ${entityDisplayName}`}</SolidDialogTitle>
-          <SolidDialogClose />
-        </SolidDialogHeader>
-        <SolidDialogSeparator className="solid-shadcn-dialog-sep" />
-        <SolidDialogBody className="solid-shadcn-dialog-body">
-          <p className="solid-shadcn-dialog-text">{`Are you sure you want to delete this ${entityDisplayName}?`}</p>
-        </SolidDialogBody>
-        <SolidDialogFooter className="solid-shadcn-dialog-actions">
-          <SolidButton variant="destructive" size="sm" onClick={handleDeleteEntity}>
-            Delete
-          </SolidButton>
-          <SolidButton variant="outline" size="sm" onClick={() => setDeleteEntity(false)}>
-            Cancel
-          </SolidButton>
-        </SolidDialogFooter>
-      </SolidDialog>
+        headerClassName="solid-shadcn-dialog-head"
+        bodyClassName="solid-shadcn-dialog-body"
+        footerClassName="solid-shadcn-dialog-actions"
+        separatorClassName="solid-shadcn-dialog-sep"
+        showSeparator
+        title={`Delete ${entityDisplayName}`}
+        message={<p className="solid-shadcn-dialog-text">{`Are you sure you want to delete this ${entityDisplayName}?`}</p>}
+        confirmLabel="Delete"
+        cancelLabel="Cancel"
+      />
       {openLightbox && (
         <SolidLightbox
           open={openLightbox}

package/dist/components/core/list/SolidListViewRowActionsMenu.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Ellipsis, SquarePen, Trash2 } from "lucide-react";
+import { EllipsisVertical, SquarePen, Trash2 } from "lucide-react";
 import { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../../shad-cn-ui/SolidPopover";
 import { SolidListViewRowActionMenuItem } from "./SolidListViewRowActionMenuItem";
 export function SolidListViewRowActionsMenu(_a) {
@@ -20,7 +20,7 @@ export function SolidListViewRowActionsMenu(_a) {
     return (_jsxs(SolidPopover, { open: open, onOpenChange: handleOpenChange, autoCloseGroup: "solid-list-row-actions", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-row-menu-trigger", "data-no-row-click": "true", onClick: function (event) {
                         event.stopPropagation();
                         onSelectRow === null || onSelectRow === void 0 ? void 0 : onSelectRow(rowData);
-                    }, "aria-label": "Open row actions", children: _jsx(Ellipsis, { size: 16 }) }) }), _jsx(SolidPopoverContent, { side: "left", align: "center", className: contentClassName, onClick: function (event) { return event.stopPropagation(); }, children: _jsxs("div", { className: "solid-row-actions-menu", children: [hasEditInContextMenu && (_jsxs("button", { type: "button", className: "solid-row-action-button", onClick: function () {
+                    }, "aria-label": "Open row actions", children: _jsx(EllipsisVertical, { size: 16 }) }) }), _jsx(SolidPopoverContent, { side: "left", align: "center", className: contentClassName, onClick: function (event) { return event.stopPropagation(); }, children: _jsxs("div", { className: "solid-row-actions-menu", children: [hasEditInContextMenu && (_jsxs("button", { type: "button", className: "solid-row-action-button", onClick: function () {
                                 onEdit === null || onEdit === void 0 ? void 0 : onEdit(rowData);
                                 setOpen(false);
                             }, children: [_jsx(SquarePen, { size: 14, className: "solid-row-action-button-icon" }), _jsx("span", { className: "solid-row-action-button-label", children: "Edit" })] })), hasDeleteInContextMenu && !params.embeded && (_jsxs("button", { type: "button", className: "solid-row-action-button solid-row-action-button-danger", onClick: function () {

package/dist/components/core/list/SolidListViewRowActionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewRowActionsMenu.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowActionsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport { Ellipsis, SquarePen, Trash2 } from \"lucide-react\";\nimport { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from \"../../shad-cn-ui/SolidPopover\";\nimport { SolidListViewRowActionMenuItem } from \"./SolidListViewRowActionMenuItem\";\n\nexport function SolidListViewRowActionsMenu({\n  rowData,\n  hasEditInContextMenu,\n  hasDeleteInContextMenu,\n  hasCustomContextMenuButtons,\n  solidListViewLayout,\n  solidListViewMetaData,\n  params,\n  handleCustomButtonClick,\n  onSelectRow,\n  onEdit,\n  onDelete,\n  contentClassName,\n}: any) {\n  const [open, setOpen] = useState(false);\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (nextOpen) {\n      onSelectRow?.(rowData);\n    }\n    setOpen(nextOpen);\n  };\n\n  const visibleCustomButtons =\n    solidListViewLayout?.attrs?.rowButtons?.filter(\n      (rb: any) => rb?.attrs?.actionInContextMenu === true && rb?.attrs?.visible !== false\n    ) ?? [];\n\n  const hasAnyItems =\n    hasEditInContextMenu || (hasDeleteInContextMenu && !params.embeded) || visibleCustomButtons.length > 0;\n\n  if (!hasAnyItems) return null;\n\n  return (\n    <SolidPopover open={open} onOpenChange={handleOpenChange} autoCloseGroup=\"solid-list-row-actions\">\n      <SolidPopoverTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"solid-row-menu-trigger\"\n          data-no-row-click=\"true\"\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n            onSelectRow?.(rowData);\n          }}\n          aria-label=\"Open row actions\"\n        >\n          <Ellipsis size={16} />\n        </button>\n      </SolidPopoverTrigger>\n      <SolidPopoverContent\n        side=\"left\"\n        align=\"center\"\n        className={contentClassName}\n        onClick={(event) => event.stopPropagation()}\n      >\n        <div className=\"solid-row-actions-menu\">\n          {hasEditInContextMenu && (\n            <button\n              type=\"button\"\n              className=\"solid-row-action-button\"\n              onClick={() => {\n                onEdit?.(rowData);\n                setOpen(false);\n              }}\n            >\n              <SquarePen size={14} className=\"solid-row-action-button-icon\" />\n              <span className=\"solid-row-action-button-label\">Edit</span>\n            </button>\n          )}\n\n          {hasDeleteInContextMenu && !params.embeded && (\n            <button\n              type=\"button\"\n              className=\"solid-row-action-button solid-row-action-button-danger\"\n              onClick={() => {\n                onDelete?.(rowData);\n                setOpen(false);\n              }}\n            >\n              <Trash2 size={14} className=\"solid-row-action-button-icon\" />\n              <span className=\"solid-row-action-button-label\">Delete</span>\n            </button>\n          )}\n\n          {hasCustomContextMenuButtons &&\n            visibleCustomButtons.map((button: any, index: number) => (\n              <SolidListViewRowActionMenuItem\n                key={`${index}-${rowData?.id || \"\"}`}\n                button={button}\n                params={params}\n                rowData={rowData}\n                solidListViewMetaData={solidListViewMetaData}\n                handleCustomButtonClick={handleCustomButtonClick}\n                onActionComplete={() => setOpen(false)}\n              />\n            ))}\n        </div>\n      </SolidPopoverContent>\n    </SolidPopover>\n  );\n}\n"]}
+{"version":3,"file":"SolidListViewRowActionsMenu.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowActionsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport { EllipsisVertical, SquarePen, Trash2 } from \"lucide-react\";\nimport { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from \"../../shad-cn-ui/SolidPopover\";\nimport { SolidListViewRowActionMenuItem } from \"./SolidListViewRowActionMenuItem\";\n\nexport function SolidListViewRowActionsMenu({\n  rowData,\n  hasEditInContextMenu,\n  hasDeleteInContextMenu,\n  hasCustomContextMenuButtons,\n  solidListViewLayout,\n  solidListViewMetaData,\n  params,\n  handleCustomButtonClick,\n  onSelectRow,\n  onEdit,\n  onDelete,\n  contentClassName,\n}: any) {\n  const [open, setOpen] = useState(false);\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (nextOpen) {\n      onSelectRow?.(rowData);\n    }\n    setOpen(nextOpen);\n  };\n\n  const visibleCustomButtons =\n    solidListViewLayout?.attrs?.rowButtons?.filter(\n      (rb: any) => rb?.attrs?.actionInContextMenu === true && rb?.attrs?.visible !== false\n    ) ?? [];\n\n  const hasAnyItems =\n    hasEditInContextMenu || (hasDeleteInContextMenu && !params.embeded) || visibleCustomButtons.length > 0;\n\n  if (!hasAnyItems) return null;\n\n  return (\n    <SolidPopover open={open} onOpenChange={handleOpenChange} autoCloseGroup=\"solid-list-row-actions\">\n      <SolidPopoverTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"solid-row-menu-trigger\"\n          data-no-row-click=\"true\"\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n            onSelectRow?.(rowData);\n          }}\n          aria-label=\"Open row actions\"\n        >\n          <EllipsisVertical size={16} />\n        </button>\n      </SolidPopoverTrigger>\n      <SolidPopoverContent\n        side=\"left\"\n        align=\"center\"\n        className={contentClassName}\n        onClick={(event) => event.stopPropagation()}\n      >\n        <div className=\"solid-row-actions-menu\">\n          {hasEditInContextMenu && (\n            <button\n              type=\"button\"\n              className=\"solid-row-action-button\"\n              onClick={() => {\n                onEdit?.(rowData);\n                setOpen(false);\n              }}\n            >\n              <SquarePen size={14} className=\"solid-row-action-button-icon\" />\n              <span className=\"solid-row-action-button-label\">Edit</span>\n            </button>\n          )}\n\n          {hasDeleteInContextMenu && !params.embeded && (\n            <button\n              type=\"button\"\n              className=\"solid-row-action-button solid-row-action-button-danger\"\n              onClick={() => {\n                onDelete?.(rowData);\n                setOpen(false);\n              }}\n            >\n              <Trash2 size={14} className=\"solid-row-action-button-icon\" />\n              <span className=\"solid-row-action-button-label\">Delete</span>\n            </button>\n          )}\n\n          {hasCustomContextMenuButtons &&\n            visibleCustomButtons.map((button: any, index: number) => (\n              <SolidListViewRowActionMenuItem\n                key={`${index}-${rowData?.id || \"\"}`}\n                button={button}\n                params={params}\n                rowData={rowData}\n                solidListViewMetaData={solidListViewMetaData}\n                handleCustomButtonClick={handleCustomButtonClick}\n                onActionComplete={() => setOpen(false)}\n              />\n            ))}\n        </div>\n      </SolidPopoverContent>\n    </SolidPopover>\n  );\n}\n"]}

package/dist/components/core/list/SolidListViewRowActionsMenu.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { Ellipsis, SquarePen, Trash2 } from "lucide-react";
+import { EllipsisVertical, SquarePen, Trash2 } from "lucide-react";
 import { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../../shad-cn-ui/SolidPopover";
 import { SolidListViewRowActionMenuItem } from "./SolidListViewRowActionMenuItem";
 
@@ -49,7 +49,7 @@ export function SolidListViewRowActionsMenu({
           }}
           aria-label="Open row actions"
         >
-          <Ellipsis size={16} />
+          <EllipsisVertical size={16} />
         </button>
       </SolidPopoverTrigger>
       <SolidPopoverContent

package/dist/components/core/list/SolidListViewRowButtonContextMenu.d.ts

@@ -1,2 +1,2 @@
-export declare const SolidListViewRowButtonContextMenu: ({ button, params, getSelectedSolidViewData, solidListViewMetaData, handleCustomButtonClick }: any) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SolidListViewRowButtonContextMenu: ({ button, params, rowData, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=SolidListViewRowButtonContextMenu.d.ts.map

package/dist/components/core/list/SolidListViewRowButtonContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewRowButtonContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowButtonContextMenu.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iCAAiC,iGAAkG,GAAG,mDAmClJ,CAAC"}
+{"version":3,"file":"SolidListViewRowButtonContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowButtonContextMenu.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,iCAAiC,kGAAmG,GAAG,mDAmCnJ,CAAC"}

package/dist/components/core/list/SolidListViewRowButtonContextMenu.js

@@ -9,23 +9,21 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSession } from "../../../hooks/useSession";
 import { hasAnyRole } from "../../../helpers/rolesHelper";
-import { Button } from "primereact/button";
 export var SolidListViewRowButtonContextMenu = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h;
-    var button = _a.button, params = _a.params, getSelectedSolidViewData = _a.getSelectedSolidViewData, solidListViewMetaData = _a.solidListViewMetaData, handleCustomButtonClick = _a.handleCustomButtonClick;
-    var selectedSolidViewData = getSelectedSolidViewData === null || getSelectedSolidViewData === void 0 ? void 0 : getSelectedSolidViewData();
+    var button = _a.button, params = _a.params, rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, handleCustomButtonClick = _a.handleCustomButtonClick, onActionComplete = _a.onActionComplete;
     var _j = useSession(), session = _j.data, status = _j.status;
     var user = session === null || session === void 0 ? void 0 : session.user;
     var hasRole = !((_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.roles) || ((_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.roles.length) === 0 ? true : hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, (_d = button === null || button === void 0 ? void 0 : button.attrs) === null || _d === void 0 ? void 0 : _d.roles);
     if (!hasRole)
         return null;
-    return (_jsx(Button, { type: "button", icon: ((_e = button === null || button === void 0 ? void 0 : button.attrs) === null || _e === void 0 ? void 0 : _e.icon) ? (_f = button === null || button === void 0 ? void 0 : button.attrs) === null || _f === void 0 ? void 0 : _f.icon : "pi pi-pencil", className: "w-full text-left gap-2 ".concat(((_g = button === null || button === void 0 ? void 0 : button.attrs) === null || _g === void 0 ? void 0 : _g.className) ? (_h = button === null || button === void 0 ? void 0 : button.attrs) === null || _h === void 0 ? void 0 : _h.className : ''), label: button.attrs.label, size: "small", onClick: function () {
+    return (_jsxs("button", { type: "button", className: "solid-row-action-button ".concat(((_e = button === null || button === void 0 ? void 0 : button.attrs) === null || _e === void 0 ? void 0 : _e.className) ? (_f = button === null || button === void 0 ? void 0 : button.attrs) === null || _f === void 0 ? void 0 : _f.className : ''), onClick: function () {
             var event = {
                 params: params,
-                rowData: selectedSolidViewData,
+                rowData: rowData,
                 solidListViewMetaData: solidListViewMetaData.data,
             };
             var modifiedButtonAttrs = __assign({}, button.attrs); // Create a copy
@@ -34,6 +32,7 @@ export var SolidListViewRowButtonContextMenu = function (_a) {
                 modifiedButtonAttrs.popupWidth = '30vw';
             }
             handleCustomButtonClick(modifiedButtonAttrs, event);
-        } }));
+            onActionComplete === null || onActionComplete === void 0 ? void 0 : onActionComplete();
+        }, children: [_jsx("i", { className: "".concat(((_g = button === null || button === void 0 ? void 0 : button.attrs) === null || _g === void 0 ? void 0 : _g.icon) ? (_h = button === null || button === void 0 ? void 0 : button.attrs) === null || _h === void 0 ? void 0 : _h.icon : "pi pi-pencil", " solid-row-action-button-icon") }), _jsx("span", { className: "solid-row-action-button-label", children: button.attrs.label })] }));
 };
 //# sourceMappingURL=SolidListViewRowButtonContextMenu.js.map

package/dist/components/core/list/SolidListViewRowButtonContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewRowButtonContextMenu.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowButtonContextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,EAAiG;;QAA/F,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,wBAAwB,8BAAA,EAAE,qBAAqB,2BAAA,EAAE,uBAAuB,6BAAA;IACxI,IAAM,qBAAqB,GAAG,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,EAAI,CAAC;IAErD,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IAC/C,IAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;IAE3B,IAAM,OAAO,GAAG,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAA,IAAI,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IAElI,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACH,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,EAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,CAAC,CAAC,CAAC,cAAc,EAChE,SAAS,EAAE,iCAA0B,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,EAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EAC/F,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,EACzB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE;YACL,IAAM,KAAK,GAAG;gBACV,MAAM,QAAA;gBACN,OAAO,EAAE,qBAAqB;gBAC9B,qBAAqB,EAAE,qBAAqB,CAAC,IAAI;aACpD,CAAC;YAEF,IAAM,mBAAmB,gBAAQ,MAAM,CAAC,KAAK,CAAE,CAAC,CAAC,gBAAgB;YAEjE,oDAAoD;YACpD,IAAI,mBAAmB,CAAC,MAAM,KAAK,4BAA4B,IAAI,mBAAmB,CAAC,MAAM,KAAK,6BAA6B,EAAE;gBAC7H,mBAAmB,CAAC,UAAU,GAAG,MAAM,CAAC;aAC3C;YAED,uBAAuB,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;QACxD,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useSession } from \"../../../hooks/useSession\";\nimport { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { Button } from \"primereact/button\";\n\nexport const SolidListViewRowButtonContextMenu = ({ button, params, getSelectedSolidViewData, solidListViewMetaData, handleCustomButtonClick }: any) => {\n    const selectedSolidViewData = getSelectedSolidViewData?.();\n\n    const { data: session, status } = useSession();\n    const user = session?.user;\n\n    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n\n    if (!hasRole) return null;\n\n    return (\n        <Button\n            type=\"button\"\n            icon={button?.attrs?.icon ? button?.attrs?.icon : \"pi pi-pencil\"}\n            className={`w-full text-left gap-2 ${button?.attrs?.className ? button?.attrs?.className : ''}`}\n            label={button.attrs.label}\n            size=\"small\"\n            onClick={() => {\n                const event = {\n                    params,\n                    rowData: selectedSolidViewData,\n                    solidListViewMetaData: solidListViewMetaData.data,\n                };\n\n                const modifiedButtonAttrs = { ...button.attrs }; // Create a copy\n\n                // Conditionally add popupWidth for specific actions\n                if (modifiedButtonAttrs.action === 'GenerateModelCodeRowAction' || modifiedButtonAttrs.action === 'GenerateModuleCodeRowAction') {\n                    modifiedButtonAttrs.popupWidth = '30vw';\n                }\n\n                handleCustomButtonClick(modifiedButtonAttrs, event);\n            }}\n        />\n    );\n};\n"]}
+{"version":3,"file":"SolidListViewRowButtonContextMenu.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowButtonContextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,EAAkG;;QAAhG,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,uBAAuB,6BAAA,EAAE,gBAAgB,sBAAA;IAEnI,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IAC/C,IAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;IAE3B,IAAM,OAAO,GAAG,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAA,IAAI,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IAElI,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACH,kBACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kCAA2B,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,EAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EAChG,OAAO,EAAE;YACL,IAAM,KAAK,GAAG;gBACV,MAAM,QAAA;gBACN,OAAO,EAAE,OAAO;gBAChB,qBAAqB,EAAE,qBAAqB,CAAC,IAAI;aACpD,CAAC;YAEF,IAAM,mBAAmB,gBAAQ,MAAM,CAAC,KAAK,CAAE,CAAC,CAAC,gBAAgB;YAEjE,oDAAoD;YACpD,IAAI,mBAAmB,CAAC,MAAM,KAAK,4BAA4B,IAAI,mBAAmB,CAAC,MAAM,KAAK,6BAA6B,EAAE;gBAC7H,mBAAmB,CAAC,UAAU,GAAG,MAAM,CAAC;aAC3C;YAED,uBAAuB,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;YACpD,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;QACzB,CAAC,aAED,YAAG,SAAS,EAAE,UAAG,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,EAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,CAAC,CAAC,CAAC,cAAc,kCAA+B,GAAI,EAC9G,eAAM,SAAS,EAAC,+BAA+B,YAAE,MAAM,CAAC,KAAK,CAAC,KAAK,GAAQ,IACtE,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useSession } from \"../../../hooks/useSession\";\nimport { hasAnyRole } from \"../../../helpers/rolesHelper\";\n\nexport const SolidListViewRowButtonContextMenu = ({ button, params, rowData, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => {\n\n    const { data: session, status } = useSession();\n    const user = session?.user;\n\n    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n\n    if (!hasRole) return null;\n\n    return (\n        <button\n            type=\"button\"\n            className={`solid-row-action-button ${button?.attrs?.className ? button?.attrs?.className : ''}`}\n            onClick={() => {\n                const event = {\n                    params,\n                    rowData: rowData,\n                    solidListViewMetaData: solidListViewMetaData.data,\n                };\n\n                const modifiedButtonAttrs = { ...button.attrs }; // Create a copy\n\n                // Conditionally add popupWidth for specific actions\n                if (modifiedButtonAttrs.action === 'GenerateModelCodeRowAction' || modifiedButtonAttrs.action === 'GenerateModuleCodeRowAction') {\n                    modifiedButtonAttrs.popupWidth = '30vw';\n                }\n\n                handleCustomButtonClick(modifiedButtonAttrs, event);\n                onActionComplete?.();\n            }}\n        >\n            <i className={`${button?.attrs?.icon ? button?.attrs?.icon : \"pi pi-pencil\"} solid-row-action-button-icon`} />\n            <span className=\"solid-row-action-button-label\">{button.attrs.label}</span>\n        </button>\n    );\n};\n"]}

package/dist/components/core/list/SolidListViewRowButtonContextMenu.tsx

@@ -1,9 +1,7 @@
 import { useSession } from "../../../hooks/useSession";
 import { hasAnyRole } from "../../../helpers/rolesHelper";
-import { Button } from "primereact/button";
 
-export const SolidListViewRowButtonContextMenu = ({ button, params, getSelectedSolidViewData, solidListViewMetaData, handleCustomButtonClick }: any) => {
-    const selectedSolidViewData = getSelectedSolidViewData?.();
+export const SolidListViewRowButtonContextMenu = ({ button, params, rowData, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => {
 
     const { data: session, status } = useSession();
     const user = session?.user;
@@ -13,16 +11,13 @@ export const SolidListViewRowButtonContextMenu = ({ button, params, getSelectedS
     if (!hasRole) return null;
 
     return (
-        <Button
+        <button
             type="button"
-            icon={button?.attrs?.icon ? button?.attrs?.icon : "pi pi-pencil"}
-            className={`w-full text-left gap-2 ${button?.attrs?.className ? button?.attrs?.className : ''}`}
-            label={button.attrs.label}
-            size="small"
+            className={`solid-row-action-button ${button?.attrs?.className ? button?.attrs?.className : ''}`}
             onClick={() => {
                 const event = {
                     params,
-                    rowData: selectedSolidViewData,
+                    rowData: rowData,
                     solidListViewMetaData: solidListViewMetaData.data,
                 };
 
@@ -34,7 +29,11 @@ export const SolidListViewRowButtonContextMenu = ({ button, params, getSelectedS
                 }
 
                 handleCustomButtonClick(modifiedButtonAttrs, event);
+                onActionComplete?.();
             }}
-        />
+        >
+            <i className={`${button?.attrs?.icon ? button?.attrs?.icon : "pi pi-pencil"} solid-row-action-button-icon`} />
+            <span className="solid-row-action-button-label">{button.attrs.label}</span>
+        </button>
     );
 };

package/dist/components/core/module/CreateModule.js

@@ -335,7 +335,7 @@ var CreateModule = function (_a) {
                                                                     if (pathname.includes('new')) {
                                                                         formik.setFieldValue("name", toKebabCase);
                                                                     }
-                                                                }, value: formik.values.displayName, className: styles.fieldInput }), isFormFieldValid(formik, "displayName") && (_jsx("p", { className: styles.fieldError, children: (_c = (_b = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _b === void 0 ? void 0 : _b.displayName) === null || _c === void 0 ? void 0 : _c.toString() }))] }) }), _jsx("div", { className: "field col-12 lg:col-6", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsxs("label", { htmlFor: "name", className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(SolidInput, { disabled: true, type: "text", id: "name", name: "name", onChange: formik.handleChange, value: formik.values.name, className: styles.fieldInput }), isFormFieldValid(formik, "name") && (_jsx("p", { className: styles.fieldError, children: (_e = (_d = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _d === void 0 ? void 0 : _d.name) === null || _e === void 0 ? void 0 : _e.toString() }))] }) })] }), _jsxs("div", { className: "formgrid grid mt-4", children: [_jsx("div", { className: "field col-12 pb-3 ld:pb-0 lg:col-6", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsx("label", { htmlFor: "menuSequenceNumber", className: "".concat(styles.fieldLabel, " form-field-label"), children: "Menu Sequence Number" }), _jsx(SolidInput, { id: "menuSequenceNumber", type: "number", onChange: formik.handleChange, min: 0, value: formik.values.menuSequenceNumber, className: styles.fieldInput }), isFormFieldValid(formik, "menuSequenceNumber") && (_jsx("p", { className: styles.fieldError, children: (_g = (_f = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _f === void 0 ? void 0 : _f.menuSequenceNumber) === null || _g === void 0 ? void 0 : _g.toString() }))] }) }), _jsx("div", { className: "field col-12 lg:col-6", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsxs("label", { htmlFor: "description", className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Description ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(SolidTextarea, { id: "description", name: "description", onChange: formik.handleChange, value: formik.values.description, className: styles.fieldTextarea, rows: 5, cols: 30 }), isFormFieldValid(formik, "description") && (_jsx("p", { className: styles.fieldError, children: (_j = (_h = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _h === void 0 ? void 0 : _h.description) === null || _j === void 0 ? void 0 : _j.toString() }))] }) })] })] }), _jsx(SolidPanel, { header: "Configurations", className: "solid-column-panel mt-4", children: _jsxs("div", { className: "formgrid grid mt-3", children: [_jsx("div", { className: "field col-12 pb-3 lg:pb-0 lg:col-6", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsx("label", { htmlFor: "defaultDataSource", className: "".concat(styles.fieldLabel, " form-field-label"), children: "Default Data Source" }), _jsx("div", { className: "solid-standard-autocomplete w-full", children: _jsx(SolidAutocomplete, { disabled: !!data, value: defaultDataSourceField.selectedItem, suggestions: defaultDataSourceField.filteredItems, completeMethod: defaultDataSourceField.searchItems, onChange: defaultDataSourceField.handleChange, dropdown: true, field: "label", className: "w-full" }) }), isFormFieldValid(formik, "defaultDataSource") && (_jsx("p", { className: styles.fieldError, children: (_l = (_k = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _k === void 0 ? void 0 : _k.defaultDataSource) === null || _l === void 0 ? void 0 : _l.toString() }))] }) }), _jsx("div", { className: "field col-12 lg:col-6", children: _jsxs("div", { className: "".concat(styles.fieldWrapper, " relative"), children: [_jsxs("label", { htmlFor: "menuIconUrl", className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Menu Icon ", _jsx("small", { className: "text-red-500 helper-text", children: "(only svg, png and jpeg are allowed)" })] }), _jsxs("div", __assign({}, getRootPropsmenuIcon(), { className: "solid-dropzone-wrapper", children: [_jsx("input", __assign({}, getInputPropsmenuIcon())), _jsx(DropzonePlaceholder, {})] })), isFormFieldValid(formik, "menuIconUrl") && (_jsx(SolidMessage, { severity: "error", text: (_o = (_m = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _m === void 0 ? void 0 : _m.menuIconUrl) === null || _o === void 0 ? void 0 : _o.toString(), className: "mt-2" })), fileDetails && (_jsxs("div", { className: "solid-file-upload-wrapper mt-4", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(FileReaderExt, { fileDetails: fileDetails }), _jsxs("div", { className: "w-full flex flex-column gap-1", children: [_jsxs("div", { className: "flex align-items-center justify-content-between", children: [_jsx("div", { className: "font-bold solid-module-mobile-text-wrapper", children: fileDetails.name }), _jsx("button", { type: "button", className: "solid-file-icon-btn is-danger", onClick: handleCancelUpload, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] }), uploadCompleted ? (_jsxs("div", { className: "flex align-items-center gap-2 text-sm", children: [totalSize, " of ", totalSize, _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none", children: _jsx("circle", { cx: "2", cy: "2", r: "2", fill: "#C1C1C1" }) }), _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [_jsx("mask", { id: "mask0_2480_8635", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: _jsx("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }), _jsx("g", { mask: "url(#mask0_2480_8635)", children: _jsx("path", { d: "M9.16 12.76L13.39 8.53L12.55 7.69L9.16 11.08L7.45 9.37L6.61 10.21L9.16 12.76ZM10 16C9.17 16 8.39 15.8424 7.66 15.5272C6.93 15.2124 6.295 14.785 5.755 14.245C5.215 13.705 4.7876 13.07 4.4728 12.34C4.1576 11.61 4 10.83 4 10C4 9.17 4.1576 8.39 4.4728 7.66C4.7876 6.93 5.215 5.215 5.755 5.755C6.295 5.215 6.93 4.7874 7.66 4.4722C8.39 4.1574 9.17 4 10 4C10.83 4 11.61 4.1574 12.34 4.4722C13.07 4.7874 13.705 5.215 14.245 5.755C14.785 6.295 15.2124 6.93 15.5272 7.66C15.8424 8.39 16 9.17 16 10C16 10.83 15.8424 11.61 15.5272 12.34C15.2124 13.07 14.785 13.705 14.245 14.245C13.705 14.785 13.07 15.2124 12.34 15.5272C11.61 15.8424 10.83 16 10 16Z", fill: "#722ED1" }) })] }), "Completed"] })) : (_jsxs("div", { className: "flex align-items-center gap-2 text-sm", children: [uploadedSize, " of ", totalSize, _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none", children: _jsx("circle", { cx: "2", cy: "2", r: "2", fill: "#C1C1C1" }) }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M7.375 10.5V5.40625L5.75 7.03125L4.875 6.125L8 3L11.125 6.125L10.25 7.03125L8.625 5.40625V10.5H7.375ZM4.25 13C3.90625 13 3.61198 12.8776 3.36719 12.6328C3.1224 12.388 3 12.0938 3 11.75V9.875H4.25V11.75H11.75V9.875H13V11.75C13 12.0938 12.8776 12.388 12.6328 12.6328C12.388 12.8776 12.0938 13 11.75 13H4.25Z", fill: "black" }) }), "Uploading $", uploadProgress, "% Completed"] }))] })] }), _jsx(SolidProgressBar, { value: uploadProgress, showValue: false, style: { height: 4 }, className: "mt-2" })] }))] }) })] }) })] })] }), _jsx(SolidFormFooter, { params: params })] }) }));
+                                                                }, value: formik.values.displayName, className: styles.fieldInput }), isFormFieldValid(formik, "displayName") && (_jsx("p", { className: styles.fieldError, children: (_c = (_b = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _b === void 0 ? void 0 : _b.displayName) === null || _c === void 0 ? void 0 : _c.toString() }))] }) }), _jsx("div", { className: "field col-12 lg:col-6", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsxs("label", { htmlFor: "name", className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(SolidInput, { disabled: true, type: "text", id: "name", name: "name", onChange: formik.handleChange, value: formik.values.name, className: styles.fieldInput }), isFormFieldValid(formik, "name") && (_jsx("p", { className: styles.fieldError, children: (_e = (_d = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _d === void 0 ? void 0 : _d.name) === null || _e === void 0 ? void 0 : _e.toString() }))] }) })] }), _jsxs("div", { className: "formgrid grid mt-4", children: [_jsx("div", { className: "field col-12 pb-3 ld:pb-0 lg:col-6", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsx("label", { htmlFor: "menuSequenceNumber", className: "".concat(styles.fieldLabel, " form-field-label"), children: "Menu Sequence Number" }), _jsx(SolidInput, { id: "menuSequenceNumber", type: "number", onChange: formik.handleChange, min: 0, value: formik.values.menuSequenceNumber, className: styles.fieldInput }), isFormFieldValid(formik, "menuSequenceNumber") && (_jsx("p", { className: styles.fieldError, children: (_g = (_f = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _f === void 0 ? void 0 : _f.menuSequenceNumber) === null || _g === void 0 ? void 0 : _g.toString() }))] }) }), _jsx("div", { className: "field col-12 lg:col-6", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsxs("label", { htmlFor: "description", className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Description ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(SolidTextarea, { id: "description", name: "description", onChange: formik.handleChange, value: formik.values.description, className: styles.fieldTextarea, rows: 5, cols: 30 }), isFormFieldValid(formik, "description") && (_jsx("p", { className: styles.fieldError, children: (_j = (_h = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _h === void 0 ? void 0 : _h.description) === null || _j === void 0 ? void 0 : _j.toString() }))] }) })] })] }), _jsx(SolidPanel, { header: "Configurations", className: "solid-column-panel mt-4", children: _jsxs("div", { className: "formgrid grid mt-3", children: [_jsx("div", { className: "field col-12 pb-3 lg:pb-0 lg:col-6", children: _jsxs("div", { className: styles.fieldWrapper, children: [_jsx("label", { htmlFor: "defaultDataSource", className: "".concat(styles.fieldLabel, " form-field-label"), children: "Default Data Source" }), _jsx("div", { className: "solid-standard-autocomplete w-full", children: _jsx(SolidAutocomplete, { disabled: !!data, value: defaultDataSourceField.selectedItem, suggestions: defaultDataSourceField.filteredItems, completeMethod: defaultDataSourceField.searchItems, onChange: defaultDataSourceField.handleChange, dropdown: true, field: "label", className: "w-full" }) }), isFormFieldValid(formik, "defaultDataSource") && (_jsx("p", { className: styles.fieldError, children: (_l = (_k = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _k === void 0 ? void 0 : _k.defaultDataSource) === null || _l === void 0 ? void 0 : _l.toString() }))] }) }), _jsx("div", { className: "field col-12 lg:col-6", children: _jsxs("div", { className: "".concat(styles.fieldWrapper, " relative"), children: [_jsxs("label", { htmlFor: "menuIconUrl", className: "".concat(styles.fieldLabel, " form-field-label"), children: ["Menu Icon ", _jsx("small", { className: "text-red-500 helper-text", children: "(only svg, png and jpeg are allowed)" })] }), _jsxs("div", __assign({}, getRootPropsmenuIcon(), { className: "solid-dropzone-wrapper", children: [_jsx("input", __assign({}, getInputPropsmenuIcon())), _jsx(DropzonePlaceholder, {})] })), isFormFieldValid(formik, "menuIconUrl") && (_jsx(SolidMessage, { severity: "error", text: (_o = (_m = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _m === void 0 ? void 0 : _m.menuIconUrl) === null || _o === void 0 ? void 0 : _o.toString(), className: "mt-2" })), fileDetails && (_jsxs("div", { className: "solid-file-upload-wrapper mt-4", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(FileReaderExt, { fileDetails: fileDetails }), _jsxs("div", { className: "w-full flex flex-column gap-1", children: [_jsxs("div", { className: "flex align-items-center justify-content-between", children: [_jsx("div", { className: "font-bold solid-module-mobile-text-wrapper", children: fileDetails.name }), _jsx("button", { type: "button", className: "solid-file-icon-btn is-danger", onClick: handleCancelUpload, children: _jsx(SolidIcon, { name: "si-times", "aria-hidden": true }) })] }), uploadCompleted ? (_jsxs("div", { className: "flex align-items-center gap-2 text-sm", children: [totalSize, " of ", totalSize, _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none", children: _jsx("circle", { cx: "2", cy: "2", r: "2", fill: "#C1C1C1" }) }), _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [_jsx("mask", { id: "mask0_2480_8635", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: _jsx("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }), _jsx("g", { mask: "url(#mask0_2480_8635)", children: _jsx("path", { d: "M9.16 12.76L13.39 8.53L12.55 7.69L9.16 11.08L7.45 9.37L6.61 10.21L9.16 12.76ZM10 16C9.17 16 8.39 15.8424 7.66 15.5272C6.93 15.2124 6.295 14.785 5.755 14.245C5.215 13.705 4.7876 13.07 4.4728 12.34C4.1576 11.61 4 10.83 4 10C4 9.17 4.1576 8.39 4.4728 7.66C4.7876 6.93 5.215 5.215 5.755 5.755C6.295 5.215 6.93 4.7874 7.66 4.4722C8.39 4.1574 9.17 4 10 4C10.83 4 11.61 4.1574 12.34 4.4722C13.07 4.7874 13.705 5.215 14.245 5.755C14.785 6.295 15.2124 6.93 15.5272 7.66C15.8424 8.39 16 9.17 16 10C16 10.83 15.8424 11.61 15.5272 12.34C15.2124 13.07 14.785 13.705 14.245 14.245C13.705 14.785 13.07 15.2124 12.34 15.5272C11.61 15.8424 10.83 16 10 16Z", fill: "var(--primary-color, var(--primary))" }) })] }), "Completed"] })) : (_jsxs("div", { className: "flex align-items-center gap-2 text-sm", children: [uploadedSize, " of ", totalSize, _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none", children: _jsx("circle", { cx: "2", cy: "2", r: "2", fill: "#C1C1C1" }) }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M7.375 10.5V5.40625L5.75 7.03125L4.875 6.125L8 3L11.125 6.125L10.25 7.03125L8.625 5.40625V10.5H7.375ZM4.25 13C3.90625 13 3.61198 12.8776 3.36719 12.6328C3.1224 12.388 3 12.0938 3 11.75V9.875H4.25V11.75H11.75V9.875H13V11.75C13 12.0938 12.8776 12.388 12.6328 12.6328C12.388 12.8776 12.0938 13 11.75 13H4.25Z", fill: "black" }) }), "Uploading $", uploadProgress, "% Completed"] }))] })] }), _jsx(SolidProgressBar, { value: uploadProgress, showValue: false, style: { height: 4 }, className: "mt-2" })] }))] }) })] }) })] })] }), _jsx(SolidFormFooter, { params: params })] }) }));
 };
 export default CreateModule;
 //# sourceMappingURL=CreateModule.js.map

package/dist/components/core/module/CreateModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateModule.js","sourceRoot":"","sources":["../../../../src/components/core/module/CreateModule.tsx"],"names":[],"mappings":"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","sourcesContent":["import { DropzonePlaceholder } from \"../../../components/common/DropzonePlaceholder\";\nimport { FileReaderExt } from \"../../../components/common/FileReaderExt\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { getSingularAndPlural } from \"../../../helpers/helpers\";\nimport { useGetFieldDefaultMetaDataQuery } from \"../../../redux/api/fieldApi\";\nimport { useDeleteMediaMutation } from \"../../../redux/api/mediaApi\";\nimport { useCreatemoduleMutation, useDeletemoduleMutation, useUpdatemoduleMutation } from \"../../../redux/api/moduleApi\";\nimport { useFormik } from \"formik\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport React, { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport { useDropzone } from \"react-dropzone\";\nimport * as Yup from \"yup\";\nimport { env } from \"../../../adapters/env\";\nimport styles from \"../form/fields/solidFields.module.css\";\nimport {\n  SolidAutocomplete,\n  SolidButton,\n  SolidInput,\n  SolidMessage,\n  SolidPanel,\n  SolidPopover,\n  SolidPopoverContent,\n  SolidPopoverTrigger,\n  SolidProgressBar,\n  SolidTextarea,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\nimport { useSolidAutocompleteField } from \"../../../hooks/useSolidAutocompleteField\";\nimport { Settings, Trash2 } from \"lucide-react\";\nimport { SolidFormFooter } from \"../form/SolidFormFooter\";\n\n\n\n\nconst CreateModule = ({ params, data }: any) => {\n  const dispatch = useDispatch();\n  const router = useRouter();\n  const pathname = usePathname()\n  const [isDialogVisible, setDialogVisible] = useState(false);\n  const [isImageDialogVisible, setImageDialogVisible] = useState(false);\n  const [isLoadingData, setIsLoadingData] = useState(data ? true : false);\n\n  const [menuIconPreview, setmenuIconPreview] = useState<\n    string | ArrayBuffer | null\n  >(null);\n  const [uploadProgress, setUploadProgress] = useState<number>(0);\n  const [uploadCompleted, setUploadCompleted] = useState<boolean>(false);\n  const [fileDetails, setFileDetails] = useState<{ name: string; type: string } | null>(null);\n  const [uploadedSize, setUploadedSize] = useState<string>(\"0 MB\");\n  const [totalSize, setTotalSize] = useState<string>(\"0 KB\");\n\n  const formatFileSize = (size: number) => {\n    return size >= 1024 * 1024\n      ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n      : `${(size / 1024).toFixed(1)} KB`;\n  };\n\n  const [\n    CreateModule,\n    { isLoading, isSuccess, isError, error, data: newModule },\n  ] = useCreatemoduleMutation();\n\n  const [\n    UpdateModule,\n    { isLoading: isModuleUpdateLoading, isSuccess: isModuleUpdateSuccess, isError: isModuleUpdateError, error: updateModuleError, data: updatedModule },\n  ] = useUpdatemoduleMutation();\n\n  const { data: fieldDefaultMetaData, isLoading: isFieldDefaultMetaDataLoading, error: FieldDefaultMetaDataError, refetch: fieldDefaultMetaDataRefech } = useGetFieldDefaultMetaDataQuery(null);\n\n  const [\n    deleteModule,\n    { isLoading: isModuleDeleted, isSuccess: isDeleteModuleSuceess, isError: isModuleDeleteError, error: ModuleDeleteError, data: DeletedModule },\n  ] = useDeletemoduleMutation();\n\n  const [\n    deleteMedia,\n    { isLoading: isMediaDeleted, isSuccess: isDeleteMediaSuceess, isError: isMediaDeleteError, error: mediaDeleteError, data: DeletedMedia },\n  ] = useDeleteMediaMutation();\n\n  const initialValues = {\n    name: data ? data.name : \"\",\n    displayName: data ? data.displayName : \"\",\n    description: data ? data.description : \"\",\n    defaultDataSource: data ? data.defaultDataSource : \"\",\n    isSystem: data ? data.isSystem : false,\n    menuIconUrl: data ? data.menuIconUrl : \"\",\n    menuSequenceNumber: data ? data.menuSequenceNumber : \"\"\n  };\n\n\n  const validationSchema = Yup.object({\n    name: Yup.string()\n      // .matches(\n      //   /^[a-z]+(-[a-z]+)*$/,\n      //   \"Invalid format. Use lowercase letters and hyphens only\"\n      // )\n      .required(ERROR_MESSAGES.FIELD_REUQIRED('Name')),\n    displayName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(\"Display Name\")),\n    description: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(\"Description Name\")),\n    defaultDataSource: Yup.string(),\n    menuIconUrl: Yup.string().nullable(),\n    isSystem: Yup.boolean(),\n    menuSequenceNumber: Yup.number(),\n\n  });\n\n  const dataSources = [\n    { label: \"Mysql\", value: \"mysql\" },\n    { label: \"Postgres\", value: \"postgres\" },\n    { label: \"Mssql\", value: \"mssql\" },\n    { label: \"Oracle\", value: \"oracle\" },\n    { label: \"Mariadb\", value: \"mariadb\" },\n  ];\n\n  const isFormFieldValid = (formik: any, fieldName: string) =>\n    formik.touched[fieldName] && formik.errors[fieldName];\n\n  const formik = useFormik({\n    initialValues,\n    validationSchema,\n    enableReinitialize: true,\n    onSubmit: async (values) => {\n      try {\n        let formData = new FormData();\n        formData.append('name', values.name);\n        formData.append('displayName', values.displayName.trim());\n        formData.append('description', values.description);\n        formData.append('defaultDataSource', values.defaultDataSource);\n        formData.append('isSystem', values.isSystem == \"true\" ? \"true\" : \"\");\n        if (values.menuIconUrl) {\n          formData.append('menuIconUrl', values.menuIconUrl);\n        }\n        formData.append('menuSequenceNumber', values.menuSequenceNumber);\n\n        // let formData = new FormData();\n        // formData.append('name', values.name);\n        // formData.append('displayName', values.displayName);\n        // formData.append('description', values.description);\n        // formData.append('defaultDataSource', values.defaultDataSource);\n        if (data) {\n          UpdateModule({ id: data.id, data: formData });\n        } else {\n          CreateModule(formData);\n        }\n      } catch (err) {\n        console.error(ERROR_MESSAGES.FAILED_CREATE_MENU, err);\n      }\n    },\n  });\n\n  const handleDropmenuIcon = (acceptedFiles: File[]) => {\n    const file = acceptedFiles[0];\n    if (!file) return;\n\n    setUploadCompleted(false);\n    setUploadProgress(0);\n    setTotalSize(formatFileSize(file.size));\n    setUploadedSize(\"0 KB\");\n    setFileDetails({ name: file.name, type: file.type });\n\n    const reader = new FileReader();\n\n    reader.onloadstart = () => {\n      setUploadProgress(0);\n      setUploadedSize(\"0 KB\");\n    };\n    reader.onprogress = (event) => {\n      if (event.loaded && event.total) {\n        const percent = Math.round((event.loaded / event.total) * 100);\n        setUploadProgress(percent);\n        setUploadedSize(formatFileSize(event.loaded));\n      }\n    };\n\n    reader.onloadend = () => {\n      setUploadProgress(100);\n      setUploadCompleted(true);\n      setUploadedSize(totalSize); // Set uploaded size to total size after completion\n    };\n\n    reader.readAsDataURL(file);\n    formik.setFieldValue(\"menuIconUrl\", file);\n  };\n\n  const { getRootProps: getRootPropsmenuIcon, getInputProps: getInputPropsmenuIcon, isDragActive: isDragActivemenuIcon } = useDropzone({\n    onDrop: handleDropmenuIcon,\n    accept: {\n      'image/jpeg': [],\n      'image/png': [],\n      'image/svg+xml': ['.svg']\n    },\n    maxSize: 2 * 1024 * 1024, // 2MB\n  });\n\n  useEffect(() => {\n    if (data) {\n      setmenuIconPreview(`${env(\"API_URL\")}/${data.menuIconUrl}`);\n\n      const fileName = data?.menuIconUrl?.split(\"/\").pop(); // Extract filename from URL\n      setFileDetails({ name: fileName || \"Unknown File\", type: \"Uploaded File\" });\n\n      // Set the upload progress to 100% since the file is already uploaded\n      setUploadProgress(100);\n      setUploadCompleted(true);\n\n      // Ensure Formik has the existing file URL\n      formik.setFieldValue(\"menuIconUrl\", data.menuIconUrl);\n    }\n  }, [data])\n  const handleCancelUpload = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setUploadProgress(0);\n    setUploadCompleted(false);\n    setFileDetails(null);\n    formik.setFieldValue(\"menuIconUrl\", null);\n  };\n\n\n  const deteleAction = async () => {\n    deleteModule(data.id);\n  }\n\n  const showError = async () => {\n    const errors = await formik.validateForm(); // Trigger validation and get the updated errors\n    const errorMessages = Object.values(errors);\n\n    if (errorMessages.length > 0) {\n      const detail = Array.isArray(errorMessages) ? errorMessages.join(', ') : String(errorMessages);\n      dispatch(showToast({ severity: 'error', summary: 'Error', detail }));\n      // toast.current.show({\n      //   severity: \"success\",\n      //   summary: \"Can you send me the report?\",\n      //   // sticky: true,\n      //   life: 3000,\n      //   //@ts-ignore\n      //   content: (props) => (\n      //     <div\n      //       className=\"flex flex-column align-items-left\"\n      //       style={{ flex: \"1\" }}\n      //     >\n      //       {errorMessages.map((m: any, index) => (\n      //         <div className=\"flex align-items-center gap-2\" key={index}>\n      //           <span className=\"font-bold text-900\">{m}</span>\n      //         </div>\n      //       ))}\n      //     </div>\n      //   ),\n      // });\n    }\n  };\n\n  const showCustomeError = async (error: string[]) => {\n    if (error.length > 0) {\n      dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.SEND_REPORT, detail: error.join(', '), life: 3000 }));\n    }\n  };\n\n  useEffect(() => {\n    if (isSuccess == true || isDeleteModuleSuceess == true || isModuleUpdateSuccess == true) {\n      router.push(`/admin/core/solid-core/module-metadata/list`);\n    }\n  }, [isSuccess, isDeleteModuleSuceess, isModuleUpdateSuccess])\n\n\n\n  const serachDDefaultDataSource = async (event: any) => {\n    const query = event.query;\n    try {\n      const filterredData: any = fieldDefaultMetaData.data.dataSource.filter((t: any) => t.name.toLowerCase().startsWith(query.toLowerCase()));\n      const transformedData = filterredData.map((e: any) => ({ label: e.name, value: e.name, type: e.type }));\n      return transformedData\n    } catch (error) {\n      console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);\n      return []\n    }\n  };\n\n  const defaultDataSourceField = useSolidAutocompleteField({\n    formik,\n    fieldName: \"defaultDataSource\",\n    labelKey: \"label\",\n    valueKey: \"value\",\n    searchData: serachDDefaultDataSource,\n    existingData: formik.values.defaultDataSource,\n  });\n\n\n  // Error Handler \n\n  useEffect(() => {\n    const errors = [\n      { isError, error },\n      { isError: isModuleUpdateError, error: updateModuleError },\n      { isError: isModuleDeleteError, error: ModuleDeleteError },\n      { isError: isMediaDeleteError, error: mediaDeleteError },\n    ];\n\n    // Handle any error\n    errors.forEach(({ isError, error }) => {\n      if (isError && error) {\n        const errorMessage = error && typeof error === 'object' && 'data' in error && 'message' in (error as any).data\n          ? (error as any).data.message\n          : 'Something went wrong';\n        const detail = Array.isArray(errorMessage) ? errorMessage.join(', ') : String(errorMessage);\n        dispatch(showToast({ severity: 'error', summary: 'Error', detail }));\n      }\n    });\n  }, [isError, isModuleUpdateError, isModuleDeleteError, isMediaDeleteError])\n\n  const [formActionsMenuOpen, setFormActionsMenuOpen] = useState(false);\n\n  const isCreateMode = pathname.includes('new');\n  const headerTitle = isCreateMode ? \"Create Module\" : \"Edit Module\";\n  const canShowActionsMenu = !isCreateMode && data?.isSystem !== true;\n\n  const handleCancel = () => {\n    router.back();\n  };\n\n  const formActionDropdown = () => (\n    <SolidPopover open={formActionsMenuOpen} onOpenChange={setFormActionsMenuOpen}>\n      <SolidPopoverTrigger asChild>\n        <SolidButton\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"solid-icon-button\"\n          aria-label=\"Module actions\"\n        >\n          <Settings size={16} />\n        </SolidButton>\n      </SolidPopoverTrigger>\n      <SolidPopoverContent\n        side=\"bottom\"\n        align=\"end\"\n        className=\"solid-form-actions-popover\"\n        onClick={(event) => event.stopPropagation()}\n      >\n        <button\n          type=\"button\"\n          className=\"solid-row-action-button solid-row-action-button-danger\"\n          onClick={() => {\n            setFormActionsMenuOpen(false);\n            deteleAction();\n          }}\n        >\n          <Trash2 size={14} className=\"solid-row-action-button-icon\" />\n          <span className=\"solid-row-action-button-label\">Delete</span>\n        </button>\n      </SolidPopoverContent>\n    </SolidPopover>\n  );\n\n  return (\n    <div className=\"solid-form-wrapper\">\n      <div className=\"solid-form-section\" style={{ borderRight: params.embeded !== true ? '1px solid var(--primary-light-color)' : '' }} >\n        <form style={{ width: '100%', background: \"#fff\" }} onSubmit={formik.handleSubmit}>\n          <div className=\"solid-form-header flex align-items-center justify-content-between gap-3 flex-wrap\">\n            <div className=\"flex flex-column gap-1\">\n              {/* <span className=\"text-sm text-color-secondary uppercase tracking-wider\">Module</span> */}\n              {/* <div className=\"form-wrapper-title m-0\">{headerTitle}</div> */}\n            </div>\n            <div className=\"flex align-items-center gap-2\">\n              <SolidButton\n                variant=\"outline\"\n                size=\"sm\"\n                type=\"button\"\n                onClick={handleCancel}\n                className=\"bg-primary-reverse\"\n              >\n                Cancel\n              </SolidButton>\n              {formik.dirty && (\n                <SolidButton size=\"sm\" type=\"submit\" onClick={() => showError()}>\n                  Save\n                </SolidButton>\n              )}\n              {canShowActionsMenu && formActionDropdown()}\n            </div>\n          </div>\n          {/* <SolidFormHeader /> */}\n          <div className=\"solid-form-content\">\n            {/* <p className=\"form-wrapper-heading text-base\">Basic Info</p> */}\n            <SolidPanel header={\"Basic Info\"} className=\"solid-column-panel\">\n              <div className=\"formgrid grid mt-3\">\n                <div className=\"field col-12 pb-3 lg:pb-0 lg:col-6\">\n                  <div className={styles.fieldWrapper}>\n                    <label htmlFor=\"displayName\" className={`${styles.fieldLabel} form-field-label`}>\n                      Display Name <span className=\"text-red-500\">*</span>\n                    </label>\n                    <SolidInput\n                      disabled={!!data}\n                      type=\"text\"\n                      id=\"displayName\"\n                      name=\"displayName\"\n                      onChange={(e) => {\n                        formik.handleChange(e);\n                        const { toKebabCase } = getSingularAndPlural(e.target.value);\n                        if (pathname.includes('new')) {\n                          formik.setFieldValue(\"name\", toKebabCase);\n                        }\n                      }}\n                      value={formik.values.displayName}\n                      className={styles.fieldInput}\n                    />\n                    {isFormFieldValid(formik, \"displayName\") && (\n                      <p className={styles.fieldError}>{formik?.errors?.displayName?.toString()}</p>\n                    )}\n                  </div>\n                </div>\n                <div className=\"field col-12 lg:col-6\">\n                  <div className={styles.fieldWrapper}>\n                    <label htmlFor=\"name\" className={`${styles.fieldLabel} form-field-label`}>\n                      Name <span className=\"text-red-500\">*</span>\n                    </label>\n                    <SolidInput\n                      disabled\n                      type=\"text\"\n                      id=\"name\"\n                      name=\"name\"\n                      onChange={formik.handleChange}\n                      value={formik.values.name}\n                      className={styles.fieldInput}\n                    />\n                    {isFormFieldValid(formik, \"name\") && (\n                      <p className={styles.fieldError}>{formik?.errors?.name?.toString()}</p>\n                    )}\n                  </div>\n                </div>\n              </div>\n              <div className=\"formgrid grid mt-4\">\n                <div className=\"field col-12 pb-3 ld:pb-0 lg:col-6\">\n                  <div className={styles.fieldWrapper}>\n                    <label htmlFor=\"menuSequenceNumber\" className={`${styles.fieldLabel} form-field-label`}>\n                      Menu Sequence Number\n                    </label>\n                    <SolidInput\n                      id=\"menuSequenceNumber\"\n                      type=\"number\"\n                      onChange={formik.handleChange}\n                      min={0}\n                      value={formik.values.menuSequenceNumber}\n                      className={styles.fieldInput}\n                    />\n                    {isFormFieldValid(formik, \"menuSequenceNumber\") && (\n                      <p className={styles.fieldError}>{formik?.errors?.menuSequenceNumber?.toString()}</p>\n                    )}\n                  </div>\n                </div>\n                <div className=\"field col-12 lg:col-6\">\n                  <div className={styles.fieldWrapper}>\n                    <label htmlFor=\"description\" className={`${styles.fieldLabel} form-field-label`}>\n                      Description <span className=\"text-red-500\">*</span>\n                    </label>\n                    <SolidTextarea\n                      id=\"description\"\n                      name=\"description\"\n                      onChange={formik.handleChange}\n                      value={formik.values.description}\n                      className={styles.fieldTextarea}\n                      rows={5}\n                      cols={30}\n                    />\n                    {isFormFieldValid(formik, \"description\") && (\n                      <p className={styles.fieldError}>{formik?.errors?.description?.toString()}</p>\n                    )}\n                  </div>\n                </div>\n              </div>\n            </SolidPanel>\n            {/* <Divider /> */}\n            {/* <p className=\"form-wrapper-heading text-base\" style={{ fontSize: 16 }}>Configurations</p> */}\n            <SolidPanel header={\"Configurations\"} className=\"solid-column-panel mt-4\">\n              <div className=\"formgrid grid mt-3\">\n                <div className=\"field col-12 pb-3 lg:pb-0 lg:col-6\">\n                  <div className={styles.fieldWrapper}>\n                    <label htmlFor=\"defaultDataSource\" className={`${styles.fieldLabel} form-field-label`}>\n                      Default Data Source\n                    </label>\n                    <div className=\"solid-standard-autocomplete w-full\">\n                      <SolidAutocomplete\n                        disabled={!!data}\n                        value={defaultDataSourceField.selectedItem}\n                        suggestions={defaultDataSourceField.filteredItems}\n                        completeMethod={defaultDataSourceField.searchItems}\n                        onChange={defaultDataSourceField.handleChange}\n                        dropdown\n                        field=\"label\"\n                        className=\"w-full\"\n                      />\n                    </div>\n                    {isFormFieldValid(formik, \"defaultDataSource\") && (\n                      <p className={styles.fieldError}>{formik?.errors?.defaultDataSource?.toString()}</p>\n                    )}\n                  </div>\n                </div>\n                <div className=\"field col-12 lg:col-6\">\n                  <div className={`${styles.fieldWrapper} relative`}>\n                    <label htmlFor=\"menuIconUrl\" className={`${styles.fieldLabel} form-field-label`}>\n                      Menu Icon <small className=\"text-red-500 helper-text\">(only svg, png and jpeg are allowed)</small>\n                    </label>\n                    <div {...getRootPropsmenuIcon()} className=\"solid-dropzone-wrapper\">\n                      <input {...getInputPropsmenuIcon()} />\n                      <DropzonePlaceholder />\n                    </div>\n                    {isFormFieldValid(formik, \"menuIconUrl\") && (\n                      <SolidMessage severity=\"error\" text={formik?.errors?.menuIconUrl?.toString()} className=\"mt-2\" />\n                    )}\n\n                    {fileDetails && (\n                      <div className=\"solid-file-upload-wrapper mt-4\">\n                        <div className=\"flex align-items-center gap-2\">\n                          <FileReaderExt fileDetails={fileDetails} />\n                          <div className=\"w-full flex flex-column gap-1\">\n                            <div className=\"flex align-items-center justify-content-between\">\n                              <div className=\"font-bold solid-module-mobile-text-wrapper\">{fileDetails.name}</div>\n                              <button\n                                type=\"button\"\n                                className=\"solid-file-icon-btn is-danger\"\n                                onClick={handleCancelUpload}\n                              >\n                                <SolidIcon name=\"si-times\" aria-hidden />\n                              </button>\n                            </div>\n                            {uploadCompleted ? (\n                              <div className=\"flex align-items-center gap-2 text-sm\">\n                                {totalSize} of {totalSize}\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"4\" height=\"4\" viewBox=\"0 0 4 4\" fill=\"none\">\n                                  <circle cx=\"2\" cy=\"2\" r=\"2\" fill=\"#C1C1C1\" />\n                                </svg>\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                  <mask id=\"mask0_2480_8635\" style={{ maskType: 'alpha' }} maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n                                    <rect width=\"20\" height=\"20\" fill=\"#D9D9D9\" />\n                                  </mask>\n                                  <g mask=\"url(#mask0_2480_8635)\">\n                                    <path d=\"M9.16 12.76L13.39 8.53L12.55 7.69L9.16 11.08L7.45 9.37L6.61 10.21L9.16 12.76ZM10 16C9.17 16 8.39 15.8424 7.66 15.5272C6.93 15.2124 6.295 14.785 5.755 14.245C5.215 13.705 4.7876 13.07 4.4728 12.34C4.1576 11.61 4 10.83 4 10C4 9.17 4.1576 8.39 4.4728 7.66C4.7876 6.93 5.215 5.215 5.755 5.755C6.295 5.215 6.93 4.7874 7.66 4.4722C8.39 4.1574 9.17 4 10 4C10.83 4 11.61 4.1574 12.34 4.4722C13.07 4.7874 13.705 5.215 14.245 5.755C14.785 6.295 15.2124 6.93 15.5272 7.66C15.8424 8.39 16 9.17 16 10C16 10.83 15.8424 11.61 15.5272 12.34C15.2124 13.07 14.785 13.705 14.245 14.245C13.705 14.785 13.07 15.2124 12.34 15.5272C11.61 15.8424 10.83 16 10 16Z\" fill=\"#722ED1\" />\n                                  </g>\n                                </svg>\n                                Completed\n                              </div>\n                            ) : (\n                              <div className=\"flex align-items-center gap-2 text-sm\">\n                                {uploadedSize} of {totalSize}\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"4\" height=\"4\" viewBox=\"0 0 4 4\" fill=\"none\">\n                                  <circle cx=\"2\" cy=\"2\" r=\"2\" fill=\"#C1C1C1\" />\n                                </svg>\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                  <path d=\"M7.375 10.5V5.40625L5.75 7.03125L4.875 6.125L8 3L11.125 6.125L10.25 7.03125L8.625 5.40625V10.5H7.375ZM4.25 13C3.90625 13 3.61198 12.8776 3.36719 12.6328C3.1224 12.388 3 12.0938 3 11.75V9.875H4.25V11.75H11.75V9.875H13V11.75C13 12.0938 12.8776 12.388 12.6328 12.6328C12.388 12.8776 12.0938 13 11.75 13H4.25Z\" fill=\"black\" />\n                                </svg>\n                                Uploading ${uploadProgress}% Completed\n                              </div>\n                            )}\n                          </div>\n                        </div>\n                        <SolidProgressBar value={uploadProgress} showValue={false} style={{ height: 4 }} className=\"mt-2\" />\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </div>\n            </SolidPanel>\n          </div>\n        </form>\n        {/* <div style={{ width: '22.5%' }}></div> */}\n        <SolidFormFooter params={params}></SolidFormFooter>\n      </div>\n    </div>\n  );\n};\n\nexport default CreateModule;\n"]}
+{"version":3,"file":"CreateModule.js","sourceRoot":"","sources":["../../../../src/components/core/module/CreateModule.tsx"],"names":[],"mappings":"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","sourcesContent":["import { DropzonePlaceholder } from \"../../../components/common/DropzonePlaceholder\";\nimport { FileReaderExt } from \"../../../components/common/FileReaderExt\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { getSingularAndPlural } from \"../../../helpers/helpers\";\nimport { useGetFieldDefaultMetaDataQuery } from \"../../../redux/api/fieldApi\";\nimport { useDeleteMediaMutation } from \"../../../redux/api/mediaApi\";\nimport { useCreatemoduleMutation, useDeletemoduleMutation, useUpdatemoduleMutation } from \"../../../redux/api/moduleApi\";\nimport { useFormik } from \"formik\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport React, { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport { useDropzone } from \"react-dropzone\";\nimport * as Yup from \"yup\";\nimport { env } from \"../../../adapters/env\";\nimport styles from \"../form/fields/solidFields.module.css\";\nimport {\n  SolidAutocomplete,\n  SolidButton,\n  SolidInput,\n  SolidMessage,\n  SolidPanel,\n  SolidPopover,\n  SolidPopoverContent,\n  SolidPopoverTrigger,\n  SolidProgressBar,\n  SolidTextarea,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\nimport { useSolidAutocompleteField } from \"../../../hooks/useSolidAutocompleteField\";\nimport { Settings, Trash2 } from \"lucide-react\";\nimport { SolidFormFooter } from \"../form/SolidFormFooter\";\n\n\n\n\nconst CreateModule = ({ params, data }: any) => {\n  const dispatch = useDispatch();\n  const router = useRouter();\n  const pathname = usePathname()\n  const [isDialogVisible, setDialogVisible] = useState(false);\n  const [isImageDialogVisible, setImageDialogVisible] = useState(false);\n  const [isLoadingData, setIsLoadingData] = useState(data ? true : false);\n\n  const [menuIconPreview, setmenuIconPreview] = useState<\n    string | ArrayBuffer | null\n  >(null);\n  const [uploadProgress, setUploadProgress] = useState<number>(0);\n  const [uploadCompleted, setUploadCompleted] = useState<boolean>(false);\n  const [fileDetails, setFileDetails] = useState<{ name: string; type: string } | null>(null);\n  const [uploadedSize, setUploadedSize] = useState<string>(\"0 MB\");\n  const [totalSize, setTotalSize] = useState<string>(\"0 KB\");\n\n  const formatFileSize = (size: number) => {\n    return size >= 1024 * 1024\n      ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n      : `${(size / 1024).toFixed(1)} KB`;\n  };\n\n  const [\n    CreateModule,\n    { isLoading, isSuccess, isError, error, data: newModule },\n  ] = useCreatemoduleMutation();\n\n  const [\n    UpdateModule,\n    { isLoading: isModuleUpdateLoading, isSuccess: isModuleUpdateSuccess, isError: isModuleUpdateError, error: updateModuleError, data: updatedModule },\n  ] = useUpdatemoduleMutation();\n\n  const { data: fieldDefaultMetaData, isLoading: isFieldDefaultMetaDataLoading, error: FieldDefaultMetaDataError, refetch: fieldDefaultMetaDataRefech } = useGetFieldDefaultMetaDataQuery(null);\n\n  const [\n    deleteModule,\n    { isLoading: isModuleDeleted, isSuccess: isDeleteModuleSuceess, isError: isModuleDeleteError, error: ModuleDeleteError, data: DeletedModule },\n  ] = useDeletemoduleMutation();\n\n  const [\n    deleteMedia,\n    { isLoading: isMediaDeleted, isSuccess: isDeleteMediaSuceess, isError: isMediaDeleteError, error: mediaDeleteError, data: DeletedMedia },\n  ] = useDeleteMediaMutation();\n\n  const initialValues = {\n    name: data ? data.name : \"\",\n    displayName: data ? data.displayName : \"\",\n    description: data ? data.description : \"\",\n    defaultDataSource: data ? data.defaultDataSource : \"\",\n    isSystem: data ? data.isSystem : false,\n    menuIconUrl: data ? data.menuIconUrl : \"\",\n    menuSequenceNumber: data ? data.menuSequenceNumber : \"\"\n  };\n\n\n  const validationSchema = Yup.object({\n    name: Yup.string()\n      // .matches(\n      //   /^[a-z]+(-[a-z]+)*$/,\n      //   \"Invalid format. Use lowercase letters and hyphens only\"\n      // )\n      .required(ERROR_MESSAGES.FIELD_REUQIRED('Name')),\n    displayName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(\"Display Name\")),\n    description: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(\"Description Name\")),\n    defaultDataSource: Yup.string(),\n    menuIconUrl: Yup.string().nullable(),\n    isSystem: Yup.boolean(),\n    menuSequenceNumber: Yup.number(),\n\n  });\n\n  const dataSources = [\n    { label: \"Mysql\", value: \"mysql\" },\n    { label: \"Postgres\", value: \"postgres\" },\n    { label: \"Mssql\", value: \"mssql\" },\n    { label: \"Oracle\", value: \"oracle\" },\n    { label: \"Mariadb\", value: \"mariadb\" },\n  ];\n\n  const isFormFieldValid = (formik: any, fieldName: string) =>\n    formik.touched[fieldName] && formik.errors[fieldName];\n\n  const formik = useFormik({\n    initialValues,\n    validationSchema,\n    enableReinitialize: true,\n    onSubmit: async (values) => {\n      try {\n        let formData = new FormData();\n        formData.append('name', values.name);\n        formData.append('displayName', values.displayName.trim());\n        formData.append('description', values.description);\n        formData.append('defaultDataSource', values.defaultDataSource);\n        formData.append('isSystem', values.isSystem == \"true\" ? \"true\" : \"\");\n        if (values.menuIconUrl) {\n          formData.append('menuIconUrl', values.menuIconUrl);\n        }\n        formData.append('menuSequenceNumber', values.menuSequenceNumber);\n\n        // let formData = new FormData();\n        // formData.append('name', values.name);\n        // formData.append('displayName', values.displayName);\n        // formData.append('description', values.description);\n        // formData.append('defaultDataSource', values.defaultDataSource);\n        if (data) {\n          UpdateModule({ id: data.id, data: formData });\n        } else {\n          CreateModule(formData);\n        }\n      } catch (err) {\n        console.error(ERROR_MESSAGES.FAILED_CREATE_MENU, err);\n      }\n    },\n  });\n\n  const handleDropmenuIcon = (acceptedFiles: File[]) => {\n    const file = acceptedFiles[0];\n    if (!file) return;\n\n    setUploadCompleted(false);\n    setUploadProgress(0);\n    setTotalSize(formatFileSize(file.size));\n    setUploadedSize(\"0 KB\");\n    setFileDetails({ name: file.name, type: file.type });\n\n    const reader = new FileReader();\n\n    reader.onloadstart = () => {\n      setUploadProgress(0);\n      setUploadedSize(\"0 KB\");\n    };\n    reader.onprogress = (event) => {\n      if (event.loaded && event.total) {\n        const percent = Math.round((event.loaded / event.total) * 100);\n        setUploadProgress(percent);\n        setUploadedSize(formatFileSize(event.loaded));\n      }\n    };\n\n    reader.onloadend = () => {\n      setUploadProgress(100);\n      setUploadCompleted(true);\n      setUploadedSize(totalSize); // Set uploaded size to total size after completion\n    };\n\n    reader.readAsDataURL(file);\n    formik.setFieldValue(\"menuIconUrl\", file);\n  };\n\n  const { getRootProps: getRootPropsmenuIcon, getInputProps: getInputPropsmenuIcon, isDragActive: isDragActivemenuIcon } = useDropzone({\n    onDrop: handleDropmenuIcon,\n    accept: {\n      'image/jpeg': [],\n      'image/png': [],\n      'image/svg+xml': ['.svg']\n    },\n    maxSize: 2 * 1024 * 1024, // 2MB\n  });\n\n  useEffect(() => {\n    if (data) {\n      setmenuIconPreview(`${env(\"API_URL\")}/${data.menuIconUrl}`);\n\n      const fileName = data?.menuIconUrl?.split(\"/\").pop(); // Extract filename from URL\n      setFileDetails({ name: fileName || \"Unknown File\", type: \"Uploaded File\" });\n\n      // Set the upload progress to 100% since the file is already uploaded\n      setUploadProgress(100);\n      setUploadCompleted(true);\n\n      // Ensure Formik has the existing file URL\n      formik.setFieldValue(\"menuIconUrl\", data.menuIconUrl);\n    }\n  }, [data])\n  const handleCancelUpload = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setUploadProgress(0);\n    setUploadCompleted(false);\n    setFileDetails(null);\n    formik.setFieldValue(\"menuIconUrl\", null);\n  };\n\n\n  const deteleAction = async () => {\n    deleteModule(data.id);\n  }\n\n  const showError = async () => {\n    const errors = await formik.validateForm(); // Trigger validation and get the updated errors\n    const errorMessages = Object.values(errors);\n\n    if (errorMessages.length > 0) {\n      const detail = Array.isArray(errorMessages) ? errorMessages.join(', ') : String(errorMessages);\n      dispatch(showToast({ severity: 'error', summary: 'Error', detail }));\n      // toast.current.show({\n      //   severity: \"success\",\n      //   summary: \"Can you send me the report?\",\n      //   // sticky: true,\n      //   life: 3000,\n      //   //@ts-ignore\n      //   content: (props) => (\n      //     <div\n      //       className=\"flex flex-column align-items-left\"\n      //       style={{ flex: \"1\" }}\n      //     >\n      //       {errorMessages.map((m: any, index) => (\n      //         <div className=\"flex align-items-center gap-2\" key={index}>\n      //           <span className=\"font-bold text-900\">{m}</span>\n      //         </div>\n      //       ))}\n      //     </div>\n      //   ),\n      // });\n    }\n  };\n\n  const showCustomeError = async (error: string[]) => {\n    if (error.length > 0) {\n      dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.SEND_REPORT, detail: error.join(', '), life: 3000 }));\n    }\n  };\n\n  useEffect(() => {\n    if (isSuccess == true || isDeleteModuleSuceess == true || isModuleUpdateSuccess == true) {\n      router.push(`/admin/core/solid-core/module-metadata/list`);\n    }\n  }, [isSuccess, isDeleteModuleSuceess, isModuleUpdateSuccess])\n\n\n\n  const serachDDefaultDataSource = async (event: any) => {\n    const query = event.query;\n    try {\n      const filterredData: any = fieldDefaultMetaData.data.dataSource.filter((t: any) => t.name.toLowerCase().startsWith(query.toLowerCase()));\n      const transformedData = filterredData.map((e: any) => ({ label: e.name, value: e.name, type: e.type }));\n      return transformedData\n    } catch (error) {\n      console.error(ERROR_MESSAGES.FETCHING_ITEMS, error);\n      return []\n    }\n  };\n\n  const defaultDataSourceField = useSolidAutocompleteField({\n    formik,\n    fieldName: \"defaultDataSource\",\n    labelKey: \"label\",\n    valueKey: \"value\",\n    searchData: serachDDefaultDataSource,\n    existingData: formik.values.defaultDataSource,\n  });\n\n\n  // Error Handler \n\n  useEffect(() => {\n    const errors = [\n      { isError, error },\n      { isError: isModuleUpdateError, error: updateModuleError },\n      { isError: isModuleDeleteError, error: ModuleDeleteError },\n      { isError: isMediaDeleteError, error: mediaDeleteError },\n    ];\n\n    // Handle any error\n    errors.forEach(({ isError, error }) => {\n      if (isError && error) {\n        const errorMessage = error && typeof error === 'object' && 'data' in error && 'message' in (error as any).data\n          ? (error as any).data.message\n          : 'Something went wrong';\n        const detail = Array.isArray(errorMessage) ? errorMessage.join(', ') : String(errorMessage);\n        dispatch(showToast({ severity: 'error', summary: 'Error', detail }));\n      }\n    });\n  }, [isError, isModuleUpdateError, isModuleDeleteError, isMediaDeleteError])\n\n  const [formActionsMenuOpen, setFormActionsMenuOpen] = useState(false);\n\n  const isCreateMode = pathname.includes('new');\n  const headerTitle = isCreateMode ? \"Create Module\" : \"Edit Module\";\n  const canShowActionsMenu = !isCreateMode && data?.isSystem !== true;\n\n  const handleCancel = () => {\n    router.back();\n  };\n\n  const formActionDropdown = () => (\n    <SolidPopover open={formActionsMenuOpen} onOpenChange={setFormActionsMenuOpen}>\n      <SolidPopoverTrigger asChild>\n        <SolidButton\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"solid-icon-button\"\n          aria-label=\"Module actions\"\n        >\n          <Settings size={16} />\n        </SolidButton>\n      </SolidPopoverTrigger>\n      <SolidPopoverContent\n        side=\"bottom\"\n        align=\"end\"\n        className=\"solid-form-actions-popover\"\n        onClick={(event) => event.stopPropagation()}\n      >\n        <button\n          type=\"button\"\n          className=\"solid-row-action-button solid-row-action-button-danger\"\n          onClick={() => {\n            setFormActionsMenuOpen(false);\n            deteleAction();\n          }}\n        >\n          <Trash2 size={14} className=\"solid-row-action-button-icon\" />\n          <span className=\"solid-row-action-button-label\">Delete</span>\n        </button>\n      </SolidPopoverContent>\n    </SolidPopover>\n  );\n\n  return (\n    <div className=\"solid-form-wrapper\">\n      <div className=\"solid-form-section\" style={{ borderRight: params.embeded !== true ? '1px solid var(--primary-light-color)' : '' }} >\n        <form style={{ width: '100%', background: \"#fff\" }} onSubmit={formik.handleSubmit}>\n          <div className=\"solid-form-header flex align-items-center justify-content-between gap-3 flex-wrap\">\n            <div className=\"flex flex-column gap-1\">\n              {/* <span className=\"text-sm text-color-secondary uppercase tracking-wider\">Module</span> */}\n              {/* <div className=\"form-wrapper-title m-0\">{headerTitle}</div> */}\n            </div>\n            <div className=\"flex align-items-center gap-2\">\n              <SolidButton\n                variant=\"outline\"\n                size=\"sm\"\n                type=\"button\"\n                onClick={handleCancel}\n                className=\"bg-primary-reverse\"\n              >\n                Cancel\n              </SolidButton>\n              {formik.dirty && (\n                <SolidButton size=\"sm\" type=\"submit\" onClick={() => showError()}>\n                  Save\n                </SolidButton>\n              )}\n              {canShowActionsMenu && formActionDropdown()}\n            </div>\n          </div>\n          {/* <SolidFormHeader /> */}\n          <div className=\"solid-form-content\">\n            {/* <p className=\"form-wrapper-heading text-base\">Basic Info</p> */}\n            <SolidPanel header={\"Basic Info\"} className=\"solid-column-panel\">\n              <div className=\"formgrid grid mt-3\">\n                <div className=\"field col-12 pb-3 lg:pb-0 lg:col-6\">\n                  <div className={styles.fieldWrapper}>\n                    <label htmlFor=\"displayName\" className={`${styles.fieldLabel} form-field-label`}>\n                      Display Name <span className=\"text-red-500\">*</span>\n                    </label>\n                    <SolidInput\n                      disabled={!!data}\n                      type=\"text\"\n                      id=\"displayName\"\n                      name=\"displayName\"\n                      onChange={(e) => {\n                        formik.handleChange(e);\n                        const { toKebabCase } = getSingularAndPlural(e.target.value);\n                        if (pathname.includes('new')) {\n                          formik.setFieldValue(\"name\", toKebabCase);\n                        }\n                      }}\n                      value={formik.values.displayName}\n                      className={styles.fieldInput}\n                    />\n                    {isFormFieldValid(formik, \"displayName\") && (\n                      <p className={styles.fieldError}>{formik?.errors?.displayName?.toString()}</p>\n                    )}\n                  </div>\n                </div>\n                <div className=\"field col-12 lg:col-6\">\n                  <div className={styles.fieldWrapper}>\n                    <label htmlFor=\"name\" className={`${styles.fieldLabel} form-field-label`}>\n                      Name <span className=\"text-red-500\">*</span>\n                    </label>\n                    <SolidInput\n                      disabled\n                      type=\"text\"\n                      id=\"name\"\n                      name=\"name\"\n                      onChange={formik.handleChange}\n                      value={formik.values.name}\n                      className={styles.fieldInput}\n                    />\n                    {isFormFieldValid(formik, \"name\") && (\n                      <p className={styles.fieldError}>{formik?.errors?.name?.toString()}</p>\n                    )}\n                  </div>\n                </div>\n              </div>\n              <div className=\"formgrid grid mt-4\">\n                <div className=\"field col-12 pb-3 ld:pb-0 lg:col-6\">\n                  <div className={styles.fieldWrapper}>\n                    <label htmlFor=\"menuSequenceNumber\" className={`${styles.fieldLabel} form-field-label`}>\n                      Menu Sequence Number\n                    </label>\n                    <SolidInput\n                      id=\"menuSequenceNumber\"\n                      type=\"number\"\n                      onChange={formik.handleChange}\n                      min={0}\n                      value={formik.values.menuSequenceNumber}\n                      className={styles.fieldInput}\n                    />\n                    {isFormFieldValid(formik, \"menuSequenceNumber\") && (\n                      <p className={styles.fieldError}>{formik?.errors?.menuSequenceNumber?.toString()}</p>\n                    )}\n                  </div>\n                </div>\n                <div className=\"field col-12 lg:col-6\">\n                  <div className={styles.fieldWrapper}>\n                    <label htmlFor=\"description\" className={`${styles.fieldLabel} form-field-label`}>\n                      Description <span className=\"text-red-500\">*</span>\n                    </label>\n                    <SolidTextarea\n                      id=\"description\"\n                      name=\"description\"\n                      onChange={formik.handleChange}\n                      value={formik.values.description}\n                      className={styles.fieldTextarea}\n                      rows={5}\n                      cols={30}\n                    />\n                    {isFormFieldValid(formik, \"description\") && (\n                      <p className={styles.fieldError}>{formik?.errors?.description?.toString()}</p>\n                    )}\n                  </div>\n                </div>\n              </div>\n            </SolidPanel>\n            {/* <Divider /> */}\n            {/* <p className=\"form-wrapper-heading text-base\" style={{ fontSize: 16 }}>Configurations</p> */}\n            <SolidPanel header={\"Configurations\"} className=\"solid-column-panel mt-4\">\n              <div className=\"formgrid grid mt-3\">\n                <div className=\"field col-12 pb-3 lg:pb-0 lg:col-6\">\n                  <div className={styles.fieldWrapper}>\n                    <label htmlFor=\"defaultDataSource\" className={`${styles.fieldLabel} form-field-label`}>\n                      Default Data Source\n                    </label>\n                    <div className=\"solid-standard-autocomplete w-full\">\n                      <SolidAutocomplete\n                        disabled={!!data}\n                        value={defaultDataSourceField.selectedItem}\n                        suggestions={defaultDataSourceField.filteredItems}\n                        completeMethod={defaultDataSourceField.searchItems}\n                        onChange={defaultDataSourceField.handleChange}\n                        dropdown\n                        field=\"label\"\n                        className=\"w-full\"\n                      />\n                    </div>\n                    {isFormFieldValid(formik, \"defaultDataSource\") && (\n                      <p className={styles.fieldError}>{formik?.errors?.defaultDataSource?.toString()}</p>\n                    )}\n                  </div>\n                </div>\n                <div className=\"field col-12 lg:col-6\">\n                  <div className={`${styles.fieldWrapper} relative`}>\n                    <label htmlFor=\"menuIconUrl\" className={`${styles.fieldLabel} form-field-label`}>\n                      Menu Icon <small className=\"text-red-500 helper-text\">(only svg, png and jpeg are allowed)</small>\n                    </label>\n                    <div {...getRootPropsmenuIcon()} className=\"solid-dropzone-wrapper\">\n                      <input {...getInputPropsmenuIcon()} />\n                      <DropzonePlaceholder />\n                    </div>\n                    {isFormFieldValid(formik, \"menuIconUrl\") && (\n                      <SolidMessage severity=\"error\" text={formik?.errors?.menuIconUrl?.toString()} className=\"mt-2\" />\n                    )}\n\n                    {fileDetails && (\n                      <div className=\"solid-file-upload-wrapper mt-4\">\n                        <div className=\"flex align-items-center gap-2\">\n                          <FileReaderExt fileDetails={fileDetails} />\n                          <div className=\"w-full flex flex-column gap-1\">\n                            <div className=\"flex align-items-center justify-content-between\">\n                              <div className=\"font-bold solid-module-mobile-text-wrapper\">{fileDetails.name}</div>\n                              <button\n                                type=\"button\"\n                                className=\"solid-file-icon-btn is-danger\"\n                                onClick={handleCancelUpload}\n                              >\n                                <SolidIcon name=\"si-times\" aria-hidden />\n                              </button>\n                            </div>\n                            {uploadCompleted ? (\n                              <div className=\"flex align-items-center gap-2 text-sm\">\n                                {totalSize} of {totalSize}\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"4\" height=\"4\" viewBox=\"0 0 4 4\" fill=\"none\">\n                                  <circle cx=\"2\" cy=\"2\" r=\"2\" fill=\"#C1C1C1\" />\n                                </svg>\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                  <mask id=\"mask0_2480_8635\" style={{ maskType: 'alpha' }} maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"20\">\n                                    <rect width=\"20\" height=\"20\" fill=\"#D9D9D9\" />\n                                  </mask>\n                                  <g mask=\"url(#mask0_2480_8635)\">\n                                    <path d=\"M9.16 12.76L13.39 8.53L12.55 7.69L9.16 11.08L7.45 9.37L6.61 10.21L9.16 12.76ZM10 16C9.17 16 8.39 15.8424 7.66 15.5272C6.93 15.2124 6.295 14.785 5.755 14.245C5.215 13.705 4.7876 13.07 4.4728 12.34C4.1576 11.61 4 10.83 4 10C4 9.17 4.1576 8.39 4.4728 7.66C4.7876 6.93 5.215 5.215 5.755 5.755C6.295 5.215 6.93 4.7874 7.66 4.4722C8.39 4.1574 9.17 4 10 4C10.83 4 11.61 4.1574 12.34 4.4722C13.07 4.7874 13.705 5.215 14.245 5.755C14.785 6.295 15.2124 6.93 15.5272 7.66C15.8424 8.39 16 9.17 16 10C16 10.83 15.8424 11.61 15.5272 12.34C15.2124 13.07 14.785 13.705 14.245 14.245C13.705 14.785 13.07 15.2124 12.34 15.5272C11.61 15.8424 10.83 16 10 16Z\" fill=\"var(--primary-color, var(--primary))\" />\n                                  </g>\n                                </svg>\n                                Completed\n                              </div>\n                            ) : (\n                              <div className=\"flex align-items-center gap-2 text-sm\">\n                                {uploadedSize} of {totalSize}\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"4\" height=\"4\" viewBox=\"0 0 4 4\" fill=\"none\">\n                                  <circle cx=\"2\" cy=\"2\" r=\"2\" fill=\"#C1C1C1\" />\n                                </svg>\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                                  <path d=\"M7.375 10.5V5.40625L5.75 7.03125L4.875 6.125L8 3L11.125 6.125L10.25 7.03125L8.625 5.40625V10.5H7.375ZM4.25 13C3.90625 13 3.61198 12.8776 3.36719 12.6328C3.1224 12.388 3 12.0938 3 11.75V9.875H4.25V11.75H11.75V9.875H13V11.75C13 12.0938 12.8776 12.388 12.6328 12.6328C12.388 12.8776 12.0938 13 11.75 13H4.25Z\" fill=\"black\" />\n                                </svg>\n                                Uploading ${uploadProgress}% Completed\n                              </div>\n                            )}\n                          </div>\n                        </div>\n                        <SolidProgressBar value={uploadProgress} showValue={false} style={{ height: 4 }} className=\"mt-2\" />\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </div>\n            </SolidPanel>\n          </div>\n        </form>\n        {/* <div style={{ width: '22.5%' }}></div> */}\n        <SolidFormFooter params={params}></SolidFormFooter>\n      </div>\n    </div>\n  );\n};\n\nexport default CreateModule;\n"]}

package/dist/components/core/module/CreateModule.tsx

@@ -535,7 +535,7 @@ const CreateModule = ({ params, data }: any) => {
                                     <rect width="20" height="20" fill="#D9D9D9" />
                                   </mask>
                                   <g mask="url(#mask0_2480_8635)">
-                                    <path d="M9.16 12.76L13.39 8.53L12.55 7.69L9.16 11.08L7.45 9.37L6.61 10.21L9.16 12.76ZM10 16C9.17 16 8.39 15.8424 7.66 15.5272C6.93 15.2124 6.295 14.785 5.755 14.245C5.215 13.705 4.7876 13.07 4.4728 12.34C4.1576 11.61 4 10.83 4 10C4 9.17 4.1576 8.39 4.4728 7.66C4.7876 6.93 5.215 5.215 5.755 5.755C6.295 5.215 6.93 4.7874 7.66 4.4722C8.39 4.1574 9.17 4 10 4C10.83 4 11.61 4.1574 12.34 4.4722C13.07 4.7874 13.705 5.215 14.245 5.755C14.785 6.295 15.2124 6.93 15.5272 7.66C15.8424 8.39 16 9.17 16 10C16 10.83 15.8424 11.61 15.5272 12.34C15.2124 13.07 14.785 13.705 14.245 14.245C13.705 14.785 13.07 15.2124 12.34 15.5272C11.61 15.8424 10.83 16 10 16Z" fill="#722ED1" />
+                                    <path d="M9.16 12.76L13.39 8.53L12.55 7.69L9.16 11.08L7.45 9.37L6.61 10.21L9.16 12.76ZM10 16C9.17 16 8.39 15.8424 7.66 15.5272C6.93 15.2124 6.295 14.785 5.755 14.245C5.215 13.705 4.7876 13.07 4.4728 12.34C4.1576 11.61 4 10.83 4 10C4 9.17 4.1576 8.39 4.4728 7.66C4.7876 6.93 5.215 5.215 5.755 5.755C6.295 5.215 6.93 4.7874 7.66 4.4722C8.39 4.1574 9.17 4 10 4C10.83 4 11.61 4.1574 12.34 4.4722C13.07 4.7874 13.705 5.215 14.245 5.755C14.785 6.295 15.2124 6.93 15.5272 7.66C15.8424 8.39 16 9.17 16 10C16 10.83 15.8424 11.61 15.5272 12.34C15.2124 13.07 14.785 13.705 14.245 14.245C13.705 14.785 13.07 15.2124 12.34 15.5272C11.61 15.8424 10.83 16 10 16Z" fill="var(--primary-color, var(--primary))" />
                                   </g>
                                 </svg>
                                 Completed