@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.10

package/dist/components/auth/SolidResetPassword.tsx

@@ -1,20 +1,15 @@
 import { useConfirmForgotPasswordMutation } from "../../redux/api/authApi";
 import { useFormik } from "formik";
-import Image from "../common/Image";
 import { useRouter } from "../../hooks/useRouter";
 import { useSearchParams } from "../../hooks/useSearchParams";
-import { Button } from "primereact/button";
-import { Message } from "primereact/message";
-import { Password } from "primereact/password";
-import { classNames } from "primereact/utils";
 import { useEffect } from "react";
 import { useDispatch } from 'react-redux';
 import * as Yup from "yup";
-import SolidLogo from '../../resources/images/SolidXLogo.svg'
 import { ERROR_MESSAGES } from "../../constants/error-messages";
 import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
 import { env } from "../../adapters/env";
 import { showToast } from "../../redux/features/toastSlice";
+import { SolidButton, SolidMessage, SolidPasswordInput } from "../shad-cn-ui";
 
 const SolidResetPassword = () => {
     const searchParams = useSearchParams();
@@ -91,38 +86,24 @@ const SolidResetPassword = () => {
     return (
         <>
             <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>
-                {solidSettingsData?.data?.authPagesLayout === 'center' &&
-                    <div className="flex justify-content-center">
-                        <div className={`solid-logo flex align-items-center ${solidSettingsData?.data?.appLogoPosition}`}>
-                            <Image
-                                alt="solid logo"
-                                src={solidSettingsData?.data?.appLogo || SolidLogo}
-                                className="relative"
-                                fill
-                            />
-                        </div>
-                    </div>
-                }
-                <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`}>Create New Password</h2>
+                <h2 className="solid-auth-title">Create new password</h2>
+                <p className="solid-auth-helper">Use a strong password for your account security</p>
                 {/* <p className="solid-auth-subtitle text-sm">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}
                 <form onSubmit={formik.handleSubmit}>
                     <div className="flex flex-column gap-2">
                         <label htmlFor="password" className="solid-auth-input-label">New Password</label>
-                        <Password
+                        <SolidPasswordInput
                             id="password"
                             name="password"
                             placeholder="***************"
                             value={formik.values.password}
                             onChange={formik.handleChange}
                             onBlur={formik.handleBlur}
-                            toggleMask
-                            className={classNames("", {
-                                "p-invalid": isFormFieldValid(formik, "password"),
-                            })}
-                            inputClassName="w-full"
-                            feedback={false}
+                            toggle
+                            className="w-full"
+                            aria-invalid={!!isFormFieldValid(formik, "password")}
                         />
-                        {isFormFieldValid(formik, "password") && <Message
+                        {isFormFieldValid(formik, "password") && <SolidMessage
                             className="text-red-500 text-sm"
                             severity="error"
                             text={formik?.errors?.password?.toString()}
@@ -130,21 +111,18 @@ const SolidResetPassword = () => {
                     </div>
                     <div className="flex flex-column gap-1 mt-4" style={{}}>
                         <label htmlFor="password" className="solid-auth-input-label">Confirm Password</label>
-                        <Password
+                        <SolidPasswordInput
                             id="confirmPassword"
                             name="confirmPassword"
                             placeholder="***************"
                             value={formik.values.confirmPassword}
                             onChange={formik.handleChange}
                             onBlur={formik.handleBlur}
-                            toggleMask
-                            className={classNames("", {
-                                "p-invalid": isFormFieldValid(formik, "confirmPassword"),
-                            })}
-                            inputClassName="w-full"
-                            feedback={false}
+                            toggle
+                            className="w-full"
+                            aria-invalid={!!isFormFieldValid(formik, "confirmPassword")}
                         />
-                        {isFormFieldValid(formik, "confirmPassword") && <Message
+                        {isFormFieldValid(formik, "confirmPassword") && <SolidMessage
                             className="text-red-500 text-sm"
                             severity="error"
                             text={formik?.errors?.confirmPassword?.toString()}
@@ -168,8 +146,8 @@ const SolidResetPassword = () => {
                                         <label htmlFor="remember" className="ml-2">Remember me</label>
                                     </div> */}
                     <div className="mt-4">
-                        <Button className="w-full font-light auth-submit-button" label="Reset Password" disabled={formik.isSubmitting} loading={formik.isSubmitting} />
-                        <Button type="button" label="Back" className="w-full auth-back-button text-center mt-1" link onClick={() => (window.location.href = '/auth/login')} />
+                        <SolidButton className="w-full font-light auth-submit-button" label="Reset Password" disabled={formik.isSubmitting} loading={formik.isSubmitting} type="submit" />
+                        <SolidButton type="button" label="Back" className="w-full auth-back-button text-center mt-1" text onClick={() => (window.location.href = '/auth/login')} />
                     </div>
                 </form>
             </div>

package/dist/components/common/AuthBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthBanner.js","sourceRoot":"","sources":["../../../src/components/common/AuthBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,IAAM,UAAU,GAAG;IACjB,OAAO,CACL,cACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,4BAA4B;YACxC,8CAA8C;YAC9C,cAAc,EAAE,OAAO;YACvB,SAAS,EAAE,GAAG,CAAC,6BAA6B,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SAClE,EACD,SAAS,EAAC,yBAAyB,YAEnC,cAAK,SAAS,EAAC,UAAU,YACvB,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,iDAAiD,YAC7D,GAAG,CAAC,iBAAiB,CAAC,GACnB,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC9C,GAAG,CAAC,mCAAmC,CAAC,GACrC,EACN,cAAK,SAAS,EAAC,MAAM,GASf,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AuthBanner.js","sourceRoot":"","sources":["../../../src/components/common/AuthBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,IAAM,UAAU,GAAG;IACjB,OAAO,CACL,cACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,4BAA4B;YACxC,8CAA8C;YAC9C,cAAc,EAAE,OAAO;YACvB,SAAS,EAAE,GAAG,CAAC,6BAA6B,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SAClE,EACD,SAAS,EAAC,yBAAyB,YAEnC,cAAK,SAAS,EAAC,UAAU,YACvB,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,iDAAiD,YAC7D,GAAG,CAAC,iBAAiB,CAAC,GACnB,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC9C,GAAG,CAAC,mCAAmC,CAAC,GACrC,EACN,cAAK,SAAS,EAAC,MAAM,GASf,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { env } from \"../../adapters/env\";\n\nconst AuthBanner = () => {\n  return (\n    <div\n      style={{\n        position: \"relative\",\n        width: \"100%\",\n        height: \"calc(100vh)\",\n        background: 'url(/images/loginhero.png)',\n        // background: 'url(/images/LoginBanner.png)',\n        backgroundSize: 'cover',\n        marginTop: env(\"ENABLE_CUSTOM_HEADER_FOOTER\") === \"true\" ? 70 : 0\n      }}\n      className=\"flex align-items-center\"\n    >\n      <div className=\"grid m-0\">\n        <div className=\"col-8 mx-auto\">\n          <div className=\"text-5xl text-white font-semibold line-height-3\">\n            {env(\"SOLID_APP_TITLE\")}\n          </div>\n          <div className=\"text-sm text-white line-height-3\">\n            {env(\"NEXT_PUBLIC_SOLID_APP_DESCRIPTION\")}\n          </div>\n          <div className=\"mt-5\">\n            {/* <AvatarGroup>\n              <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n              <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n              <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n              <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n              <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n              <Avatar label=\"60k+\" shape=\"circle\" size=\"large\" className=\"text-sm text-bold\" style={{ color: '#191866', backgroundColor: '#fff' }} />\n            </AvatarGroup> */}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default AuthBanner;\n"]}

package/dist/components/common/AutoCompleteField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteField.d.ts","sourceRoot":"","sources":["../../../src/components/common/AutoCompleteField.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,iBAAiB,2HAA4H,GAAG,4CAsE5J,CAAA"}
+{"version":3,"file":"AutoCompleteField.d.ts","sourceRoot":"","sources":["../../../src/components/common/AutoCompleteField.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,iBAAiB,2HAA4H,GAAG,4CAqE5J,CAAA"}

package/dist/components/common/AutoCompleteField.js

@@ -35,9 +35,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AutoComplete } from "primereact/autocomplete";
 import { useEffect, useState } from "react";
 import { getVirtualScrollerOptions } from "../../helpers/autoCompleteVirtualScroll";
+import { SolidAutocomplete } from "../shad-cn-ui";
 export var AutoCompleteField = function (_a) {
     var multiple = _a.multiple, isFormFieldValid = _a.isFormFieldValid, formik = _a.formik, fieldName = _a.fieldName, searchData = _a.searchData, existingData = _a.existingData, existingDataTitle = _a.existingDataTitle, existingDataId = _a.existingDataId, onBlur = _a.onBlur;
     var _b = useState(existingData), selectedItem = _b[0], setSelectedItem = _b[1];
@@ -60,7 +60,7 @@ export var AutoCompleteField = function (_a) {
             }
         });
     }); };
-    return (_jsx(AutoComplete, { value: selectedItem, multiple: multiple ? multiple : false, suggestions: filteredItem, invalid: isFormFieldValid(formik, fieldName), completeMethod: searchItems, 
+    return (_jsx(SolidAutocomplete, { value: selectedItem, multiple: multiple ? multiple : false, suggestions: filteredItem, completeMethod: searchItems, 
         // virtualScrollerOptions={{ itemSize: 38 }}
         virtualScrollerOptions: getVirtualScrollerOptions({
             itemsLength: filteredItem.length,

package/dist/components/common/AutoCompleteField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteField.js","sourceRoot":"","sources":["../../../src/components/common/AutoCompleteField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAIpF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAA2H;QAAzH,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,iBAAiB,uBAAA,EAAE,cAAc,oBAAA,EAAE,MAAM,YAAA;IAK5I,IAAA,KAAkC,QAAQ,CAAC,YAAY,CAAC,EAAvD,YAAY,QAAA,EAAE,eAAe,QAA0B,CAAC;IACzD,IAAA,KAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IACrD,SAAS,CAAC;QACN,IAAI,YAAY,EAAE;YACd,eAAe,CAAC,YAAY,CAAC,CAAA;YAC7B,iDAAiD;SAEpD;IACL,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAM,WAAW,GAAG,UAAO,KAAU;;;;wBACpB,qBAAM,UAAU,CAAC,KAAK,CAAC,EAAA;;oBAA9B,IAAI,GAAG,SAAuB;oBACpC,eAAe,CAAC,IAAI,CAAC,CAAC;;;;SACzB,CAAC;IAGF,OAAO,CAEH,KAAC,YAAY,IACT,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACrC,WAAW,EAAE,YAAY,EACzB,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,EAC5C,cAAc,EAAE,WAAW;QAC3B,4CAA4C;QAC5C,sBAAsB,EAAE,yBAAyB,CAAC;YAC9C,WAAW,EAAE,YAAY,CAAC,MAAM;SACjC,CAAC,EACJ,SAAS,EAAC,oCAAoC;QAC9C,WAAW;QACX,uBAAuB;QACvB,KAAK;QACL,KAAK,EAAC,OAAO,EACb,QAAQ,QACR,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAC,CAAC;YACR,IAAI,IAAI,GAAG,EAAE,CAAC;YAGd,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,QAAQ,EAAE;gBAC9B,IAAI,GAAG,CAAC,CAAC,KAAK,CAAA;aACjB;iBAAM;gBACH,IAAI,QAAQ,KAAK,IAAI,EAAE;oBACnB,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,CAAM;wBAC1B,OAAA,CAAC;4BACG,KAAK,EAAE,CAAC,CAAC,KAAK;4BACd,IAAI,EAAE,CAAC,CAAC,KAAK;4BACb,KAAK,EAAE,CAAC,CAAC,KAAK;4BACd,EAAE,EAAE,CAAC,CAAC,KAAK;yBACd,CAAC;oBALF,CAKE,CAAC,CAAA;iBACN;qBAAM;oBACH,IAAI,GAAG;wBACH,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;wBACpB,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;wBACnB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;wBACpB,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;qBACpB,CAAA;iBACJ;aACJ;YAGD,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC1C,CAAC,GACH,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { AutoComplete } from \"primereact/autocomplete\";\nimport { useEffect, useState } from \"react\";\nimport { getVirtualScrollerOptions } from \"../../helpers/autoCompleteVirtualScroll\";\n\n\n\nexport const AutoCompleteField = ({ multiple, isFormFieldValid, formik, fieldName, searchData, existingData, existingDataTitle, existingDataId, onBlur }: any) => {\n\n\n\n\n    const [selectedItem, setSelectedItem] = useState(existingData);\n    const [filteredItem, setFilteredItem] = useState([]);\n    useEffect(() => {\n        if (existingData) {\n            setSelectedItem(existingData)\n            // formik.setFieldValue(fieldName, existingData);\n\n        }\n    }, [existingData])\n    const searchItems = async (event: any) => {\n        const data = await searchData(event);\n        setFilteredItem(data);\n    };\n\n\n    return (\n\n        <AutoComplete\n            value={selectedItem}\n            multiple={multiple ? multiple : false}\n            suggestions={filteredItem}\n            invalid={isFormFieldValid(formik, fieldName)}\n            completeMethod={searchItems}\n            // virtualScrollerOptions={{ itemSize: 38 }}\n            virtualScrollerOptions={getVirtualScrollerOptions({\n                itemsLength: filteredItem.length,\n              })}\n            className=\"solid-standard-autocomplete w-full\"\n            // style={{\n            //     maxHeight: 39.67\n            // }}\n            field=\"label\"\n            dropdown\n            onBlur={onBlur}\n            onChange={(e) => {\n                let data = {};\n\n              \n                if (typeof (e.value) == \"string\") {\n                    data = e.value\n                } else {\n                    if (multiple === true) {\n                        data = e.value.map((m: any) =>\n                        ({\n                            label: m.label,\n                            name: m.label,\n                            value: m.value,\n                            id: m.value,\n                        }))\n                    } else {\n                        data = {\n                            label: e.value.label,\n                            name: e.value.label,\n                            value: e.value.value,\n                            id: e.value.value,\n                        }\n                    }\n                }\n\n\n                setSelectedItem(data);\n                formik.setFieldValue(fieldName, data);\n            }}\n        />\n    )\n}"]}
+{"version":3,"file":"AutoCompleteField.js","sourceRoot":"","sources":["../../../src/components/common/AutoCompleteField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAIlD,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAA2H;QAAzH,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,iBAAiB,uBAAA,EAAE,cAAc,oBAAA,EAAE,MAAM,YAAA;IAK5I,IAAA,KAAkC,QAAQ,CAAC,YAAY,CAAC,EAAvD,YAAY,QAAA,EAAE,eAAe,QAA0B,CAAC;IACzD,IAAA,KAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IACrD,SAAS,CAAC;QACN,IAAI,YAAY,EAAE;YACd,eAAe,CAAC,YAAY,CAAC,CAAA;YAC7B,iDAAiD;SAEpD;IACL,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAM,WAAW,GAAG,UAAO,KAAU;;;;wBACpB,qBAAM,UAAU,CAAC,KAAK,CAAC,EAAA;;oBAA9B,IAAI,GAAG,SAAuB;oBACpC,eAAe,CAAC,IAAI,CAAC,CAAC;;;;SACzB,CAAC;IAGF,OAAO,CAEH,KAAC,iBAAiB,IACd,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACrC,WAAW,EAAE,YAAY,EACzB,cAAc,EAAE,WAAW;QAC3B,4CAA4C;QAC5C,sBAAsB,EAAE,yBAAyB,CAAC;YAC9C,WAAW,EAAE,YAAY,CAAC,MAAM;SACjC,CAAC,EACJ,SAAS,EAAC,oCAAoC;QAC9C,WAAW;QACX,uBAAuB;QACvB,KAAK;QACL,KAAK,EAAC,OAAO,EACb,QAAQ,QACR,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAC,CAAC;YACR,IAAI,IAAI,GAAQ,EAAE,CAAC;YAGnB,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,QAAQ,EAAE;gBAC9B,IAAI,GAAG,CAAC,CAAC,KAAK,CAAA;aACjB;iBAAM;gBACH,IAAI,QAAQ,KAAK,IAAI,EAAE;oBACnB,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,CAAM;wBAC1B,OAAA,CAAC;4BACG,KAAK,EAAE,CAAC,CAAC,KAAK;4BACd,IAAI,EAAE,CAAC,CAAC,KAAK;4BACb,KAAK,EAAE,CAAC,CAAC,KAAK;4BACd,EAAE,EAAE,CAAC,CAAC,KAAK;yBACd,CAAC;oBALF,CAKE,CAAC,CAAA;iBACN;qBAAM;oBACH,IAAI,GAAG;wBACH,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;wBACpB,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;wBACnB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;wBACpB,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;qBACpB,CAAA;iBACJ;aACJ;YAGD,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC1C,CAAC,GACH,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { useEffect, useState } from \"react\";\nimport { getVirtualScrollerOptions } from \"../../helpers/autoCompleteVirtualScroll\";\nimport { SolidAutocomplete } from \"../shad-cn-ui\";\n\n\n\nexport const AutoCompleteField = ({ multiple, isFormFieldValid, formik, fieldName, searchData, existingData, existingDataTitle, existingDataId, onBlur }: any) => {\n\n\n\n\n    const [selectedItem, setSelectedItem] = useState(existingData);\n    const [filteredItem, setFilteredItem] = useState([]);\n    useEffect(() => {\n        if (existingData) {\n            setSelectedItem(existingData)\n            // formik.setFieldValue(fieldName, existingData);\n\n        }\n    }, [existingData])\n    const searchItems = async (event: any) => {\n        const data = await searchData(event);\n        setFilteredItem(data);\n    };\n\n\n    return (\n\n        <SolidAutocomplete\n            value={selectedItem}\n            multiple={multiple ? multiple : false}\n            suggestions={filteredItem}\n            completeMethod={searchItems}\n            // virtualScrollerOptions={{ itemSize: 38 }}\n            virtualScrollerOptions={getVirtualScrollerOptions({\n                itemsLength: filteredItem.length,\n              })}\n            className=\"solid-standard-autocomplete w-full\"\n            // style={{\n            //     maxHeight: 39.67\n            // }}\n            field=\"label\"\n            dropdown\n            onBlur={onBlur}\n            onChange={(e) => {\n                let data: any = {};\n\n              \n                if (typeof (e.value) == \"string\") {\n                    data = e.value\n                } else {\n                    if (multiple === true) {\n                        data = e.value.map((m: any) =>\n                        ({\n                            label: m.label,\n                            name: m.label,\n                            value: m.value,\n                            id: m.value,\n                        }))\n                    } else {\n                        data = {\n                            label: e.value.label,\n                            name: e.value.label,\n                            value: e.value.value,\n                            id: e.value.value,\n                        }\n                    }\n                }\n\n\n                setSelectedItem(data);\n                formik.setFieldValue(fieldName, data);\n            }}\n        />\n    )\n}\n"]}

package/dist/components/common/AutoCompleteField.tsx

@@ -1,8 +1,7 @@
 
-
-import { AutoComplete } from "primereact/autocomplete";
 import { useEffect, useState } from "react";
 import { getVirtualScrollerOptions } from "../../helpers/autoCompleteVirtualScroll";
+import { SolidAutocomplete } from "../shad-cn-ui";
 
 
 
@@ -28,11 +27,10 @@ export const AutoCompleteField = ({ multiple, isFormFieldValid, formik, fieldNam
 
     return (
 
-        <AutoComplete
+        <SolidAutocomplete
             value={selectedItem}
             multiple={multiple ? multiple : false}
             suggestions={filteredItem}
-            invalid={isFormFieldValid(formik, fieldName)}
             completeMethod={searchItems}
             // virtualScrollerOptions={{ itemSize: 38 }}
             virtualScrollerOptions={getVirtualScrollerOptions({
@@ -46,7 +44,7 @@ export const AutoCompleteField = ({ multiple, isFormFieldValid, formik, fieldNam
             dropdown
             onBlur={onBlur}
             onChange={(e) => {
-                let data = {};
+                let data: any = {};
 
               
                 if (typeof (e.value) == "string") {
@@ -76,4 +74,4 @@ export const AutoCompleteField = ({ multiple, isFormFieldValid, formik, fieldNam
             }}
         />
     )
-}
+}

package/dist/components/common/BackButton.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
-import { Button } from 'primereact/button';
+import { ArrowLeft } from "lucide-react";
+import { SolidButton } from "../shad-cn-ui";
 export var BackButton = function () {
     var router = useRouter();
     var pathname = usePathname();
@@ -39,7 +40,7 @@ export var BackButton = function () {
             }
             var storedView = sessionStorage.getItem("fromView");
             var fromView = "list";
-            if (storedView === "list" || storedView === "kanban") {
+            if (storedView === "list" || storedView === "kanban" || storedView === "card") {
                 fromView = storedView;
             }
             var targetView = fromView || "list";
@@ -51,6 +52,6 @@ export var BackButton = function () {
             router.back();
         }
     };
-    return (_jsx(Button, { text: true, icon: 'pi pi-arrow-left', size: "small", type: "button", "aria-label": "Back", onClick: handleGoBack, className: 'max-w-2rem bg-primary-reverse text-color solid-icon-button' }));
+    return (_jsx(SolidButton, { variant: "ghost", leftIcon: _jsx(ArrowLeft, { size: 14 }), size: "small", type: "button", "aria-label": "Back", onClick: handleGoBack, className: 'max-w-2rem bg-primary-reverse text-color solid-icon-button' }));
 };
 //# sourceMappingURL=BackButton.js.map

package/dist/components/common/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/components/common/BackButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,IAAM,UAAU,GAAG;IACtB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAErD,+BAA+B;IAC/B,0CAA0C;IAC1C,qDAAqD;IACrD,sBAAsB;IACtB,iCAAiC;IACjC,eAAe;IACf,6CAA6C;IAC7C,yBAAyB;IACzB,QAAQ;IACR,KAAK;IAGL,4EAA4E;IAE5E,oBAAoB;IACpB,2CAA2C;IAC3C,iEAAiE;IACjE,kEAAkE;IAClE,uCAAuC;IACvC,YAAY;IACZ,QAAQ;IACR,UAAU;IAEV,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;YAC3E,IAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC9B,+FAA+F;YAC/F,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBAC/B,IAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC5D,IAAI,aAAa,EAAE;oBACf,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;oBAC3B,OAAO;iBACV;aACJ;YAED,IAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACtD,IAAI,QAAQ,GAAG,MAAM,CAAA;YACrB,IAAI,UAAU,KAAK,MAAM,IAAI,UAAU,KAAK,QAAQ,EAAE;gBAClD,QAAQ,GAAG,UAAU,CAAC;aACzB;YACD,IAAM,UAAU,GAAG,QAAQ,IAAI,MAAM,CAAC;YACtC,IAAM,SAAS,GAAG,sBAAe,UAAU,cAAI,SAAS,cAAI,UAAU,CAAE,CAAC;YACzE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC1B;aAAM;YACH,kCAAkC;YAClC,MAAM,CAAC,IAAI,EAAE,CAAC;SACjB;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,MAAM,IACH,IAAI,QACJ,IAAI,EAAC,kBAAkB,EACvB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,gBACF,MAAM,EACjB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,4DAA4D,GACxE,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { Button } from 'primereact/button';\nimport { useEffect, useState } from 'react';\nexport const BackButton = () => {\n    const router = useRouter();\n    const pathname = usePathname();\n    const segments = pathname.split(\"/\").filter(Boolean);\n\n    // const handleGoBack = () => {\n    //     let fromView: string | null = null;\n    //     fromView = sessionStorage.getItem(\"fromView\");\n    //     if (fromView) {\n    //         router.push(fromView);\n    //     } else {\n    //         // fallback if path is not matched\n    //         router.back();\n    //     }\n    // };\n\n\n    // const [fromView, setFromView] = useState<\"list\" | \"kanban\" | null>(null);\n\n    // useEffect(() => {\n    //     if (typeof window !== \"undefined\") {\n    //         const storedView = sessionStorage.getItem(\"fromView\");\n    //         if (storedView === \"list\" || storedView === \"kanban\") {\n    //             setFromView(storedView);\n    //         }\n    //     }\n    // }, []);\n\n    const handleGoBack = () => {\n        if (segments.length >= 4 && segments[0] === \"admin\" && segments[1] === \"core\") {\n            const moduleName = segments[2];\n            const modelName = segments[3];\n            // Prefer a fully qualified stored return URL (preserves query params like actionId/actionName)\n            if (typeof window !== \"undefined\") {\n                const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n                if (storedFullUrl) {\n                    router.push(storedFullUrl);\n                    return;\n                }\n            }\n\n            const storedView = sessionStorage.getItem(\"fromView\");\n            let fromView = \"list\"\n            if (storedView === \"list\" || storedView === \"kanban\") {\n                fromView = storedView;\n            }\n            const targetView = fromView || \"list\";\n            const targetUrl = `/admin/core/${moduleName}/${modelName}/${targetView}`;\n            router.push(targetUrl);\n        } else {\n            // fallback if path is not matched\n            router.back();\n        }\n    };\n\n    return (\n        <Button\n            text\n            icon='pi pi-arrow-left'\n            size=\"small\"\n            type=\"button\"\n            aria-label=\"Back\"\n            onClick={handleGoBack}\n            className='max-w-2rem bg-primary-reverse text-color solid-icon-button'\n        />\n    )\n}\n"]}
+{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/components/common/BackButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,MAAM,CAAC,IAAM,UAAU,GAAG;IACtB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAErD,+BAA+B;IAC/B,0CAA0C;IAC1C,qDAAqD;IACrD,sBAAsB;IACtB,iCAAiC;IACjC,eAAe;IACf,6CAA6C;IAC7C,yBAAyB;IACzB,QAAQ;IACR,KAAK;IAGL,4EAA4E;IAE5E,oBAAoB;IACpB,2CAA2C;IAC3C,iEAAiE;IACjE,kEAAkE;IAClE,uCAAuC;IACvC,YAAY;IACZ,QAAQ;IACR,UAAU;IAEV,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;YAC3E,IAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC9B,+FAA+F;YAC/F,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBAC/B,IAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC5D,IAAI,aAAa,EAAE;oBACf,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;oBAC3B,OAAO;iBACV;aACJ;YAED,IAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACtD,IAAI,QAAQ,GAAG,MAAM,CAAA;YACrB,IAAI,UAAU,KAAK,MAAM,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,MAAM,EAAE;gBAC3E,QAAQ,GAAG,UAAU,CAAC;aACzB;YACD,IAAM,UAAU,GAAG,QAAQ,IAAI,MAAM,CAAC;YACtC,IAAM,SAAS,GAAG,sBAAe,UAAU,cAAI,SAAS,cAAI,UAAU,CAAE,CAAC;YACzE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC1B;aAAM;YACH,kCAAkC;YAClC,MAAM,CAAC,IAAI,EAAE,CAAC;SACjB;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACjC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,gBACF,MAAM,EACjB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,4DAA4D,GACxE,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { SolidButton } from \"../shad-cn-ui\";\nexport const BackButton = () => {\n    const router = useRouter();\n    const pathname = usePathname();\n    const segments = pathname.split(\"/\").filter(Boolean);\n\n    // const handleGoBack = () => {\n    //     let fromView: string | null = null;\n    //     fromView = sessionStorage.getItem(\"fromView\");\n    //     if (fromView) {\n    //         router.push(fromView);\n    //     } else {\n    //         // fallback if path is not matched\n    //         router.back();\n    //     }\n    // };\n\n\n    // const [fromView, setFromView] = useState<\"list\" | \"kanban\" | null>(null);\n\n    // useEffect(() => {\n    //     if (typeof window !== \"undefined\") {\n    //         const storedView = sessionStorage.getItem(\"fromView\");\n    //         if (storedView === \"list\" || storedView === \"kanban\") {\n    //             setFromView(storedView);\n    //         }\n    //     }\n    // }, []);\n\n    const handleGoBack = () => {\n        if (segments.length >= 4 && segments[0] === \"admin\" && segments[1] === \"core\") {\n            const moduleName = segments[2];\n            const modelName = segments[3];\n            // Prefer a fully qualified stored return URL (preserves query params like actionId/actionName)\n            if (typeof window !== \"undefined\") {\n                const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n                if (storedFullUrl) {\n                    router.push(storedFullUrl);\n                    return;\n                }\n            }\n\n            const storedView = sessionStorage.getItem(\"fromView\");\n            let fromView = \"list\"\n            if (storedView === \"list\" || storedView === \"kanban\" || storedView === \"card\") {\n                fromView = storedView;\n            }\n            const targetView = fromView || \"list\";\n            const targetUrl = `/admin/core/${moduleName}/${modelName}/${targetView}`;\n            router.push(targetUrl);\n        } else {\n            // fallback if path is not matched\n            router.back();\n        }\n    };\n\n    return (\n        <SolidButton\n            variant=\"ghost\"\n            leftIcon={<ArrowLeft size={14} />}\n            size=\"small\"\n            type=\"button\"\n            aria-label=\"Back\"\n            onClick={handleGoBack}\n            className='max-w-2rem bg-primary-reverse text-color solid-icon-button'\n        />\n    )\n}\n"]}

package/dist/components/common/BackButton.tsx

@@ -2,8 +2,8 @@
 
 import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
-import { Button } from 'primereact/button';
-import { useEffect, useState } from 'react';
+import { ArrowLeft } from "lucide-react";
+import { SolidButton } from "../shad-cn-ui";
 export const BackButton = () => {
     const router = useRouter();
     const pathname = usePathname();
@@ -47,7 +47,7 @@ export const BackButton = () => {
 
             const storedView = sessionStorage.getItem("fromView");
             let fromView = "list"
-            if (storedView === "list" || storedView === "kanban") {
+            if (storedView === "list" || storedView === "kanban" || storedView === "card") {
                 fromView = storedView;
             }
             const targetView = fromView || "list";
@@ -60,9 +60,9 @@ export const BackButton = () => {
     };
 
     return (
-        <Button
-            text
-            icon='pi pi-arrow-left'
+        <SolidButton
+            variant="ghost"
+            leftIcon={<ArrowLeft size={14} />}
             size="small"
             type="button"
             aria-label="Back"

package/dist/components/common/CancelButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CancelButton.d.ts","sourceRoot":"","sources":["../../../src/components/common/CancelButton.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY,+CAiBxB,CAAA;AAED,eAAO,MAAM,iBAAiB,+CAkC7B,CAAA"}
+{"version":3,"file":"CancelButton.d.ts","sourceRoot":"","sources":["../../../src/components/common/CancelButton.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,+CAmBxB,CAAA;AAED,eAAO,MAAM,iBAAiB,+CAoC7B,CAAA"}

package/dist/components/common/CancelButton.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
-import { Button } from 'primereact/button';
+import { X } from "lucide-react";
+import { SolidButton } from "../shad-cn-ui";
 export var CancelButton = function () {
     var router = useRouter();
     var pathname = usePathname(); // Get the current path
@@ -13,7 +14,7 @@ export var CancelButton = function () {
             router.back();
         }
     };
-    return (_jsx("div", { children: _jsx(Button, { outlined: true, size: "small", type: "button", label: "Close", onClick: handleGoBack, className: 'bg-primary-reverse', style: { minWidth: 66 } }) }));
+    return (_jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "small", type: "button", onClick: handleGoBack, className: 'bg-primary-reverse', style: { minWidth: 66 }, children: "Close" }) }));
 };
 export var SolidCancelButton = function () {
     var router = useRouter();
@@ -24,7 +25,7 @@ export var SolidCancelButton = function () {
             fromView = sessionStorage.getItem("fromView");
         }
         // Default to 'list' if not available
-        var view = fromView === "kanban" ? "kanban" : "list";
+        var view = fromView === "kanban" || fromView === "card" ? fromView : "list";
         // Navigate back to the previous path with the appropriate view type
         var newPath = pathname.replace(/\/form\/[^/]+$/, "/".concat(view));
         router.push(newPath);
@@ -36,6 +37,6 @@ export var SolidCancelButton = function () {
         //     router.back();
         // }
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { outlined: true, size: "small", type: "button", label: "Close", onClick: handleGoBack, className: 'bg-primary-reverse hidden lg:flex', style: { minWidth: 66 } }), _jsx(Button, { size: "small", type: "button", icon: "pi pi-times", onClick: handleGoBack, className: 'bg-primary-reverse solid-icon-button flex lg:hidden' })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(SolidButton, { variant: "outline", size: "small", type: "button", onClick: handleGoBack, className: 'bg-primary-reverse hidden lg:flex', style: { minWidth: 66 }, children: "Close" }), _jsx(SolidButton, { size: "small", type: "button", leftIcon: _jsx(X, { size: 14 }), onClick: handleGoBack, className: 'bg-primary-reverse solid-icon-button flex lg:hidden' })] }));
 };
 //# sourceMappingURL=CancelButton.js.map

package/dist/components/common/CancelButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelButton.js","sourceRoot":"","sources":["../../../src/components/common/CancelButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,kCAAkC;QACxF,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACrB,wGAAwG;YACxG,gFAAgF;YAChF,MAAM,CAAC,IAAI,EAAE,CAAA;SAChB;IACL,CAAC,CAAC;IACF,OAAO,CACH,wBACI,KAAC,MAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GACzI,CACT,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC7B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,GAAkB,IAAI,CAAC;QACnC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAC/B,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACjD;QAED,qCAAqC;QACrC,IAAM,IAAI,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;QAEvD,oEAAoE;QACpE,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,EAAE,WAAI,IAAI,CAAE,CAAC,CAAC;QAC/D,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,iDAAiD;QACjD,kBAAkB;QAClB,6BAA6B;QAC7B,WAAW;QACX,yCAAyC;QACzC,qBAAqB;QACrB,IAAI;IACR,CAAC,CAAC;IACF,OAAO,CACH,8BAGI,KAAC,MAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,mCAAmC,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,EAG1J,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,qDAAqD,GAAG,IAChJ,CACN,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { Button } from 'primereact/button';\n\n\nexport const CancelButton = () => {\n    const router = useRouter();\n    const pathname = usePathname(); // Get the current path\n\n    const handleGoBack = () => {\n        const segments = pathname.split('/').filter(Boolean); // Split and filter empty segments\n        if (segments.length > 1) {\n            // const newPath = '/' + segments.slice(0, -1).join('/') + '/all'; // Remove last segment and add \"/all\"\n            // router.push(newPath); // Navigate to the parent route with \"/all\"            \n            router.back()\n        }\n    };\n    return (\n        <div>\n            <Button outlined size=\"small\" type=\"button\" label=\"Close\" onClick={handleGoBack} className='bg-primary-reverse' style={{ minWidth: 66 }} />\n        </div>\n    )\n}\n\nexport const SolidCancelButton = () => {\n    const router = useRouter();\n    const pathname = usePathname(); // Get the current path\n\n    const handleGoBack = () => {\n        let fromView: string | null = null;\n        if (typeof window !== \"undefined\") {\n            fromView = sessionStorage.getItem(\"fromView\");\n        }\n\n        // Default to 'list' if not available\n        const view = fromView === \"kanban\" ? \"kanban\" : \"list\";\n\n        // Navigate back to the previous path with the appropriate view type\n        const newPath = pathname.replace(/\\/form\\/[^/]+$/, `/${view}`);\n        router.push(newPath);\n        // fromView = sessionStorage.getItem(\"fromView\");\n        // if (fromView) {\n        //     router.push(fromView);\n        // } else {\n        //     // fallback if path is not matched\n        //     router.back();\n        // }\n    };\n    return (\n        <>\n            {/* <div className=\"hidden lg:flex\"> */}\n            {/* <div> */}\n            <Button outlined size=\"small\" type=\"button\" label=\"Close\" onClick={handleGoBack} className='bg-primary-reverse hidden lg:flex' style={{ minWidth: 66 }} />\n            {/* </div> */}\n            {/* </div> */}\n            <Button size=\"small\" type=\"button\" icon=\"pi pi-times\" onClick={handleGoBack} className='bg-primary-reverse solid-icon-button flex lg:hidden' />\n        </>\n    )\n}\n\n"]}
+{"version":3,"file":"CancelButton.js","sourceRoot":"","sources":["../../../src/components/common/CancelButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,kCAAkC;QACxF,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACrB,wGAAwG;YACxG,gFAAgF;YAChF,MAAM,CAAC,IAAI,EAAE,CAAA;SAChB;IACL,CAAC,CAAC;IACF,OAAO,CACH,wBACI,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,sBAEzH,GACZ,CACT,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC7B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,GAAkB,IAAI,CAAC;QACnC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAC/B,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACjD;QAED,qCAAqC;QACrC,IAAM,IAAI,GAAG,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;QAE9E,oEAAoE;QACpE,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,EAAE,WAAI,IAAI,CAAE,CAAC,CAAC;QAC/D,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,iDAAiD;QACjD,kBAAkB;QAClB,6BAA6B;QAC7B,WAAW;QACX,yCAAyC;QACzC,qBAAqB;QACrB,IAAI;IACR,CAAC,CAAC;IACF,OAAO,CACH,8BAGI,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,mCAAmC,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,sBAExI,EAGd,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,qDAAqD,GAAG,IAC7J,CACN,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { X } from \"lucide-react\";\nimport { SolidButton } from \"../shad-cn-ui\";\n\n\nexport const CancelButton = () => {\n    const router = useRouter();\n    const pathname = usePathname(); // Get the current path\n\n    const handleGoBack = () => {\n        const segments = pathname.split('/').filter(Boolean); // Split and filter empty segments\n        if (segments.length > 1) {\n            // const newPath = '/' + segments.slice(0, -1).join('/') + '/all'; // Remove last segment and add \"/all\"\n            // router.push(newPath); // Navigate to the parent route with \"/all\"            \n            router.back()\n        }\n    };\n    return (\n        <div>\n            <SolidButton variant=\"outline\" size=\"small\" type=\"button\" onClick={handleGoBack} className='bg-primary-reverse' style={{ minWidth: 66 }}>\n                Close\n            </SolidButton>\n        </div>\n    )\n}\n\nexport const SolidCancelButton = () => {\n    const router = useRouter();\n    const pathname = usePathname(); // Get the current path\n\n    const handleGoBack = () => {\n        let fromView: string | null = null;\n        if (typeof window !== \"undefined\") {\n            fromView = sessionStorage.getItem(\"fromView\");\n        }\n\n        // Default to 'list' if not available\n        const view = fromView === \"kanban\" || fromView === \"card\" ? fromView : \"list\";\n\n        // Navigate back to the previous path with the appropriate view type\n        const newPath = pathname.replace(/\\/form\\/[^/]+$/, `/${view}`);\n        router.push(newPath);\n        // fromView = sessionStorage.getItem(\"fromView\");\n        // if (fromView) {\n        //     router.push(fromView);\n        // } else {\n        //     // fallback if path is not matched\n        //     router.back();\n        // }\n    };\n    return (\n        <>\n            {/* <div className=\"hidden lg:flex\"> */}\n            {/* <div> */}\n            <SolidButton variant=\"outline\" size=\"small\" type=\"button\" onClick={handleGoBack} className='bg-primary-reverse hidden lg:flex' style={{ minWidth: 66 }}>\n                Close\n            </SolidButton>\n            {/* </div> */}\n            {/* </div> */}\n            <SolidButton size=\"small\" type=\"button\" leftIcon={<X size={14} />} onClick={handleGoBack} className='bg-primary-reverse solid-icon-button flex lg:hidden' />\n        </>\n    )\n}\n"]}

package/dist/components/common/CancelButton.tsx

@@ -2,7 +2,8 @@
 
 import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
-import { Button } from 'primereact/button';
+import { X } from "lucide-react";
+import { SolidButton } from "../shad-cn-ui";
 
 
 export const CancelButton = () => {
@@ -19,7 +20,9 @@ export const CancelButton = () => {
     };
     return (
         <div>
-            <Button outlined size="small" type="button" label="Close" onClick={handleGoBack} className='bg-primary-reverse' style={{ minWidth: 66 }} />
+            <SolidButton variant="outline" size="small" type="button" onClick={handleGoBack} className='bg-primary-reverse' style={{ minWidth: 66 }}>
+                Close
+            </SolidButton>
         </div>
     )
 }
@@ -35,7 +38,7 @@ export const SolidCancelButton = () => {
         }
 
         // Default to 'list' if not available
-        const view = fromView === "kanban" ? "kanban" : "list";
+        const view = fromView === "kanban" || fromView === "card" ? fromView : "list";
 
         // Navigate back to the previous path with the appropriate view type
         const newPath = pathname.replace(/\/form\/[^/]+$/, `/${view}`);
@@ -52,11 +55,12 @@ export const SolidCancelButton = () => {
         <>
             {/* <div className="hidden lg:flex"> */}
             {/* <div> */}
-            <Button outlined size="small" type="button" label="Close" onClick={handleGoBack} className='bg-primary-reverse hidden lg:flex' style={{ minWidth: 66 }} />
+            <SolidButton variant="outline" size="small" type="button" onClick={handleGoBack} className='bg-primary-reverse hidden lg:flex' style={{ minWidth: 66 }}>
+                Close
+            </SolidButton>
             {/* </div> */}
             {/* </div> */}
-            <Button size="small" type="button" icon="pi pi-times" onClick={handleGoBack} className='bg-primary-reverse solid-icon-button flex lg:hidden' />
+            <SolidButton size="small" type="button" leftIcon={<X size={14} />} onClick={handleGoBack} className='bg-primary-reverse solid-icon-button flex lg:hidden' />
         </>
     )
 }
-

package/dist/components/common/CreateButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateButton.d.ts","sourceRoot":"","sources":["../../../src/components/common/CreateButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,+CAWxB,CAAA"}
+{"version":3,"file":"CreateButton.d.ts","sourceRoot":"","sources":["../../../src/components/common/CreateButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,+CAiBxB,CAAA"}

package/dist/components/common/CreateButton.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
-import { Button } from 'primereact/button';
+import { SolidButton } from "../shad-cn-ui";
 export var CreateButton = function () {
     var router = useRouter();
     var pathName = usePathname();
     var createPAth = pathName.split('/').slice(0, -1).join('/') + '/create';
-    return (_jsx("div", { children: _jsx(Button, { type: "button", label: "Add", size: 'small', onClick: function () { return router.push(createPAth); }, className: 'small-button' }) }));
+    return (_jsx("div", { children: _jsx(SolidButton, { type: "button", label: "Add", size: 'small', onClick: function () { return router.push(createPAth); }, className: 'small-button' }) }));
 };
 //# sourceMappingURL=CreateButton.js.map

package/dist/components/common/CreateButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateButton.js","sourceRoot":"","sources":["../../../src/components/common/CreateButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAE1E,OAAO,CACH,wBACI,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAvB,CAAuB,EAAE,SAAS,EAAC,cAAc,GAAG,GAChH,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { Button } from 'primereact/button';\n\nexport const CreateButton = () => {\n    const router = useRouter();\n    const pathName = usePathname();\n\n    const createPAth = pathName.split('/').slice(0, -1).join('/') + '/create';\n\n    return (\n        <div>\n            <Button type=\"button\" label=\"Add\" size='small' onClick={() => router.push(createPAth)} className='small-button' />\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"CreateButton.js","sourceRoot":"","sources":["../../../src/components/common/CreateButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAE1E,OAAO,CACH,wBACI,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,KAAK,EACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAvB,CAAuB,EACtC,SAAS,EAAC,cAAc,GAC1B,GACA,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { SolidButton } from \"../shad-cn-ui\";\n\nexport const CreateButton = () => {\n    const router = useRouter();\n    const pathName = usePathname();\n\n    const createPAth = pathName.split('/').slice(0, -1).join('/') + '/create';\n\n    return (\n        <div>\n            <SolidButton\n                type=\"button\"\n                label=\"Add\"\n                size='small'\n                onClick={() => router.push(createPAth)}\n                className='small-button'\n            />\n        </div>\n    )\n}\n"]}

package/dist/components/common/CreateButton.tsx

@@ -2,7 +2,7 @@
 
 import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
-import { Button } from 'primereact/button';
+import { SolidButton } from "../shad-cn-ui";
 
 export const CreateButton = () => {
     const router = useRouter();
@@ -12,7 +12,13 @@ export const CreateButton = () => {
 
     return (
         <div>
-            <Button type="button" label="Add" size='small' onClick={() => router.push(createPAth)} className='small-button' />
+            <SolidButton
+                type="button"
+                label="Add"
+                size='small'
+                onClick={() => router.push(createPAth)}
+                className='small-button'
+            />
         </div>
     )
 }

package/dist/components/common/DownloadProgressToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadProgressToast.d.ts","sourceRoot":"","sources":["../../../src/components/common/DownloadProgressToast.tsx"],"names":[],"mappings":"AAGA,OAAO,oBAAoB,CAAC;AAC5B,eAAO,MAAM,qBAAqB;cAQtB,MAAM;aACP,OAAO;aACP,MAAM,IAAI;;;;oDAwCpB,CAAC"}
+{"version":3,"file":"DownloadProgressToast.d.ts","sourceRoot":"","sources":["../../../src/components/common/DownloadProgressToast.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAE5B,eAAO,MAAM,qBAAqB;cAQtB,MAAM;aACP,OAAO;aACP,MAAM,IAAI;;;;oDA2CpB,CAAC"}

package/dist/components/common/DownloadProgressToast.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "primereact/button";
-import { ProgressBar } from "primereact/progressbar";
 import { useEffect } from "react";
+import { CheckCircle2, Download, X } from "lucide-react";
 import "./solid-export.css";
+import { SolidButton, SolidProgressBar } from "../shad-cn-ui";
 export var DownloadProgressToast = function (_a) {
     var progress = _a.progress, visible = _a.visible, onClose = _a.onClose, message = _a.message, submessage = _a.submessage, status = _a.status;
     useEffect(function () {
@@ -12,6 +12,6 @@ export var DownloadProgressToast = function (_a) {
     }, [progress]);
     if (!visible)
         return null;
-    return (_jsxs("div", { className: "SolidExportProgressToaster", children: [_jsxs("div", { className: "flex align-items-center justify-content-between gap-3", children: [_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M9 12.5H10V10.5H11C11.2833 10.5 11.5208 10.4042 11.7125 10.2125C11.9042 10.0208 12 9.78333 12 9.5V8.5C12 8.21667 11.9042 7.97917 11.7125 7.7875C11.5208 7.59583 11.2833 7.5 11 7.5H9V12.5ZM10 9.5V8.5H11V9.5H10ZM13 12.5H15C15.2833 12.5 15.5208 12.4042 15.7125 12.2125C15.9042 12.0208 16 11.7833 16 11.5V8.5C16 8.21667 15.9042 7.97917 15.7125 7.7875C15.5208 7.59583 15.2833 7.5 15 7.5H13V12.5ZM14 11.5V8.5H15V11.5H14ZM17 12.5H18V10.5H19V9.5H18V8.5H19V7.5H17V12.5ZM8 18C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H8ZM8 16H20V4H8V16ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V6H4V20H18V22H4Z", fill: status === "error" ? "red" : "#722ED1" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h2", { className: "text-lg font-semibold m-0 ".concat(status === "error" ? "text-red-500" : "ExportText"), children: message }), _jsx("p", { className: "text-sm ".concat(status === "error" ? "text-red-400" : "ExportText"), children: submessage })] }), status === "success" && (_jsx(Button, { label: "View Status", size: "small", className: "p-button-sm white-space-nowrap p-button-primary" })), _jsxs("svg", { onClick: onClose, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "20", height: "20", rx: "10", fill: "#F0F0F0" }), _jsx("path", { d: "M6.8 14L6 13.2L9.2 10L6 6.8L6.8 6L10 9.2L13.2 6L14 6.8L10.8 10L14 13.2L13.2 14L10 10.8L6.8 14Z", fill: "#4B4D52" })] })] }), status !== "error" && (_jsx(ProgressBar, { value: progress, showValue: false, className: "ExportCustomProgressbar mt-2" }))] }));
+    return (_jsxs("div", { className: "SolidExportProgressToaster", children: [_jsxs("div", { className: "solid-export-progress-head", children: [_jsx("div", { className: "solid-export-progress-icon ".concat(status === "error" ? "is-error" : "", " ").concat(status === "success" ? "is-success" : ""), children: status === "success" ? _jsx(CheckCircle2, { size: 18 }) : _jsx(Download, { size: 18 }) }), _jsxs("div", { className: "solid-export-progress-copy", children: [_jsx("h2", { className: "solid-export-progress-title ".concat(status === "error" ? "is-error" : ""), children: message }), _jsx("p", { className: "solid-export-progress-subtitle ".concat(status === "error" ? "is-error" : ""), children: submessage })] }), _jsx("button", { type: "button", className: "solid-export-progress-close", onClick: onClose, "aria-label": "Close export progress", children: _jsx(X, { size: 14 }) })] }), status !== "error" && (_jsx(SolidProgressBar, { value: progress, showValue: false, className: "ExportCustomProgressbar mt-2" })), status === "success" && (_jsx("div", { className: "solid-export-progress-actions", children: _jsx(SolidButton, { size: "small", variant: "outline", onClick: onClose, children: "Dismiss" }) }))] }));
 };
 //# sourceMappingURL=DownloadProgressToast.js.map

package/dist/components/common/DownloadProgressToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadProgressToast.js","sourceRoot":"","sources":["../../../src/components/common/DownloadProgressToast.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAC5C,OAAO,oBAAoB,CAAC;AAC5B,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAcrC;QAbC,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,MAAM,YAAA;IASN,SAAS,CAAC;QACR,IAAI,QAAQ,IAAI,GAAG,EAAE;YACnB,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aAC1C,eAAK,SAAS,EAAC,uDAAuD,aACnE,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YAC9F,eAAM,CAAC,EAAC,s1BAAs1B,EAAC,IAAI,EAAG,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA,SAAS,GAAG,GACx4B,EACN,eAAK,SAAS,EAAC,QAAQ,aACrB,aAAI,SAAS,EAAE,oCAA6B,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAE,YAC7F,OAAO,GACL,EACL,YAAG,SAAS,EAAE,kBAAW,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAE,YAC1E,UAAU,GACT,IACA,EACL,MAAM,KAAK,SAAS,IAAI,CACzB,KAAC,MAAM,IAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,iDAAiD,GAAG,CACtG,EACD,eAAK,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAChH,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAE,EACrD,eAAM,CAAC,EAAC,gGAAgG,EAAC,IAAI,EAAC,SAAS,GAAE,IACnH,IACF,EACL,MAAM,KAAK,OAAO,IAAI,CACrB,KAAC,WAAW,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAC,8BAA8B,GAAG,CAC5F,IACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Button } from \"primereact/button\";\nimport { ProgressBar } from \"primereact/progressbar\";\nimport { useEffect, useState } from \"react\";\nimport \"./solid-export.css\";\nexport const DownloadProgressToast = ({\n  progress,\n  visible,\n  onClose,\n  message,\n  submessage,\n  status\n}: {\n  progress: number;\n  visible: boolean;\n  onClose: () => void;\n  message?: string;\n  submessage?: string;\n  status?: string;\n}) => {\n  useEffect(() => {\n    if (progress >= 100) {\n      setTimeout(onClose, 2000);\n    }\n  }, [progress]);\n\n  if (!visible) return null;\n\n  return (\n    <div className=\"SolidExportProgressToaster\">\n     <div className=\"flex align-items-center justify-content-between gap-3\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M9 12.5H10V10.5H11C11.2833 10.5 11.5208 10.4042 11.7125 10.2125C11.9042 10.0208 12 9.78333 12 9.5V8.5C12 8.21667 11.9042 7.97917 11.7125 7.7875C11.5208 7.59583 11.2833 7.5 11 7.5H9V12.5ZM10 9.5V8.5H11V9.5H10ZM13 12.5H15C15.2833 12.5 15.5208 12.4042 15.7125 12.2125C15.9042 12.0208 16 11.7833 16 11.5V8.5C16 8.21667 15.9042 7.97917 15.7125 7.7875C15.5208 7.59583 15.2833 7.5 15 7.5H13V12.5ZM14 11.5V8.5H15V11.5H14ZM17 12.5H18V10.5H19V9.5H18V8.5H19V7.5H17V12.5ZM8 18C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H8ZM8 16H20V4H8V16ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V6H4V20H18V22H4Z\" fill={ status === \"error\" ? \"red\" :\"#722ED1\"}/>\n        </svg>\n        <div className=\"flex-1\">\n          <h2 className={`text-lg font-semibold m-0 ${status === \"error\" ? \"text-red-500\" : \"ExportText\"}`}>\n            {message}\n          </h2>\n          <p className={`text-sm ${status === \"error\" ? \"text-red-400\" : \"ExportText\"}`}>\n            {submessage}\n          </p>\n        </div>\n        {status === \"success\" && (  \n        <Button label=\"View Status\" size=\"small\" className=\"p-button-sm white-space-nowrap p-button-primary\" />\n        )}\n        <svg onClick={onClose} width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <rect width=\"20\" height=\"20\" rx=\"10\" fill=\"#F0F0F0\"/>\n        <path d=\"M6.8 14L6 13.2L9.2 10L6 6.8L6.8 6L10 9.2L13.2 6L14 6.8L10.8 10L14 13.2L13.2 14L10 10.8L6.8 14Z\" fill=\"#4B4D52\"/>\n        </svg>\n      </div>\n      {status !== \"error\" && (\n        <ProgressBar value={progress} showValue={false} className=\"ExportCustomProgressbar mt-2\" />\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"DownloadProgressToast.js","sourceRoot":"","sources":["../../../src/components/common/DownloadProgressToast.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9D,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAcrC;QAbC,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,MAAM,YAAA;IASN,SAAS,CAAC;QACR,IAAI,QAAQ,IAAI,GAAG,EAAE;YACnB,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,SAAS,EAAC,4BAA4B,aACzC,cAAK,SAAS,EAAE,qCAA8B,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,cAAI,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAE,YAC7H,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GACvE,EACN,eAAK,SAAS,EAAC,4BAA4B,aACzC,aAAI,SAAS,EAAE,sCAA+B,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE,YACjF,OAAO,GACL,EACL,YAAG,SAAS,EAAE,yCAAkC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE,YACnF,UAAU,GACT,IACA,EACN,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,OAAO,gBAAa,uBAAuB,YAChH,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,IACL,EACL,MAAM,KAAK,OAAO,IAAI,CACrB,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAC,8BAA8B,GAAG,CACjG,EACA,MAAM,KAAK,SAAS,IAAI,CACvB,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,wBAE9C,GACV,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useEffect } from \"react\";\nimport { CheckCircle2, Download, X } from \"lucide-react\";\nimport \"./solid-export.css\";\nimport { SolidButton, SolidProgressBar } from \"../shad-cn-ui\";\nexport const DownloadProgressToast = ({\n  progress,\n  visible,\n  onClose,\n  message,\n  submessage,\n  status\n}: {\n  progress: number;\n  visible: boolean;\n  onClose: () => void;\n  message?: string;\n  submessage?: string;\n  status?: string;\n}) => {\n  useEffect(() => {\n    if (progress >= 100) {\n      setTimeout(onClose, 2000);\n    }\n  }, [progress]);\n\n  if (!visible) return null;\n\n  return (\n    <div className=\"SolidExportProgressToaster\">\n      <div className=\"solid-export-progress-head\">\n        <div className={`solid-export-progress-icon ${status === \"error\" ? \"is-error\" : \"\"} ${status === \"success\" ? \"is-success\" : \"\"}`}>\n          {status === \"success\" ? <CheckCircle2 size={18} /> : <Download size={18} />}\n        </div>\n        <div className=\"solid-export-progress-copy\">\n          <h2 className={`solid-export-progress-title ${status === \"error\" ? \"is-error\" : \"\"}`}>\n            {message}\n          </h2>\n          <p className={`solid-export-progress-subtitle ${status === \"error\" ? \"is-error\" : \"\"}`}>\n            {submessage}\n          </p>\n        </div>\n        <button type=\"button\" className=\"solid-export-progress-close\" onClick={onClose} aria-label=\"Close export progress\">\n          <X size={14} />\n        </button>\n      </div>\n      {status !== \"error\" && (\n        <SolidProgressBar value={progress} showValue={false} className=\"ExportCustomProgressbar mt-2\" />\n      )}\n      {status === \"success\" && (\n        <div className=\"solid-export-progress-actions\">\n          <SolidButton size=\"small\" variant=\"outline\" onClick={onClose}>\n            Dismiss\n          </SolidButton>\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/components/common/DownloadProgressToast.tsx

@@ -1,7 +1,7 @@
-import { Button } from "primereact/button";
-import { ProgressBar } from "primereact/progressbar";
-import { useEffect, useState } from "react";
+import { useEffect } from "react";
+import { CheckCircle2, Download, X } from "lucide-react";
 import "./solid-export.css";
+import { SolidButton, SolidProgressBar } from "../shad-cn-ui";
 export const DownloadProgressToast = ({
   progress,
   visible,
@@ -27,28 +27,31 @@ export const DownloadProgressToast = ({
 
   return (
     <div className="SolidExportProgressToaster">
-     <div className="flex align-items-center justify-content-between gap-3">
-        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M9 12.5H10V10.5H11C11.2833 10.5 11.5208 10.4042 11.7125 10.2125C11.9042 10.0208 12 9.78333 12 9.5V8.5C12 8.21667 11.9042 7.97917 11.7125 7.7875C11.5208 7.59583 11.2833 7.5 11 7.5H9V12.5ZM10 9.5V8.5H11V9.5H10ZM13 12.5H15C15.2833 12.5 15.5208 12.4042 15.7125 12.2125C15.9042 12.0208 16 11.7833 16 11.5V8.5C16 8.21667 15.9042 7.97917 15.7125 7.7875C15.5208 7.59583 15.2833 7.5 15 7.5H13V12.5ZM14 11.5V8.5H15V11.5H14ZM17 12.5H18V10.5H19V9.5H18V8.5H19V7.5H17V12.5ZM8 18C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H8ZM8 16H20V4H8V16ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V6H4V20H18V22H4Z" fill={ status === "error" ? "red" :"#722ED1"}/>
-        </svg>
-        <div className="flex-1">
-          <h2 className={`text-lg font-semibold m-0 ${status === "error" ? "text-red-500" : "ExportText"}`}>
+      <div className="solid-export-progress-head">
+        <div className={`solid-export-progress-icon ${status === "error" ? "is-error" : ""} ${status === "success" ? "is-success" : ""}`}>
+          {status === "success" ? <CheckCircle2 size={18} /> : <Download size={18} />}
+        </div>
+        <div className="solid-export-progress-copy">
+          <h2 className={`solid-export-progress-title ${status === "error" ? "is-error" : ""}`}>
             {message}
           </h2>
-          <p className={`text-sm ${status === "error" ? "text-red-400" : "ExportText"}`}>
+          <p className={`solid-export-progress-subtitle ${status === "error" ? "is-error" : ""}`}>
             {submessage}
           </p>
         </div>
-        {status === "success" && (  
-        <Button label="View Status" size="small" className="p-button-sm white-space-nowrap p-button-primary" />
-        )}
-        <svg onClick={onClose} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <rect width="20" height="20" rx="10" fill="#F0F0F0"/>
-        <path d="M6.8 14L6 13.2L9.2 10L6 6.8L6.8 6L10 9.2L13.2 6L14 6.8L10.8 10L14 13.2L13.2 14L10 10.8L6.8 14Z" fill="#4B4D52"/>
-        </svg>
+        <button type="button" className="solid-export-progress-close" onClick={onClose} aria-label="Close export progress">
+          <X size={14} />
+        </button>
       </div>
       {status !== "error" && (
-        <ProgressBar value={progress} showValue={false} className="ExportCustomProgressbar mt-2" />
+        <SolidProgressBar value={progress} showValue={false} className="ExportCustomProgressbar mt-2" />
+      )}
+      {status === "success" && (
+        <div className="solid-export-progress-actions">
+          <SolidButton size="small" variant="outline" onClick={onClose}>
+            Dismiss
+          </SolidButton>
+        </div>
       )}
     </div>
   );