@solidxai/core-ui 0.1.15-beta.0 → 0.1.16-beta.0

package/dist/components/core/tree/SolidTreeView.tsx

@@ -1766,7 +1766,8 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
               <SolidButton
                 key={index}
                 type="button"
-                icon={button?.attrs?.icon ?? "pi pi-pencil"}
+                icon={button?.attrs?.icon}
+                leftIcon={!button?.attrs?.icon ? <Pencil size={14} aria-hidden /> : undefined}
                 className={`gap-2 ${button?.attrs?.className ?? ""}`}
                 label={
                   button.attrs.showLabel !== false
@@ -2018,6 +2019,7 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
                       setDialogVisible={setDeleteRecordsDialogVisible}
                       setShowSaveFilterPopup={setShowSaveFilterPopup}
                       filters={filters}
+                      hasAnyActiveFilters={hasAnyActiveFilters}
                       handleFetchUpdatedRecords={handleFetchUpdatedRecords}
                       setRecoverDialogVisible={setRecoverDialogVisible}
                     />

package/dist/components/core/users/CreateUserRole.js

@@ -156,7 +156,7 @@ var CreateUserRole = function (_a) {
         }
     }, [isSuccess]);
     return (_jsx("div", { className: "flex flex-wrap -mx-2 -mt-2", children: _jsx("div", { className: "mx-auto w-full px-2 pt-2 xl:w-[83.333333%]", children: _jsx("div", { children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [pathname.includes('create') ? _jsxs("div", { className: "mb-6 flex justify-between gap-4", children: [_jsx("div", { className: "form-wrapper-title", children: " Create User Role" }), _jsxs("div", { className: "flex gap-4", children: [_jsx("div", { children: _jsx(SolidButton, { label: "Save", size: "sm", onClick: function () { return showError(); }, type: "submit", className: 'small-button' }) }), _jsx(CancelButton, {})] })] }) :
-                            _jsxs("div", { className: "mb-6 flex justify-between gap-4", children: [_jsx("h1", { className: "m-0", children: " Edit User" }), _jsxs("div", { className: "flex gap-4", children: [_jsx("div", { children: _jsx(SolidButton, { label: "Save", onClick: function () { return showError(); }, type: "submit", size: "sm", className: 'small-button' }) }), _jsx("div", {}), _jsx(CancelButton, {})] })] }), _jsx("div", { className: "form-wrapper", children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2", children: [_jsx("div", { className: "w-full px-2 pt-2 md:w-1/2", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "username", className: "form-label form-field-label", children: "User Name" }), _jsx(SolidInput, { type: "text", id: "username", name: "username", onChange: formik.handleChange, value: formik.values.username, className: "p-inputtext-sm w-full small-input", "aria-invalid": !!isFormFieldValid(formik, "username") }), isFormFieldValid(formik, "username") && (_jsx(SolidMessage, { severity: "error", text: (_b = formik.errors.username) === null || _b === void 0 ? void 0 : _b.toString() }))] }) }), _jsx("div", { className: "w-full px-2 pt-2 md:w-1/2", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "type", className: "form-label form-field-label", children: "Role Name" }), _jsxs("div", { children: [_jsx(AutoCompleteField, { multiple: false, isFormFieldValid: isFormFieldValid, formik: formik, fieldName: "roleName", searchData: searchRole, existingData: { label: (_c = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _c === void 0 ? void 0 : _c.title, value: (_d = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _d === void 0 ? void 0 : _d.id }, existingDataTitle: (_e = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _e === void 0 ? void 0 : _e.title, existingDataId: (_f = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _f === void 0 ? void 0 : _f.id, className: "solid-standard-autocomplete" }), isFormFieldValid(formik, "roleName") && (_jsx(SolidMessage, { severity: "error", text: (_h = (_g = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _g === void 0 ? void 0 : _g.roleName) === null || _h === void 0 ? void 0 : _h.toString() }))] })] }) })] }) })] }) }) }) }));
+                            _jsxs("div", { className: "mb-6 flex justify-between gap-4", children: [_jsx("h1", { className: "m-0", children: " Edit User" }), _jsxs("div", { className: "flex gap-4", children: [_jsx("div", { children: _jsx(SolidButton, { label: "Save", onClick: function () { return showError(); }, type: "submit", size: "sm", className: 'small-button' }) }), _jsx("div", {}), _jsx(CancelButton, {})] })] }), _jsx("div", { className: "form-wrapper", children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2", children: [_jsx("div", { className: "w-full px-2 pt-2 md:w-1/2", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "username", className: "form-label form-field-label", children: "User Name" }), _jsx(SolidInput, { type: "text", id: "username", name: "username", onChange: formik.handleChange, value: formik.values.username, className: "w-full small-input", "aria-invalid": !!isFormFieldValid(formik, "username") }), isFormFieldValid(formik, "username") && (_jsx(SolidMessage, { severity: "error", text: (_b = formik.errors.username) === null || _b === void 0 ? void 0 : _b.toString() }))] }) }), _jsx("div", { className: "w-full px-2 pt-2 md:w-1/2", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "type", className: "form-label form-field-label", children: "Role Name" }), _jsxs("div", { children: [_jsx(AutoCompleteField, { multiple: false, isFormFieldValid: isFormFieldValid, formik: formik, fieldName: "roleName", searchData: searchRole, existingData: { label: (_c = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _c === void 0 ? void 0 : _c.title, value: (_d = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _d === void 0 ? void 0 : _d.id }, existingDataTitle: (_e = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _e === void 0 ? void 0 : _e.title, existingDataId: (_f = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _f === void 0 ? void 0 : _f.id, className: "solid-standard-autocomplete" }), isFormFieldValid(formik, "roleName") && (_jsx(SolidMessage, { severity: "error", text: (_h = (_g = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _g === void 0 ? void 0 : _g.roleName) === null || _h === void 0 ? void 0 : _h.toString() }))] })] }) })] }) })] }) }) }) }));
 };
 export default CreateUserRole;
 //# sourceMappingURL=CreateUserRole.js.map

package/dist/components/core/users/CreateUserRole.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateUserRole.js","sourceRoot":"","sources":["../../../../src/components/core/users/CreateUserRole.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { AutoCompleteField } from \"../../../components/common/AutoCompleteField\";\nimport { CancelButton } from \"../../../components/common/CancelButton\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { useLazyGetrolesQuery } from \"../../../redux/api/roleApi\";\nimport { useCreateuserroleMutation } from \"../../../redux/api/userApi\";\nimport { useFormik } from \"formik\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { SolidButton, SolidInput, SolidMessage } from \"../../shad-cn-ui\";\nimport qs from \"qs\";\nimport { useEffect } from \"react\";\nimport * as Yup from \"yup\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\n\nconst CreateUserRole = ({ data }: any) => {\n  const dispatch = useDispatch();\n\n  const [triggerGetRoles, { data: roleLazy, isFetching: isRoleLazyFetching, error: roleLazyError }] = useLazyGetrolesQuery();\n  const router = useRouter();\n\n  const [\n    createMenuItem,\n    { isLoading, isSuccess, isError, error, data: newInvoice },\n  ] = useCreateuserroleMutation();\n\n  const initialValues = {\n    username: data ? data.username : \"\",\n    roleName: data ? data.roleName : \"\"\n  };\n  const validationSchema = Yup.object({\n    username: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('User Name')),\n    roleName: Yup.lazy((value) => {\n      if (typeof value === 'object' && value !== null && !Array.isArray(value)) {\n        return Yup.object().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      } else if (typeof value === 'string') {\n        return Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      } else {\n        return Yup.mixed().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      }\n    })\n  });\n\n  const isFormFieldValid = (formik: any, fieldName: string) =>\n    formik.touched[fieldName] && formik.errors[fieldName];\n\n  const pathname = usePathname();\n\n  const formik = useFormik({\n    initialValues,\n    validationSchema,\n    enableReinitialize: true,\n    onSubmit: async (values) => {\n      try {\n        let obj = {\n          username: values.username,\n          roleName: values.roleName.label\n        }\n        createMenuItem(obj);\n      } catch (err) {\n        console.error(ERROR_MESSAGES.FAILED_CREATE_INVOICE, err);\n      }\n    },\n  });\n\n  const showError = async () => {\n    const errors = await formik.validateForm();\n    const errorMessages = Object.values(errors);\n\n    if (errorMessages.length > 0) {\n      dispatch(showToast({\n        severity: \"error\",\n        summary: ERROR_MESSAGES.SEND_REPORT,\n        detail: errorMessages.map(String).join(\", \"),\n      }));\n    }\n  };\n\n  const searchRole = async (event: any) => {\n    const query = event.query;\n    let queryData = {};\n    if (query) {\n      queryData = {\n        roleName: query\n      };\n    }\n\n    const queryString = qs.stringify(queryData, {\n      encodeValuesOnly: true\n    });\n\n    // Trigger the API call manually\n    const result = await triggerGetRoles(queryString).unwrap();\n\n    // Map the API response to AutoComplete format\n    if (result && result.data) {\n      const filteredMenu = result.data.map((m: any) => ({ label: m.name, value: m.id }));\n\n      // Update the suggestions in state\n      return filteredMenu\n    } else {\n      // Handle the case where no data is returned\n      return []\n    }\n  };\n\n  useEffect(() => {\n    if (isSuccess == true) {\n      router.push(`/admin/iam/users/all`);\n    }\n  }, [isSuccess])\n\n  return (\n    <div className=\"flex flex-wrap -mx-2 -mt-2\">\n      <div className=\"mx-auto w-full px-2 pt-2 xl:w-[83.333333%]\">\n        <div>\n          {/* <Toast ref={toast} /> */}\n\n          <form onSubmit={formik.handleSubmit}>\n            {pathname.includes('create') ? <div className=\"mb-6 flex justify-between gap-4\">\n              <div className=\"form-wrapper-title\"> Create User Role</div>\n              <div className=\"flex gap-4\">\n                <div>\n                  <SolidButton label=\"Save\" size=\"sm\" onClick={() => showError()} type=\"submit\" className='small-button' />\n                </div>\n                <CancelButton />\n              </div>\n            </div> :\n              <div className=\"mb-6 flex justify-between gap-4\">\n                <h1 className=\"m-0\"> Edit User</h1>\n                <div className=\"flex gap-4\">\n                  <div>\n                    <SolidButton label=\"Save\" onClick={() => showError()} type=\"submit\" size=\"sm\" className='small-button' />\n                  </div>\n                  <div>\n                    {/* <Button label=\"Delete\" severity=\"danger\" type=\"button\" /> */}\n                  </div>\n                  <CancelButton />\n                </div>\n              </div>\n            }\n            <div className=\"form-wrapper\">\n              <div className=\"flex flex-wrap -mx-2 -mt-2\">\n                <div className=\"w-full px-2 pt-2 md:w-1/2\">\n                  <div className=\"field\">\n                    <label htmlFor=\"username\" className=\"form-label form-field-label\">\n                      User Name\n                    </label>\n                    <SolidInput\n                      type=\"text\"\n                      id=\"username\"\n                      name=\"username\"\n                      onChange={formik.handleChange}\n                      value={formik.values.username}\n                      className=\"p-inputtext-sm w-full small-input\"\n                      aria-invalid={!!isFormFieldValid(formik, \"username\")}\n                    />\n                    {isFormFieldValid(formik, \"username\") && (\n                      <SolidMessage severity=\"error\" text={formik.errors.username?.toString()} />\n                    )}\n                  </div>\n                </div>\n                <div className=\"w-full px-2 pt-2 md:w-1/2\">\n                  <div className=\"field\">\n                    <label htmlFor=\"type\" className=\"form-label form-field-label\">\n                      Role Name\n                    </label>\n                    <div>\n                      <AutoCompleteField\n                        multiple={false}\n                        isFormFieldValid={isFormFieldValid}\n                        formik={formik}\n                        fieldName=\"roleName\"\n                        searchData={searchRole}\n                        existingData={{ label: data?.parentCategory?.title, value: data?.parentCategory?.id }}\n                        existingDataTitle={data?.parentCategory?.title}\n                        existingDataId={data?.parentCategory?.id}\n                        className=\"solid-standard-autocomplete\"\n                      ></AutoCompleteField>\n                      {isFormFieldValid(formik, \"roleName\") && (\n                        <SolidMessage severity=\"error\" text={formik?.errors?.roleName?.toString()} />\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CreateUserRole;\n"]}
+{"version":3,"file":"CreateUserRole.js","sourceRoot":"","sources":["../../../../src/components/core/users/CreateUserRole.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { AutoCompleteField } from \"../../../components/common/AutoCompleteField\";\nimport { CancelButton } from \"../../../components/common/CancelButton\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { useLazyGetrolesQuery } from \"../../../redux/api/roleApi\";\nimport { useCreateuserroleMutation } from \"../../../redux/api/userApi\";\nimport { useFormik } from \"formik\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { SolidButton, SolidInput, SolidMessage } from \"../../shad-cn-ui\";\nimport qs from \"qs\";\nimport { useEffect } from \"react\";\nimport * as Yup from \"yup\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\n\nconst CreateUserRole = ({ data }: any) => {\n  const dispatch = useDispatch();\n\n  const [triggerGetRoles, { data: roleLazy, isFetching: isRoleLazyFetching, error: roleLazyError }] = useLazyGetrolesQuery();\n  const router = useRouter();\n\n  const [\n    createMenuItem,\n    { isLoading, isSuccess, isError, error, data: newInvoice },\n  ] = useCreateuserroleMutation();\n\n  const initialValues = {\n    username: data ? data.username : \"\",\n    roleName: data ? data.roleName : \"\"\n  };\n  const validationSchema = Yup.object({\n    username: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('User Name')),\n    roleName: Yup.lazy((value) => {\n      if (typeof value === 'object' && value !== null && !Array.isArray(value)) {\n        return Yup.object().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      } else if (typeof value === 'string') {\n        return Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      } else {\n        return Yup.mixed().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      }\n    })\n  });\n\n  const isFormFieldValid = (formik: any, fieldName: string) =>\n    formik.touched[fieldName] && formik.errors[fieldName];\n\n  const pathname = usePathname();\n\n  const formik = useFormik({\n    initialValues,\n    validationSchema,\n    enableReinitialize: true,\n    onSubmit: async (values) => {\n      try {\n        let obj = {\n          username: values.username,\n          roleName: values.roleName.label\n        }\n        createMenuItem(obj);\n      } catch (err) {\n        console.error(ERROR_MESSAGES.FAILED_CREATE_INVOICE, err);\n      }\n    },\n  });\n\n  const showError = async () => {\n    const errors = await formik.validateForm();\n    const errorMessages = Object.values(errors);\n\n    if (errorMessages.length > 0) {\n      dispatch(showToast({\n        severity: \"error\",\n        summary: ERROR_MESSAGES.SEND_REPORT,\n        detail: errorMessages.map(String).join(\", \"),\n      }));\n    }\n  };\n\n  const searchRole = async (event: any) => {\n    const query = event.query;\n    let queryData = {};\n    if (query) {\n      queryData = {\n        roleName: query\n      };\n    }\n\n    const queryString = qs.stringify(queryData, {\n      encodeValuesOnly: true\n    });\n\n    // Trigger the API call manually\n    const result = await triggerGetRoles(queryString).unwrap();\n\n    // Map the API response to AutoComplete format\n    if (result && result.data) {\n      const filteredMenu = result.data.map((m: any) => ({ label: m.name, value: m.id }));\n\n      // Update the suggestions in state\n      return filteredMenu\n    } else {\n      // Handle the case where no data is returned\n      return []\n    }\n  };\n\n  useEffect(() => {\n    if (isSuccess == true) {\n      router.push(`/admin/iam/users/all`);\n    }\n  }, [isSuccess])\n\n  return (\n    <div className=\"flex flex-wrap -mx-2 -mt-2\">\n      <div className=\"mx-auto w-full px-2 pt-2 xl:w-[83.333333%]\">\n        <div>\n          {/* <Toast ref={toast} /> */}\n\n          <form onSubmit={formik.handleSubmit}>\n            {pathname.includes('create') ? <div className=\"mb-6 flex justify-between gap-4\">\n              <div className=\"form-wrapper-title\"> Create User Role</div>\n              <div className=\"flex gap-4\">\n                <div>\n                  <SolidButton label=\"Save\" size=\"sm\" onClick={() => showError()} type=\"submit\" className='small-button' />\n                </div>\n                <CancelButton />\n              </div>\n            </div> :\n              <div className=\"mb-6 flex justify-between gap-4\">\n                <h1 className=\"m-0\"> Edit User</h1>\n                <div className=\"flex gap-4\">\n                  <div>\n                    <SolidButton label=\"Save\" onClick={() => showError()} type=\"submit\" size=\"sm\" className='small-button' />\n                  </div>\n                  <div>\n                    {/* <Button label=\"Delete\" severity=\"danger\" type=\"button\" /> */}\n                  </div>\n                  <CancelButton />\n                </div>\n              </div>\n            }\n            <div className=\"form-wrapper\">\n              <div className=\"flex flex-wrap -mx-2 -mt-2\">\n                <div className=\"w-full px-2 pt-2 md:w-1/2\">\n                  <div className=\"field\">\n                    <label htmlFor=\"username\" className=\"form-label form-field-label\">\n                      User Name\n                    </label>\n                    <SolidInput\n                      type=\"text\"\n                      id=\"username\"\n                      name=\"username\"\n                      onChange={formik.handleChange}\n                      value={formik.values.username}\n                      className=\"w-full small-input\"\n                      aria-invalid={!!isFormFieldValid(formik, \"username\")}\n                    />\n                    {isFormFieldValid(formik, \"username\") && (\n                      <SolidMessage severity=\"error\" text={formik.errors.username?.toString()} />\n                    )}\n                  </div>\n                </div>\n                <div className=\"w-full px-2 pt-2 md:w-1/2\">\n                  <div className=\"field\">\n                    <label htmlFor=\"type\" className=\"form-label form-field-label\">\n                      Role Name\n                    </label>\n                    <div>\n                      <AutoCompleteField\n                        multiple={false}\n                        isFormFieldValid={isFormFieldValid}\n                        formik={formik}\n                        fieldName=\"roleName\"\n                        searchData={searchRole}\n                        existingData={{ label: data?.parentCategory?.title, value: data?.parentCategory?.id }}\n                        existingDataTitle={data?.parentCategory?.title}\n                        existingDataId={data?.parentCategory?.id}\n                        className=\"solid-standard-autocomplete\"\n                      ></AutoCompleteField>\n                      {isFormFieldValid(formik, \"roleName\") && (\n                        <SolidMessage severity=\"error\" text={formik?.errors?.roleName?.toString()} />\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CreateUserRole;\n"]}

package/dist/components/core/users/CreateUserRole.tsx

@@ -153,7 +153,7 @@ const CreateUserRole = ({ data }: any) => {
                       name="username"
                       onChange={formik.handleChange}
                       value={formik.values.username}
-                      className="p-inputtext-sm w-full small-input"
+                      className="w-full small-input"
                       aria-invalid={!!isFormFieldValid(formik, "username")}
                     />
                     {isFormFieldValid(formik, "username") && (

package/dist/components/layout/FilterMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterMenu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/FilterMenu.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,UAAU,+CAqHf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FilterMenu.d.ts","sourceRoot":"","sources":["../../../src/components/layout/FilterMenu.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,UAAU,+CAqHf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/layout/FilterMenu.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { Cog, Copy, Filter, Star } from "lucide-react";
 import { SolidButton, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../shad-cn-ui";
 var FilterMenu = function () {
     var _a = useState(false), visible = _a[0], setVisible = _a[1];
@@ -39,7 +40,7 @@ var FilterMenu = function () {
     }
     function handleFavouritesClick(favourite) {
     }
-    return (_jsx("div", { children: _jsxs(SolidPopover, { open: menuOpen, onOpenChange: setMenuOpen, autoCloseGroup: "filter-menu", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { icon: "pi pi-cog", className: "transparent-background", variant: "ghost", size: "sm", "aria-haspopup": true, "aria-controls": "popup_menu" }) }), _jsx(SolidPopoverContent, { className: "filterDropdown", side: "bottom", align: "start", children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2 m-0", children: [_jsxs("div", { className: "w-full md:w-1/3 px-2 pt-2", children: [_jsxs("h3", { children: [_jsx("span", { className: " pi pi-filter" }), " Filters"] }), _jsx("ul", { className: "custom-list", children: filters.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] }), _jsxs("div", { className: "w-full md:w-1/3 px-2 pt-2", children: [_jsxs("h3", { children: [_jsx("span", { className: " pi pi-clone" }), " Group by"] }), _jsx("ul", { className: "custom-list", children: groupBy.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] }), _jsxs("div", { className: "w-full md:w-1/3 px-2 pt-2", children: [_jsxs("h3", { children: [" ", _jsx("span", { className: " pi pi-star" }), " Favourites"] }), _jsx("ul", { className: "custom-list", children: favourites.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] })] }) })] }) }));
+    return (_jsx("div", { children: _jsxs(SolidPopover, { open: menuOpen, onOpenChange: setMenuOpen, autoCloseGroup: "filter-menu", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx(SolidButton, { leftIcon: _jsx(Cog, { size: 16, "aria-hidden": true }), className: "transparent-background", variant: "ghost", size: "sm", "aria-haspopup": true, "aria-controls": "popup_menu" }) }), _jsx(SolidPopoverContent, { className: "filterDropdown", side: "bottom", align: "start", children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2 m-0", children: [_jsxs("div", { className: "w-full md:w-1/3 px-2 pt-2", children: [_jsxs("h3", { children: [_jsx(Filter, { size: 16, "aria-hidden": "true" }), " Filters"] }), _jsx("ul", { className: "custom-list", children: filters.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] }), _jsxs("div", { className: "w-full md:w-1/3 px-2 pt-2", children: [_jsxs("h3", { children: [_jsx(Copy, { size: 16, "aria-hidden": "true" }), " Group by"] }), _jsx("ul", { className: "custom-list", children: groupBy.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] }), _jsxs("div", { className: "w-full md:w-1/3 px-2 pt-2", children: [_jsxs("h3", { children: [_jsx(Star, { size: 16, "aria-hidden": "true" }), " Favourites"] }), _jsx("ul", { className: "custom-list", children: favourites.map(function (item, index) { return (_jsx("a", { onClick: item.onClick, children: _jsx("li", { children: item.label }, index) })); }) })] })] }) })] }) }));
 };
 export default FilterMenu;
 //# sourceMappingURL=FilterMenu.js.map

package/dist/components/layout/FilterMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../../../src/components/layout/FilterMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useState } from \"react\";\nimport { SolidButton, SolidDialog, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from \"../shad-cn-ui\";\n\nconst FilterMenu = () => {\n    const [visible, setVisible] = useState(false);\n    const [menuOpen, setMenuOpen] = useState(false);\n\n    const filters = [\n        { label: 'On Time Off', onClick: () => handleFilterClick('On Time Off') },\n        { label: 'At Work', onClick: () => handleFilterClick('At Work') },\n        { label: 'My Team', onClick: () => handleFilterClick('My Team') },\n        { label: 'My Departments', onClick: () => handleFilterClick('My Departments') },\n        { label: 'Newly Hired', onClick: () => handleFilterClick('Newly Hired') },\n        { label: 'Fixed Hours', onClick: () => handleFilterClick('Fixed Hours') },\n        { label: 'Flexible Hours', onClick: () => handleFilterClick('Flexible Hours') },\n        { label: 'Add Custom Filters', onClick: () => handleFilterClick('Add Custom Filters') }\n    ];\n\n    const groupBy = [\n        { label: 'Manager', onClick: () => handleGroupByClick('Manager') },\n        { label: 'Department', onClick: () => handleGroupByClick('Department') },\n        { label: 'Job', onClick: () => handleGroupByClick('Job') },\n        { label: 'Skills', onClick: () => handleGroupByClick('Skills') },\n        { label: 'Start Date', onClick: () => handleGroupByClick('Start Date') },\n        { label: 'Tags', onClick: () => handleGroupByClick('Tags') }\n    ];\n\n    const favourites = [\n        { label: 'Save Current Search', onClick: () => handleFavouritesClick('Save Current Search') }\n    ];\n\n    // Example function definitions\n    function handleFilterClick(filter: string) {\n\n\n        switch (filter) {\n            case 'Add Custom Filters':\n                setVisible(true);\n                break;\n\n            default:\n                break;\n        }\n    }\n\n    function handleGroupByClick(group: string) {\n\n    }\n\n    function handleFavouritesClick(favourite: string) {\n\n    }\n\n    return (\n        <div>\n            <SolidPopover open={menuOpen} onOpenChange={setMenuOpen} autoCloseGroup=\"filter-menu\">\n                <SolidPopoverTrigger asChild>\n                    <SolidButton\n                        icon=\"pi pi-cog\"\n                        className=\"transparent-background\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        aria-haspopup\n                        aria-controls=\"popup_menu\"\n                    />\n                </SolidPopoverTrigger>\n                <SolidPopoverContent className=\"filterDropdown\" side=\"bottom\" align=\"start\">\n                    <div className=\"flex flex-wrap -mx-2 -mt-2 m-0\">\n                    {/* Column 1: Filters */}\n                    <div className=\"w-full md:w-1/3 px-2 pt-2\">\n                        <h3><span className=\" pi pi-filter\"></span> Filters</h3>\n                        <ul className=\"custom-list\">\n                            {filters.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n\n                    {/* Column 2: Group By */}\n                    <div className=\"w-full md:w-1/3 px-2 pt-2\">\n                        <h3><span className=\" pi pi-clone\"></span> Group by</h3>\n                        <ul className=\"custom-list\">\n                            {groupBy.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n\n                    {/* Column 3: Favourites */}\n                    <div className=\"w-full md:w-1/3 px-2 pt-2\">\n                        <h3> <span className=\" pi pi-star\"></span> Favourites</h3>\n                        <ul className=\"custom-list\">\n                            {favourites.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n                    </div>\n                </SolidPopoverContent>\n            </SolidPopover>\n            {/* <SolidDialog header=\"Add Custom Filter\" visible={visible} className=\"solid-dialog-lg\" onHide={() => { if (!visible) return; setVisible(false); }}>\n                <FilterComponent></FilterComponent>\n            </SolidDialog> */}\n\n            {/* <Dialog\n                visible={visible}\n                modal\n                onHide={() => { if (!visible) return; setVisible(false); }}\n                content={({ hide }) => (\n                    <FilterComponent></FilterComponent>\n                )}\n            ></Dialog> */}\n        </div>\n    );\n};\n\nexport default FilterMenu;\n"]}
+{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../../../src/components/layout/FilterMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { useState } from \"react\";\nimport { Cog, Copy, Filter, Star } from \"lucide-react\";\nimport { SolidButton, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from \"../shad-cn-ui\";\n\nconst FilterMenu = () => {\n    const [visible, setVisible] = useState(false);\n    const [menuOpen, setMenuOpen] = useState(false);\n\n    const filters = [\n        { label: 'On Time Off', onClick: () => handleFilterClick('On Time Off') },\n        { label: 'At Work', onClick: () => handleFilterClick('At Work') },\n        { label: 'My Team', onClick: () => handleFilterClick('My Team') },\n        { label: 'My Departments', onClick: () => handleFilterClick('My Departments') },\n        { label: 'Newly Hired', onClick: () => handleFilterClick('Newly Hired') },\n        { label: 'Fixed Hours', onClick: () => handleFilterClick('Fixed Hours') },\n        { label: 'Flexible Hours', onClick: () => handleFilterClick('Flexible Hours') },\n        { label: 'Add Custom Filters', onClick: () => handleFilterClick('Add Custom Filters') }\n    ];\n\n    const groupBy = [\n        { label: 'Manager', onClick: () => handleGroupByClick('Manager') },\n        { label: 'Department', onClick: () => handleGroupByClick('Department') },\n        { label: 'Job', onClick: () => handleGroupByClick('Job') },\n        { label: 'Skills', onClick: () => handleGroupByClick('Skills') },\n        { label: 'Start Date', onClick: () => handleGroupByClick('Start Date') },\n        { label: 'Tags', onClick: () => handleGroupByClick('Tags') }\n    ];\n\n    const favourites = [\n        { label: 'Save Current Search', onClick: () => handleFavouritesClick('Save Current Search') }\n    ];\n\n    // Example function definitions\n    function handleFilterClick(filter: string) {\n\n\n        switch (filter) {\n            case 'Add Custom Filters':\n                setVisible(true);\n                break;\n\n            default:\n                break;\n        }\n    }\n\n    function handleGroupByClick(group: string) {\n\n    }\n\n    function handleFavouritesClick(favourite: string) {\n\n    }\n\n    return (\n        <div>\n            <SolidPopover open={menuOpen} onOpenChange={setMenuOpen} autoCloseGroup=\"filter-menu\">\n                <SolidPopoverTrigger asChild>\n                    <SolidButton\n                        leftIcon={<Cog size={16} aria-hidden />}\n                        className=\"transparent-background\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        aria-haspopup\n                        aria-controls=\"popup_menu\"\n                    />\n                </SolidPopoverTrigger>\n                <SolidPopoverContent className=\"filterDropdown\" side=\"bottom\" align=\"start\">\n                    <div className=\"flex flex-wrap -mx-2 -mt-2 m-0\">\n                    {/* Column 1: Filters */}\n                    <div className=\"w-full md:w-1/3 px-2 pt-2\">\n                        <h3><Filter size={16} aria-hidden=\"true\" /> Filters</h3>\n                        <ul className=\"custom-list\">\n                            {filters.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n\n                    {/* Column 2: Group By */}\n                    <div className=\"w-full md:w-1/3 px-2 pt-2\">\n                        <h3><Copy size={16} aria-hidden=\"true\" /> Group by</h3>\n                        <ul className=\"custom-list\">\n                            {groupBy.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n\n                    {/* Column 3: Favourites */}\n                    <div className=\"w-full md:w-1/3 px-2 pt-2\">\n                        <h3><Star size={16} aria-hidden=\"true\" /> Favourites</h3>\n                        <ul className=\"custom-list\">\n                            {favourites.map((item, index) => (\n                                <a onClick={item.onClick}>\n                                    <li key={index}>{item.label}</li>\n                                </a>\n                            ))}\n                        </ul>\n                    </div>\n                    </div>\n                </SolidPopoverContent>\n            </SolidPopover>\n            {/* <SolidDialog header=\"Add Custom Filter\" visible={visible} className=\"solid-dialog-lg\" onHide={() => { if (!visible) return; setVisible(false); }}>\n                <FilterComponent></FilterComponent>\n            </SolidDialog> */}\n\n            {/* <Dialog\n                visible={visible}\n                modal\n                onHide={() => { if (!visible) return; setVisible(false); }}\n                content={({ hide }) => (\n                    <FilterComponent></FilterComponent>\n                )}\n            ></Dialog> */}\n        </div>\n    );\n};\n\nexport default FilterMenu;\n"]}

package/dist/components/layout/FilterMenu.tsx

@@ -1,6 +1,7 @@
 
 import { useState } from "react";
-import { SolidButton, SolidDialog, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../shad-cn-ui";
+import { Cog, Copy, Filter, Star } from "lucide-react";
+import { SolidButton, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../shad-cn-ui";
 
 const FilterMenu = () => {
     const [visible, setVisible] = useState(false);
@@ -57,7 +58,7 @@ const FilterMenu = () => {
             <SolidPopover open={menuOpen} onOpenChange={setMenuOpen} autoCloseGroup="filter-menu">
                 <SolidPopoverTrigger asChild>
                     <SolidButton
-                        icon="pi pi-cog"
+                        leftIcon={<Cog size={16} aria-hidden />}
                         className="transparent-background"
                         variant="ghost"
                         size="sm"
@@ -69,7 +70,7 @@ const FilterMenu = () => {
                     <div className="flex flex-wrap -mx-2 -mt-2 m-0">
                     {/* Column 1: Filters */}
                     <div className="w-full md:w-1/3 px-2 pt-2">
-                        <h3><span className=" pi pi-filter"></span> Filters</h3>
+                        <h3><Filter size={16} aria-hidden="true" /> Filters</h3>
                         <ul className="custom-list">
                             {filters.map((item, index) => (
                                 <a onClick={item.onClick}>
@@ -81,7 +82,7 @@ const FilterMenu = () => {
 
                     {/* Column 2: Group By */}
                     <div className="w-full md:w-1/3 px-2 pt-2">
-                        <h3><span className=" pi pi-clone"></span> Group by</h3>
+                        <h3><Copy size={16} aria-hidden="true" /> Group by</h3>
                         <ul className="custom-list">
                             {groupBy.map((item, index) => (
                                 <a onClick={item.onClick}>
@@ -93,7 +94,7 @@ const FilterMenu = () => {
 
                     {/* Column 3: Favourites */}
                     <div className="w-full md:w-1/3 px-2 pt-2">
-                        <h3> <span className=" pi pi-star"></span> Favourites</h3>
+                        <h3><Star size={16} aria-hidden="true" /> Favourites</h3>
                         <ul className="custom-list">
                             {favourites.map((item, index) => (
                                 <a onClick={item.onClick}>

package/dist/components/layout/GlobalSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalSearch.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GlobalSearch.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,+CA0BxB,CAAA"}
+{"version":3,"file":"GlobalSearch.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GlobalSearch.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,+CA0BxB,CAAA"}

package/dist/components/layout/GlobalSearch.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from "../../hooks/usePathname";
+import { Search } from "lucide-react";
 import { SolidInput } from "../shad-cn-ui";
 export var GlobalSearch = function () {
     var path = usePathname();
@@ -16,6 +17,6 @@ export var GlobalSearch = function () {
         var dynamicSegment = path.split('/').slice(-2, -1)[0]; // Extracts the second-to-last segment
         return "Search ".concat(dynamicSegment.replace(/-/g, ' ').replace(/\b\w/g, function (char) { return char.toUpperCase(); }));
     };
-    return (_jsxs("div", { className: 'absolute left-50 solid-global-search', style: { transform: 'translateX(-50%)' }, children: [_jsx("span", { className: "pi pi-search" }), _jsx(SolidInput, { placeholder: getPlaceholder(), className: 'max-h-2rem w-25rem border border-cyan-200' })] }));
+    return (_jsxs("div", { className: 'absolute left-50 solid-global-search', style: { transform: 'translateX(-50%)' }, children: [_jsx(Search, { size: 16, "aria-hidden": "true" }), _jsx(SolidInput, { placeholder: getPlaceholder(), className: 'max-h-2rem w-25rem border border-cyan-200' })] }));
 };
 //# sourceMappingURL=GlobalSearch.js.map

package/dist/components/layout/GlobalSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalSearch.js","sourceRoot":"","sources":["../../../src/components/layout/GlobalSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,sDAAsD;IACtD,+BAA+B;IAC/B,wCAAwC;IACxC,yCAAyC;IACzC,uDAAuD;IACvD,qCAAqC;IACrC,KAAK;IAEL,4CAA4C;IAC5C,mGAAmG;IAEnG,IAAM,cAAc,GAAG;QACnB,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC;QAC/F,OAAO,iBAAU,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAE,CAAC;IACtG,CAAC,CAAC;IACF,OAAO,CACH,eAAK,SAAS,EAAC,sCAAsC,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,aAC1F,eAAM,SAAS,EAAC,cAAc,GAAG,EACjC,KAAC,UAAU,IACP,WAAW,EAAE,cAAc,EAAE,EAC7B,SAAS,EAAC,2CAA2C,GACvD,IACA,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { usePathname } from \"../../hooks/usePathname\";\nimport { SolidInput } from \"../shad-cn-ui\";\n\nexport const GlobalSearch = () => {\n    const path = usePathname();\n    // const placeholderMap: { [key: string]: string } = {\n    //     '/menu': 'Search Menus',\n    //     '/category': 'Search Categories',\n    //     '/menu-item': 'Search Menu Items',\n    //     '/cms-banner-image': 'Search CMS Banner Images',\n    //     '/article': 'Search Articles',\n    // };\n\n    // Find the matching placeholder dynamically\n    // const placeholder = Object.keys(placeholderMap).find(key => pathname.includes(key)) || 'Search';\n\n    const getPlaceholder = () => {\n        const dynamicSegment = path.split('/').slice(-2, -1)[0]; // Extracts the second-to-last segment\n        return `Search ${dynamicSegment.replace(/-/g, ' ').replace(/\\b\\w/g, char => char.toUpperCase())}`;\n    };\n    return (\n        <div className='absolute left-50 solid-global-search' style={{ transform: 'translateX(-50%)' }}>\n            <span className=\"pi pi-search\" />\n            <SolidInput\n                placeholder={getPlaceholder()}\n                className='max-h-2rem w-25rem border border-cyan-200'\n            />\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"GlobalSearch.js","sourceRoot":"","sources":["../../../src/components/layout/GlobalSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,sDAAsD;IACtD,+BAA+B;IAC/B,wCAAwC;IACxC,yCAAyC;IACzC,uDAAuD;IACvD,qCAAqC;IACrC,KAAK;IAEL,4CAA4C;IAC5C,mGAAmG;IAEnG,IAAM,cAAc,GAAG;QACnB,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC;QAC/F,OAAO,iBAAU,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAE,CAAC;IACtG,CAAC,CAAC;IACF,OAAO,CACH,eAAK,SAAS,EAAC,sCAAsC,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,aAC1F,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,EACvC,KAAC,UAAU,IACP,WAAW,EAAE,cAAc,EAAE,EAC7B,SAAS,EAAC,2CAA2C,GACvD,IACA,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { usePathname } from \"../../hooks/usePathname\";\nimport { Search } from \"lucide-react\";\nimport { SolidInput } from \"../shad-cn-ui\";\n\nexport const GlobalSearch = () => {\n    const path = usePathname();\n    // const placeholderMap: { [key: string]: string } = {\n    //     '/menu': 'Search Menus',\n    //     '/category': 'Search Categories',\n    //     '/menu-item': 'Search Menu Items',\n    //     '/cms-banner-image': 'Search CMS Banner Images',\n    //     '/article': 'Search Articles',\n    // };\n\n    // Find the matching placeholder dynamically\n    // const placeholder = Object.keys(placeholderMap).find(key => pathname.includes(key)) || 'Search';\n\n    const getPlaceholder = () => {\n        const dynamicSegment = path.split('/').slice(-2, -1)[0]; // Extracts the second-to-last segment\n        return `Search ${dynamicSegment.replace(/-/g, ' ').replace(/\\b\\w/g, char => char.toUpperCase())}`;\n    };\n    return (\n        <div className='absolute left-50 solid-global-search' style={{ transform: 'translateX(-50%)' }}>\n            <Search size={16} aria-hidden=\"true\" />\n            <SolidInput\n                placeholder={getPlaceholder()}\n                className='max-h-2rem w-25rem border border-cyan-200'\n            />\n        </div>\n    )\n}\n"]}

package/dist/components/layout/GlobalSearch.tsx

@@ -1,4 +1,5 @@
 import { usePathname } from "../../hooks/usePathname";
+import { Search } from "lucide-react";
 import { SolidInput } from "../shad-cn-ui";
 
 export const GlobalSearch = () => {
@@ -20,7 +21,7 @@ export const GlobalSearch = () => {
     };
     return (
         <div className='absolute left-50 solid-global-search' style={{ transform: 'translateX(-50%)' }}>
-            <span className="pi pi-search" />
+            <Search size={16} aria-hidden="true" />
             <SolidInput
                 placeholder={getPlaceholder()}
                 className='max-h-2rem w-25rem border border-cyan-200'

package/dist/components/layout/ListingHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListingHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/ListingHeader.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,aAAa,+CA0LlB,CAAC;AACF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ListingHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/ListingHeader.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,aAAa,+CAyLlB,CAAC;AACF,eAAe,aAAa,CAAC"}

package/dist/components/layout/ListingHeader.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
+import React, { useState } from "react";
+import { Cog, RefreshCcw, Trash2 } from "lucide-react";
 import { useDispatch, useSelector } from "react-redux";
 // import { RootState } from "../../redux/store";
 import { gridView, listView } from "../../redux/features/dataViewSlice";
@@ -16,19 +17,19 @@ var ListingHeader = function () {
     var items = [
         {
             label: "Settings",
-            icon: "pi pi-cog",
+            icon: _jsx(Cog, { size: 14, "aria-hidden": true }),
             command: function () {
             },
         },
         {
             label: "Update",
-            icon: "pi pi-refresh",
+            icon: _jsx(RefreshCcw, { size: 14, "aria-hidden": true }),
             command: function () {
             },
         },
         {
             label: "Delete",
-            icon: "pi pi-trash",
+            icon: _jsx(Trash2, { size: 14, "aria-hidden": true }),
             command: function () {
             },
         },
@@ -62,6 +63,9 @@ var ListingHeader = function () {
         },
     ];
     var justifyTemplate = function (option) {
+        if (React.isValidElement(option.icon)) {
+            return option.icon;
+        }
         var m = parseSolidIconMeta(option.icon);
         return m ? _jsx(SolidIcon, { name: m.name, spin: m.spin }) : _jsx("i", { className: option.icon });
     };

package/dist/components/layout/ListingHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListingHeader.js","sourceRoot":"","sources":["../../../src/components/layout/ListingHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\n// import { RootState } from \"../../redux/store\";\nimport { gridView, listView } from \"../../redux/features/dataViewSlice\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { HeaderDynamicTitles } from \"../common/HeaderDynamicTitles\";\nimport FilterMenu from \"./FilterMenu\";\nimport { SolidIcon, parseSolidIconMeta } from \"../shad-cn-ui/SolidIcon\";\n\nconst ListingHeader = () => {\n  const dispatch = useDispatch();\n  const router = useRouter();\n  const pathname = usePathname();\n\n\n  const visibleFieldsPopup = useSelector(\n    (state: any) => state.popup.visibleFieldsPopup\n  );\n\n  const items = [\n    {\n      label: \"Settings\",\n      icon: \"pi pi-cog\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Update\",\n      icon: \"pi pi-refresh\",\n      command: () => {\n      },\n    },\n    {\n      label: \"Delete\",\n      icon: \"pi pi-trash\",\n      command: () => {\n      },\n    },\n  ];\n  const [value, setValue] = useState(null);\n  const contextMenuOptions = [\n    {\n      label: (\n        <div id=\"kanban\" onClick={() => dispatch(gridView())}>\n          <img\n            src=\"/images/icons/icon-kanban.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"kanban\",\n      tooltip: \"Kanban\",\n    },\n    {\n      label: (\n        <div id=\"list_view\" onClick={() => dispatch(listView())}>\n          <img\n            src=\"/images/icons/icon-list.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"list_view\",\n      tooltip: \"List view\",\n    },\n    {\n      label: (\n        <div id=\"calender\">\n          <img\n            src=\"/images/icons/icon-calender.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"calender\",\n      tooltip: \"Calender\",\n    },\n    {\n      label: (\n        <div id=\"activity\">\n          <img\n            src=\"/images/icons/icon-activity.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"activity\",\n      tooltip: \"Activity\",\n    },\n    {\n      label: (\n        <div id=\"graph\">\n          <img\n            src=\"/images/icons/icon-graph.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"graph\",\n      tooltip: \"Graph\",\n    },\n  ];\n\n  const justifyTemplate = (option: any) => {\n    const m = parseSolidIconMeta(option.icon);\n    return m ? <SolidIcon name={m.name} spin={m.spin} /> : <i className={option.icon}></i>;\n  };\n\n\n  const save = () => {\n    const pathName = window.location.pathname;\n    const newPath = pathName.split('/').slice(0, -1).join('/') + '/create';\n\n    router.push(newPath);\n\n\n\n    // switch (pathParts[3]) {\n    //   case \"model\":\n    //     dispatch(showFieldsPopup());\n    //     break;\n    //   case \"module\":\n    //     dispatch(showModulePopup());\n    //     break;\n    // }\n  };\n\n\n\n  return (\n    <>\n      <div\n        className=\"flex justify-between items-center px-8 relative lg:static\"\n        style={{ height: \"60px\", minHeight: 60, backgroundColor: '#f6f6f9' }}\n      >\n        <div className=\"flex items-center\">\n          {/* <i className=\"pi pi-users\" style={{backgroundColor:\"#1D6CBC\"}}></i> */}\n          {/* <img src=\"/images/icons/icon-users.svg\" />\n                <span className=\"listHead ml-2\">Employees</span> */}\n          <div className=\"\">\n            {/* <SplitButton\n              label=\"Add\"\n              icon=\"pi pi-plus\"\n              onClick={save}\n              model={items}\n              severity=\"info\"\n              className=\"small-splitbutton\"\n            /> */}\n            {pathname.includes('all') &&\n              <HeaderDynamicTitles />\n            }\n          </div>\n        </div>\n        {/* <GlobalSearch /> */}\n        <div className=\"flex items-center\">\n\n          {/* <Button label=\"Show\" icon=\"pi pi-external-link\" onClick={() => setVisible(true)} /> */}\n\n          <div>\n            {/* <Menu model={items} popup ref={menu} /> */}\n            {pathname == \"/admin/address-master/states\" &&\n              <FilterMenu></FilterMenu>\n\n            }\n            {/* <Button\n              icon=\"pi pi-cog\"\n              className=\"transparent-background\"\n              onClick={toggleMenu}\n              aria-haspopup\n              aria-controls=\"popup_menu\"\n            /> */}\n          </div>\n        </div>\n        <div className=\"flex items-center\">\n          {/* <div>\n            {contextMenuOptions.map((option) => (\n              <Tooltip\n                key={option.value}\n                target={`#${option.value}`}\n                content={option.tooltip}\n                className=\"custom-tooltip\"\n              />\n            ))}\n            <SelectButton\n              value={value}\n              onChange={(e) => setValue(e.value)}\n              options={contextMenuOptions}\n              className=\"custom-select-button\"\n            />\n          </div> */}\n        </div>\n      </div>\n      {/* <CreateModule></CreateModule> */}\n    </>\n  );\n};\nexport default ListingHeader;\n"]}
+{"version":3,"file":"ListingHeader.js","sourceRoot":"","sources":["../../../src/components/layout/ListingHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useRef, useState } from \"react\";\nimport { Cog, Plus, RefreshCcw, Trash2 } from \"lucide-react\";\nimport { useDispatch, useSelector } from \"react-redux\";\n// import { RootState } from \"../../redux/store\";\nimport { gridView, listView } from \"../../redux/features/dataViewSlice\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { HeaderDynamicTitles } from \"../common/HeaderDynamicTitles\";\nimport FilterMenu from \"./FilterMenu\";\nimport { SolidIcon, parseSolidIconMeta } from \"../shad-cn-ui/SolidIcon\";\n\nconst ListingHeader = () => {\n  const dispatch = useDispatch();\n  const router = useRouter();\n  const pathname = usePathname();\n\n\n  const visibleFieldsPopup = useSelector(\n    (state: any) => state.popup.visibleFieldsPopup\n  );\n\n  const items = [\n    {\n      label: \"Settings\",\n      icon: <Cog size={14} aria-hidden />,\n      command: () => {\n      },\n    },\n    {\n      label: \"Update\",\n      icon: <RefreshCcw size={14} aria-hidden />,\n      command: () => {\n      },\n    },\n    {\n      label: \"Delete\",\n      icon: <Trash2 size={14} aria-hidden />,\n      command: () => {\n      },\n    },\n  ];\n  const [value, setValue] = useState(null);\n  const contextMenuOptions = [\n    {\n      label: (\n        <div id=\"kanban\" onClick={() => dispatch(gridView())}>\n          <img\n            src=\"/images/icons/icon-kanban.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"kanban\",\n      tooltip: \"Kanban\",\n    },\n    {\n      label: (\n        <div id=\"list_view\" onClick={() => dispatch(listView())}>\n          <img\n            src=\"/images/icons/icon-list.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"list_view\",\n      tooltip: \"List view\",\n    },\n    {\n      label: (\n        <div id=\"calender\">\n          <img\n            src=\"/images/icons/icon-calender.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"calender\",\n      tooltip: \"Calender\",\n    },\n    {\n      label: (\n        <div id=\"activity\">\n          <img\n            src=\"/images/icons/icon-activity.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"activity\",\n      tooltip: \"Activity\",\n    },\n    {\n      label: (\n        <div id=\"graph\">\n          <img\n            src=\"/images/icons/icon-graph.svg\"\n            style={{ width: \"18px\", height: \"18px\" }}\n          />\n        </div>\n      ),\n      value: \"graph\",\n      tooltip: \"Graph\",\n    },\n  ];\n\n  const justifyTemplate = (option: any) => {\n    if (React.isValidElement(option.icon)) {\n      return option.icon;\n    }\n    const m = parseSolidIconMeta(option.icon);\n    return m ? <SolidIcon name={m.name} spin={m.spin} /> : <i className={option.icon}></i>;\n  };\n\n\n  const save = () => {\n    const pathName = window.location.pathname;\n    const newPath = pathName.split('/').slice(0, -1).join('/') + '/create';\n\n    router.push(newPath);\n\n\n\n    // switch (pathParts[3]) {\n    //   case \"model\":\n    //     dispatch(showFieldsPopup());\n    //     break;\n    //   case \"module\":\n    //     dispatch(showModulePopup());\n    //     break;\n    // }\n  };\n\n\n\n  return (\n    <>\n      <div\n        className=\"flex justify-between items-center px-8 relative lg:static\"\n        style={{ height: \"60px\", minHeight: 60, backgroundColor: '#f6f6f9' }}\n      >\n        <div className=\"flex items-center\">\n          {/* <img src=\"/images/icons/icon-users.svg\" />\n                <span className=\"listHead ml-2\">Employees</span> */}\n          <div className=\"\">\n            {/* <SplitButton\n              label=\"Add\"\n              icon={<Plus size={14} aria-hidden />}\n              onClick={save}\n              model={items}\n              severity=\"info\"\n              className=\"small-splitbutton\"\n            /> */}\n            {pathname.includes('all') &&\n              <HeaderDynamicTitles />\n            }\n          </div>\n        </div>\n        {/* <GlobalSearch /> */}\n        <div className=\"flex items-center\">\n          <div>\n            {/* <Menu model={items} popup ref={menu} /> */}\n            {pathname == \"/admin/address-master/states\" &&\n              <FilterMenu></FilterMenu>\n\n            }\n            {/* <Button\n              icon={<Cog size={14} aria-hidden />}\n              className=\"transparent-background\"\n              onClick={toggleMenu}\n              aria-haspopup\n              aria-controls=\"popup_menu\"\n            /> */}\n          </div>\n        </div>\n        <div className=\"flex items-center\">\n          {/* <div>\n            {contextMenuOptions.map((option) => (\n              <Tooltip\n                key={option.value}\n                target={`#${option.value}`}\n                content={option.tooltip}\n                className=\"custom-tooltip\"\n              />\n            ))}\n            <SelectButton\n              value={value}\n              onChange={(e) => setValue(e.value)}\n              options={contextMenuOptions}\n              className=\"custom-select-button\"\n            />\n          </div> */}\n        </div>\n      </div>\n      {/* <CreateModule></CreateModule> */}\n    </>\n  );\n};\nexport default ListingHeader;\n"]}

package/dist/components/layout/ListingHeader.tsx

@@ -1,5 +1,6 @@
 
 import React, { useRef, useState } from "react";
+import { Cog, Plus, RefreshCcw, Trash2 } from "lucide-react";
 import { useDispatch, useSelector } from "react-redux";
 // import { RootState } from "../../redux/store";
 import { gridView, listView } from "../../redux/features/dataViewSlice";
@@ -22,19 +23,19 @@ const ListingHeader = () => {
   const items = [
     {
       label: "Settings",
-      icon: "pi pi-cog",
+      icon: <Cog size={14} aria-hidden />,
       command: () => {
       },
     },
     {
       label: "Update",
-      icon: "pi pi-refresh",
+      icon: <RefreshCcw size={14} aria-hidden />,
       command: () => {
       },
     },
     {
       label: "Delete",
-      icon: "pi pi-trash",
+      icon: <Trash2 size={14} aria-hidden />,
       command: () => {
       },
     },
@@ -104,6 +105,9 @@ const ListingHeader = () => {
   ];
 
   const justifyTemplate = (option: any) => {
+    if (React.isValidElement(option.icon)) {
+      return option.icon;
+    }
     const m = parseSolidIconMeta(option.icon);
     return m ? <SolidIcon name={m.name} spin={m.spin} /> : <i className={option.icon}></i>;
   };
@@ -136,13 +140,12 @@ const ListingHeader = () => {
         style={{ height: "60px", minHeight: 60, backgroundColor: '#f6f6f9' }}
       >
         <div className="flex items-center">
-          {/* <i className="pi pi-users" style={{backgroundColor:"#1D6CBC"}}></i> */}
           {/* <img src="/images/icons/icon-users.svg" />
                 <span className="listHead ml-2">Employees</span> */}
           <div className="">
             {/* <SplitButton
               label="Add"
-              icon="pi pi-plus"
+              icon={<Plus size={14} aria-hidden />}
               onClick={save}
               model={items}
               severity="info"
@@ -155,9 +158,6 @@ const ListingHeader = () => {
         </div>
         {/* <GlobalSearch /> */}
         <div className="flex items-center">
-
-          {/* <Button label="Show" icon="pi pi-external-link" onClick={() => setVisible(true)} /> */}
-
           <div>
             {/* <Menu model={items} popup ref={menu} /> */}
             {pathname == "/admin/address-master/states" &&
@@ -165,7 +165,7 @@ const ListingHeader = () => {
 
             }
             {/* <Button
-              icon="pi pi-cog"
+              icon={<Cog size={14} aria-hidden />}
               className="transparent-background"
               onClick={toggleMenu}
               aria-haspopup

package/dist/components/layout/navbar-one.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-one.d.ts","sourceRoot":"","sources":["../../../src/components/layout/navbar-one.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,SAAS,+CA6Nd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"navbar-one.d.ts","sourceRoot":"","sources":["../../../src/components/layout/navbar-one.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,SAAS,+CAiNd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/layout/navbar-one.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-one.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-one.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useGetSolidMenuBasedOnRoleQuery } from \"../../redux/api/solidMenuApi\";\nimport { setIsAuthenticated, setUser } from \"../../redux/features/userSlice\";\nimport { env } from \"../../adapters/env\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport NavbarTwoMenu from \"./navbar-two-menu\";\nimport UserProfileMenu from \"./user-profile-menu\";\nimport { SolidButton } from \"../shad-cn-ui\";\nimport { SolidIcon } from \"../shad-cn-ui/SolidIcon\";\n\nconst NavbarOne = () => {\n    const dispatch = useDispatch();\n    const [visibleNavbar, setVisibleNavbar] = useState(false);\n\n    const { data: menu } = useGetSolidMenuBasedOnRoleQuery(\"\");\n\n    const [currentMenu, setCurrentMenu] = useState();\n    const [currentMainMenu, setCurrentMainMenu] = useState();\n    const [searchTerm, setSearchTerm] = useState(\"\");\n\n    useEffect(() => {\n        if (menu) {\n            setCurrentMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.children);\n            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.title)\n        }\n    }, [menu])\n\n    const { data } = useSession();\n\n    // const handleToggle = () => setShow(!show);\n    const handleToggle = () => setVisibleNavbar(!visibleNavbar);\n    const handleMenu = (m: any) => {\n        // setShow(true);\n        setVisibleNavbar(!visibleNavbar);\n        setCurrentMainMenu(m.title);\n        setCurrentMenu(m.children);\n    };\n\n    useEffect(() => {\n        if (data) {\n            dispatch(setUser(data?.user));\n            dispatch(setIsAuthenticated(true));\n        }\n    }, [data]);\n\n    const [isSearchShow, setSearchShow] = useState(false);\n    const searchRef = useRef<HTMLDivElement>(null);\n\n    const handleClickOutside = (event: any) => {\n        if (searchRef.current && !searchRef.current.contains(event.target)) {\n            setSearchShow(false);\n        }\n    };\n\n    useEffect(() => {\n        if (isSearchShow) {\n            document.addEventListener(\"mousedown\", handleClickOutside);\n        } else {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n    }, [isSearchShow]);\n\n\n\n    return (\n        <div className=\"flex flex-col md:flex-row justify-between navBar\">\n\n            {/* commented this as this is not working properly @Jenendar to figure this out... */}\n            {currentMainMenu && (\n                <div>\n                    <a\n                        className={\n                            visibleNavbar\n                                ? \"navtwo-toggle active-menu-image\"\n                                : \"navtwo-toggle\"\n                        }\n                        onClick={handleToggle}\n                    >\n                        <img\n                            style={{ cursor: \"pointer\" }}\n                            src={`/images/menu-toggle.png`}\n                            alt=\"Solid\"\n                        />\n                    </a>\n                </div>\n            )}\n            <div className=\"navBarOne\">\n                <div>\n                    <div className=\"navbar-menu\">\n                        <>\n                            {menu && menu.data.length > 0 && menu.data.map((m: any) => (\n                                <div\n                                    key={m.title}\n                                    className={`menu-item ${currentMainMenu === m.title ? \"active-menu-image\" : \"\"}`}\n                                >\n                                    <a onClick={() => handleMenu(m)}>\n                                        <img\n                                            style={{ cursor: \"pointer\", width: '30px' }}\n                                            // src={currentMainMenu === m.title ? `/images/${m.title.toLocaleLowerCase()}-active.svg` : `/images/${m.title.toLocaleLowerCase()}.svg`}\n                                            // src={`/images/menu/${m.title}.svg`}\n                                            src={m.icon.startsWith(\"/\") ? m.icon : `${env(\"API_URL\")}/${m.icon}`}\n                                            // src={`/images/menu/app-builder.svg`}\n                                            alt=\"Solid\"\n                                        />\n                                    </a>\n                                </div>\n                            ))}\n                        </>\n                    </div>\n                </div>\n                <UserProfileMenu></UserProfileMenu>\n            </div>\n            {currentMenu && (\n                <div className={visibleNavbar ? \"show navBarTwo\" : \"hide navBarTwo\"}>\n                    <div className=\"flex relative justify-between items-center pt-6 px-4 pb-4 mb-4\">\n                        <div className=\"absolute bottom-0\" style={{ width: 50, height: 0.8, background: '#d8e2ea' }}></div>\n                        {!isSearchShow && <div className=\"text-base font-semibold\">{currentMainMenu && currentMainMenu}</div>}\n                        {isSearchShow === false && (\n                            <SolidButton\n                                variant=\"ghost\"\n                                size=\"sm\"\n                                aria-label=\"Search\"\n                                className=\"transparent-background min-w-0 rounded border border-[var(--surface-200)] px-2 py-1\"\n                                onClick={() => setSearchShow(true)}\n                                leftIcon={<SolidIcon name=\"si-search\" />}\n                            />\n                        )}\n                        {isSearchShow && (\n                            <div className=\"w-full\" style={{ position: 'relative' }} ref={searchRef}>\n                                <div className=\"input-icon inputDiv navtwo-searchbox\">\n                                    <SolidIcon name=\"si-search\" className=\"text-sm\" />\n                                    <input\n                                        type=\"text\"\n                                        placeholder=\"Search\"\n                                        className=\"small-input text-sm w-full pr-12\"\n                                        value={searchTerm}\n                                        onChange={(event) => setSearchTerm(event.target.value)}\n                                    />\n                                </div>\n                                <div className=\"absolute max-h-1rem\" style={{ top: 5, right: 5 }}>\n                                    <img\n                                        style={{ cursor: \"pointer\", maxHeight: '1.3rem' }}\n                                        src=\"/images/icons/jump-to-icon.png\"\n                                        alt=\"Solid\"\n                                    />\n                                </div>\n                            </div>\n                        )}\n                        {/* <div className=\"input-icon inputDiv navtwo-searchbox\">\n                            <i className=\"pi pi-search\" style={{ color: '#8D9199' }}></i>\n                            <input\n                                type=\"text\"\n                                placeholder=\"Jump to.\"\n                                name=\"lastName\"\n                                id=\"lastName\"\n                                onChange={(e) => setSearchTerm(e.target.value)}\n                                value={searchTerm}\n                                className=\"\"\n                            />\n                            <img\n                                style={{ cursor: \"pointer\" }}\n                                src=\"/images/icons/jump-to-icon.png\"\n                                alt=\"Solid\"\n                            />\n                        </div> */}\n                    </div>\n                    {/* <div className=\"flex flex-col md:flex-row navtwo-header justify-between\">\n            <div className=\"text-sm font-semibold\">{currentMainMenu && currentMainMenu}</div> */}\n                    {/* <a\n              className={\n                visibleNavbar\n                  ? \"navtwo-toggle active-menu-image\"\n                  : \"navtwo-toggle\"\n              }\n              onClick={handleToggle}\n            >\n              <img\n                style={{ cursor: \"pointer\" }}\n                src={`/images/menu-toggle.png`}\n                alt=\"Solid\"\n              />\n            </a> */}\n                    {/* </div>\n          <div className=\"p-inputgroup\"> */}\n                    {/* <div className=\"p-inputgroup navtwo-searchbox\">\n              \n              <span className=\"p-inputgroup-addon\">\n                <i className=\"pi pi-search\"></i>\n              </span>\n              <InputText\n                placeholder=\"Search\"\n                onChange={e => setSearchTerm(e.target.value)} \n                />\n              <span className=\"p-inputgroup-addon\">⌘+k</span>\n            </div> */}\n                    {/* <div className=\"input-icon inputDiv navtwo-searchbox\">\n              <i className=\"pi pi-search\" style={{ color: '#8D9199' }}></i>\n              <input\n                type=\"text\"\n                placeholder=\"Jump to.\"\n                name=\"lastName\"\n                id=\"lastName\"\n                onChange={(e) => setSearchTerm(e.target.value)}\n                value={searchTerm}\n                className=\"\"\n              />\n              <img\n                style={{ cursor: \"pointer\" }}\n                src=\"/images/icons/jump-to-icon.png\"\n                alt=\"Solid\"\n              />\n            </div> */}\n\n                    {/* <Button icon=\"pi pi-search\" className=\"p-button-outlined\" onClick={handleSearch} /> */}\n                    {/* </div> */}\n\n                    <div\n                        className={\n                            visibleNavbar ? \"navTwoMenuLayout px-2 show\" : \"navTwoMenuLayout hide\"\n                        }\n                    >\n                        <NavbarTwoMenu menuItems={currentMenu}></NavbarTwoMenu>\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default NavbarOne;\n"]}
+{"version":3,"file":"navbar-one.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-one.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useGetSolidMenuBasedOnRoleQuery } from \"../../redux/api/solidMenuApi\";\nimport { setIsAuthenticated, setUser } from \"../../redux/features/userSlice\";\nimport { env } from \"../../adapters/env\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport NavbarTwoMenu from \"./navbar-two-menu\";\nimport UserProfileMenu from \"./user-profile-menu\";\nimport { SolidButton } from \"../shad-cn-ui\";\nimport { SolidIcon } from \"../shad-cn-ui/SolidIcon\";\n\nconst NavbarOne = () => {\n    const dispatch = useDispatch();\n    const [visibleNavbar, setVisibleNavbar] = useState(false);\n\n    const { data: menu } = useGetSolidMenuBasedOnRoleQuery(\"\");\n\n    const [currentMenu, setCurrentMenu] = useState();\n    const [currentMainMenu, setCurrentMainMenu] = useState();\n    const [searchTerm, setSearchTerm] = useState(\"\");\n\n    useEffect(() => {\n        if (menu) {\n            setCurrentMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.children);\n            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.title)\n        }\n    }, [menu])\n\n    const { data } = useSession();\n\n    // const handleToggle = () => setShow(!show);\n    const handleToggle = () => setVisibleNavbar(!visibleNavbar);\n    const handleMenu = (m: any) => {\n        // setShow(true);\n        setVisibleNavbar(!visibleNavbar);\n        setCurrentMainMenu(m.title);\n        setCurrentMenu(m.children);\n    };\n\n    useEffect(() => {\n        if (data) {\n            dispatch(setUser(data?.user));\n            dispatch(setIsAuthenticated(true));\n        }\n    }, [data]);\n\n    const [isSearchShow, setSearchShow] = useState(false);\n    const searchRef = useRef<HTMLDivElement>(null);\n\n    const handleClickOutside = (event: any) => {\n        if (searchRef.current && !searchRef.current.contains(event.target)) {\n            setSearchShow(false);\n        }\n    };\n\n    useEffect(() => {\n        if (isSearchShow) {\n            document.addEventListener(\"mousedown\", handleClickOutside);\n        } else {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n    }, [isSearchShow]);\n\n\n\n    return (\n        <div className=\"flex flex-col md:flex-row justify-between navBar\">\n\n            {/* commented this as this is not working properly @Jenendar to figure this out... */}\n            {currentMainMenu && (\n                <div>\n                    <a\n                        className={\n                            visibleNavbar\n                                ? \"navtwo-toggle active-menu-image\"\n                                : \"navtwo-toggle\"\n                        }\n                        onClick={handleToggle}\n                    >\n                        <img\n                            style={{ cursor: \"pointer\" }}\n                            src={`/images/menu-toggle.png`}\n                            alt=\"Solid\"\n                        />\n                    </a>\n                </div>\n            )}\n            <div className=\"navBarOne\">\n                <div>\n                    <div className=\"navbar-menu\">\n                        <>\n                            {menu && menu.data.length > 0 && menu.data.map((m: any) => (\n                                <div\n                                    key={m.title}\n                                    className={`menu-item ${currentMainMenu === m.title ? \"active-menu-image\" : \"\"}`}\n                                >\n                                    <a onClick={() => handleMenu(m)}>\n                                        <img\n                                            style={{ cursor: \"pointer\", width: '30px' }}\n                                            // src={currentMainMenu === m.title ? `/images/${m.title.toLocaleLowerCase()}-active.svg` : `/images/${m.title.toLocaleLowerCase()}.svg`}\n                                            // src={`/images/menu/${m.title}.svg`}\n                                            src={m.icon.startsWith(\"/\") ? m.icon : `${env(\"API_URL\")}/${m.icon}`}\n                                            // src={`/images/menu/app-builder.svg`}\n                                            alt=\"Solid\"\n                                        />\n                                    </a>\n                                </div>\n                            ))}\n                        </>\n                    </div>\n                </div>\n                <UserProfileMenu></UserProfileMenu>\n            </div>\n            {currentMenu && (\n                <div className={visibleNavbar ? \"show navBarTwo\" : \"hide navBarTwo\"}>\n                    <div className=\"flex relative justify-between items-center pt-6 px-4 pb-4 mb-4\">\n                        <div className=\"absolute bottom-0\" style={{ width: 50, height: 0.8, background: '#d8e2ea' }}></div>\n                        {!isSearchShow && <div className=\"text-base font-semibold\">{currentMainMenu && currentMainMenu}</div>}\n                        {isSearchShow === false && (\n                            <SolidButton\n                                variant=\"ghost\"\n                                size=\"sm\"\n                                aria-label=\"Search\"\n                                className=\"transparent-background min-w-0 rounded border border-[var(--surface-200)] px-2 py-1\"\n                                onClick={() => setSearchShow(true)}\n                                leftIcon={<SolidIcon name=\"si-search\" />}\n                            />\n                        )}\n                        {isSearchShow && (\n                            <div className=\"w-full\" style={{ position: 'relative' }} ref={searchRef}>\n                                <div className=\"input-icon inputDiv navtwo-searchbox\">\n                                    <SolidIcon name=\"si-search\" className=\"text-sm\" />\n                                    <input\n                                        type=\"text\"\n                                        placeholder=\"Search\"\n                                        className=\"small-input text-sm w-full pr-12\"\n                                        value={searchTerm}\n                                        onChange={(event) => setSearchTerm(event.target.value)}\n                                    />\n                                </div>\n                                <div className=\"absolute max-h-1rem\" style={{ top: 5, right: 5 }}>\n                                    <img\n                                        style={{ cursor: \"pointer\", maxHeight: '1.3rem' }}\n                                        src=\"/images/icons/jump-to-icon.png\"\n                                        alt=\"Solid\"\n                                    />\n                                </div>\n                            </div>\n                        )}\n                        {/* <div className=\"input-icon inputDiv navtwo-searchbox\">\n                            <Search size={14} style={{ color: '#8D9199' }} aria-hidden />\n                            <input\n                                type=\"text\"\n                                placeholder=\"Jump to.\"\n                                name=\"lastName\"\n                                id=\"lastName\"\n                                onChange={(e) => setSearchTerm(e.target.value)}\n                                value={searchTerm}\n                                className=\"\"\n                            />\n                            <img\n                                style={{ cursor: \"pointer\" }}\n                                src=\"/images/icons/jump-to-icon.png\"\n                                alt=\"Solid\"\n                            />\n                        </div> */}\n                    </div>\n                    {/* <div className=\"flex flex-col md:flex-row navtwo-header justify-between\">\n            <div className=\"text-sm font-semibold\">{currentMainMenu && currentMainMenu}</div> */}\n                    {/* <a\n              className={\n                visibleNavbar\n                  ? \"navtwo-toggle active-menu-image\"\n                  : \"navtwo-toggle\"\n              }\n              onClick={handleToggle}\n            >\n              <img\n                style={{ cursor: \"pointer\" }}\n                src={`/images/menu-toggle.png`}\n                alt=\"Solid\"\n              />\n            </a> */}\n                    {/* </div> */}\n                    {/* <div className=\"input-icon inputDiv navtwo-searchbox\">\n              <Search size={14} style={{ color: '#8D9199' }} aria-hidden />\n              <input\n                type=\"text\"\n                placeholder=\"Jump to.\"\n                name=\"lastName\"\n                id=\"lastName\"\n                onChange={(e) => setSearchTerm(e.target.value)}\n                value={searchTerm}\n                className=\"\"\n              />\n              <img\n                style={{ cursor: \"pointer\" }}\n                src=\"/images/icons/jump-to-icon.png\"\n                alt=\"Solid\"\n              />\n            </div> */}\n\n                    {/* <Button leftIcon={<Search size={14} />} className=\"solid-btn--outline\" onClick={handleSearch} /> */}\n                    {/* </div> */}\n\n                    <div\n                        className={\n                            visibleNavbar ? \"navTwoMenuLayout px-2 show\" : \"navTwoMenuLayout hide\"\n                        }\n                    >\n                        <NavbarTwoMenu menuItems={currentMenu}></NavbarTwoMenu>\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default NavbarOne;\n"]}

package/dist/components/layout/navbar-one.tsx

@@ -152,7 +152,7 @@ const NavbarOne = () => {
                             </div>
                         )}
                         {/* <div className="input-icon inputDiv navtwo-searchbox">
-                            <i className="pi pi-search" style={{ color: '#8D9199' }}></i>
+                            <Search size={14} style={{ color: '#8D9199' }} aria-hidden />
                             <input
                                 type="text"
                                 placeholder="Jump to."
@@ -185,21 +185,9 @@ const NavbarOne = () => {
                 alt="Solid"
               />
             </a> */}
-                    {/* </div>
-          <div className="p-inputgroup"> */}
-                    {/* <div className="p-inputgroup navtwo-searchbox">
-              
-              <span className="p-inputgroup-addon">
-                <i className="pi pi-search"></i>
-              </span>
-              <InputText
-                placeholder="Search"
-                onChange={e => setSearchTerm(e.target.value)} 
-                />
-              <span className="p-inputgroup-addon">⌘+k</span>
-            </div> */}
+                    {/* </div> */}
                     {/* <div className="input-icon inputDiv navtwo-searchbox">
-              <i className="pi pi-search" style={{ color: '#8D9199' }}></i>
+              <Search size={14} style={{ color: '#8D9199' }} aria-hidden />
               <input
                 type="text"
                 placeholder="Jump to."
@@ -216,7 +204,7 @@ const NavbarOne = () => {
               />
             </div> */}
 
-                    {/* <Button icon="pi pi-search" className="p-button-outlined" onClick={handleSearch} /> */}
+                    {/* <Button leftIcon={<Search size={14} />} className="solid-btn--outline" onClick={handleSearch} /> */}
                     {/* </div> */}
 
                     <div