pixelize-design-library 2.1.11 → 2.1.12

package/dist/src/Components/Divider/Divider.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Divider as o}from"@chakra-ui/react";import{useCustomTheme as e}from"../../Theme/useCustomTheme.js";const t=()=>{const{colors:t}=e();return r(o,{orientation:"vertical",height:5,borderWidth:1.2,borderColor:t?.boxborder?.[500]})};export{t as default};

package/dist/src/Components/Drawer/Drawer.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e,Fragment as i}from"react/jsx-runtime";import n from"react";import{Drawer as t,DrawerOverlay as d,DrawerContent as o,DrawerCloseButton as a,DrawerHeader as l,DrawerBody as c,DrawerFooter as h}from"@chakra-ui/react";const p=({children:r})=>e(i,{children:r}),s=({children:r})=>e(i,{children:r}),m=({children:r})=>e(i,{children:r});function f({isOpen:i,onClose:f,placement:y="right",size:u="xl",id:x,variant:C="solid",children:w}){const D=r=>null!==r&&"object"==typeof r&&"type"in r,b=n.Children.toArray(w).find((r=>D(r)&&r.type===p)),A=n.Children.toArray(w).find((r=>D(r)&&r.type===s)),j=n.Children.toArray(w).find((r=>D(r)&&r.type===m));return r(t,{isOpen:i,placement:y,onClose:f,size:u,variant:C,id:x,children:[e(d,{}),r(o,{children:[e(a,{}),b&&e(l,{borderBottomWidth:"1px",children:b}),e(c,{children:A&&A}),j&&e(h,{borderTopWidth:"1px",children:j})]})]})}export{s as DrawerBody,m as DrawerFooter,p as DrawerHeader,f as default};

package/dist/src/Components/Dropdown/DropDown.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{forwardRef as r,useRef as t,useEffect as i}from"react";import{Box as n,useDisclosure as l,Button as s,Icon as a,Flex as d,List as c,ListItem as m}from"@chakra-ui/react";import{motion as p}from"framer-motion";import{useCustomTheme as u}from"../../Theme/useCustomTheme.js";import{ChevronDown as y}from"lucide-react";const g=p(r(((e,r)=>o(n,{ref:r,...e})))),h=r((({dropDownButtonStyle:r,ButtonText:p,options:h,handleOptionSelect:b,dropdownType:x="button",text:f,DropdownIcon:S,isVisibleIconShow:v=!0,buttonProps:w,headStyle:k,ListStyle:C,ItemStyle:I,LabelStyle:T,ImageStyle:z,optionsSize:B="lg",divider:L=!1},D)=>{const j=u(),{isOpen:E,onToggle:O,onClose:$}=l(),N=t(null);i((()=>{const o=o=>{N.current&&!N.current.contains(o.target)&&$()};return document.addEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o)}}),[N,$]);return e(n,{ref:N,position:"relative",display:"inline-block",children:[(()=>{const t=e(s,{onClick:O,style:{backgroundColor:j.colors.primary[500],...r},rightIcon:v?o(a,{as:y,transform:E?"rotate(180deg)":"rotate(0deg)"}):void 0,...w,children:[S,"   ",p]}),i=e(d,{onClick:O,align:"center",style:r,cursor:"pointer",children:[S," ",f,v&&o(a,{as:y})]});return"button"===x?t:i})(),E&&o(g,{ref:D,position:"absolute",zIndex:5,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},style:k,children:o(c,{bg:j.colors?.backgroundColor?.light,border:`1px solid ${j.colors?.gray[300]}`,borderRadius:j.radii.md,shadow:j.shadows.lg,py:2,mt:"0.2rem",minWidth:"200px",style:C,children:h.map((r=>e(m,{onClick:()=>{return o=r.id,e=r.label,$(),void b(o,e);var o,e},p:"sm"===B?1:2,px:2,_hover:{bg:j.colors.gray[100],color:j.colors.blue[500]},display:"flex",alignItems:"center",cursor:"pointer",style:I,borderBottom:L?`1px solid ${j.colors?.gray[300]}`:void 0,sx:{"&:last-child":{borderBottom:"none"}},children:[r?.image&&o(a,{as:r.image,boxSize:"sm"===B?"1.1rem":"1.5rem",mr:2,style:z}),o(n,{as:"span",fontSize:"sm"===B?"14px":"16px",isTruncated:!0,style:T,children:r.label})]},r.id)))})})]})}));h.displayName="Dropdown";export{h as default};

package/dist/src/Components/Editor/Editor.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import o from"jodit-react";function r({value:r,config:a,editorRef:n,className:t,onChange:f,onBlur:i}){return e(o,{config:a,value:r,ref:n,className:t,onChange:f,onBlur:i})}export{r as default};

package/dist/src/Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{HStack as n,PinInput as t,PinInputField as r}from"@chakra-ui/react";import{useCustomTheme as o}from"../../../Theme/useCustomTheme.js";import{MailCheck as l}from"lucide-react";function d({resendMail:d,onChange:c,onComplete:s,placeholder:a="",pins:m=5,description:h,title:p,isDisabled:u=!1,isInvalid:g=!1,styles:y}){const f=o();return e("div",{style:y,children:i("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"3%"},children:[e("div",{style:{padding:"3%"},children:e(l,{size:"100",color:f.colors.primary[500]})}),e("h1",{style:{fontSize:"2rem",fontWeight:"bold",marginBottom:"2%"},children:p}),i("p",{style:{textAlign:"center",marginBottom:"2%"},children:[h,e("br",{})," your new Pixel Account"]}),e("div",{style:{marginBottom:"2%"},children:e(n,{children:e(t,{placeholder:a,onChange:c,onComplete:s,isDisabled:u,isInvalid:g,children:Array.from({length:m}).map(((i,n)=>e(r,{},n)))})})}),i("p",{style:{textAlign:"center",marginBottom:"2%"},children:["Didn't receive the code?"," ",e("button",{onClick:()=>d(),style:{background:"none",color:f.colors.primary[700],border:"none",padding:"0",font:"inherit",cursor:"pointer",outline:"inherit"},children:"Resend Code"})]})]})})}export{d as default};

package/dist/src/Components/FileUpload/FileUpload.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as r,jsx as i}from"react/jsx-runtime";import o,{useCallback as n}from"react";import{useDisclosure as t,VStack as a,Box as l,Icon as s,Text as c,List as d,ListItem as p,HStack as m,ListIcon as h,CloseButton as g,Progress as f,Image as u}from"@chakra-ui/react";import{useDropzone as x}from"react-dropzone";import{Upload as y,Eye as b,FileText as z}from"lucide-react";import{useCustomTheme as S}from"../../Theme/useCustomTheme.js";import{toMB as j,mimeMap as F}from"./constants.js";import v,{ModalHeader as R,ModalBody as w}from"../Modal/Modal.js";const C=({onFilesUploaded:C,uploadedFiles:$,onRemoveFile:U,acceptTypes:O=[".jpg",".png"],maxSizeKB:k=5,maxFiles:L,progress:M={}})=>{const{colors:T}=S(),{isOpen:W,onOpen:D,onClose:I}=t(),[P,A]=o.useState(null),[_,B]=o.useState(null),[H,K]=o.useState([]),N=T?.gray?.[50],Y=T?.gray?.[300],q=O.reduce(((e,r)=>{const i=F[r];return i&&(e[i]=[]),e}),{}),E=n((e=>{K([]);const r=$.length+e.length;L&&r>L?K([`Maximum ${L} files allowed. You already uploaded ${$.length}.`]):C(e)}),[C,$,L]),{getRootProps:G,getInputProps:J}=x({onDrop:E,accept:q,maxSize:1024*k,maxFiles:L,onDropRejected:e=>{const r=e.flatMap((e=>e.errors.map((r=>"file-too-large"===r.code?`File "${e.file.name}" is too large. Max size is ${j(k)}.`:"file-invalid-type"===r.code?`File "${e.file.name}" is not an accepted file type.`:`File "${e.file.name}" was rejected: ${r.message}`))));K(r)}});return e(r,{children:[e(a,{spacing:4,align:"stretch",children:[e(l,{...G(),border:"2px dashed",borderColor:Y,borderRadius:"md",p:10,textAlign:"center",bg:N,cursor:"pointer",transition:"all 0.2s",_hover:{bg:T?.gray?.[100]},position:"relative",children:[i("input",{...J()}),e(a,{spacing:2,children:[i(s,{as:y,boxSize:6}),i(c,{fontWeight:"medium",children:"Drag and drop files here"}),e(c,{fontSize:"sm",color:T?.gray?.[500],children:[O.join(", ")," up to ",j(k)," ",L?`- ${L} file(s) max`:""]})]})]}),H.length>0&&i(l,{children:H.map(((e,r)=>i(c,{fontSize:"sm",color:T?.red?.[600],children:e},r)))}),$.length>0&&e(l,{children:[i(l,{display:"flex",alignItems:"center",gap:2,children:i(c,{fontFamily:"open-sans, sans-serif",fontWeight:600,fontSize:14,lineHeight:"100%",letterSpacing:"4%",textTransform:"uppercase",py:4,children:"Uploaded Files"})}),i(d,{spacing:2,children:$.map(((r,o)=>e(l,{borderWidth:"0.063rem",borderRadius:"md",px:3,py:2,bg:T?.white,children:[e(p,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[e(m,{spacing:3,flex:"1",children:[r.type.startsWith("image/")?e(l,{boxSize:"2.5rem",cursor:"pointer",position:"relative",_hover:{".hover-icon":{opacity:1,bg:T?.secondary?.opacity?.[16]}},onClick:()=>{A(URL.createObjectURL(r)),B(r.name),D()},children:[i("img",{src:URL.createObjectURL(r),alt:r.name,style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:"0.25rem"}}),i(l,{className:"hover-icon",position:"absolute",top:"0.5rem",left:"0.5rem",opacity:0,children:i(b,{color:T?.background?.[100]})})]}):i(h,{as:z,color:T?.blue?.[500],boxSize:8}),e(a,{align:"start",spacing:0,flex:"1",children:[i(c,{fontSize:"sm",noOfLines:1,children:r.name}),e(c,{fontSize:"xs",color:T?.gray?.[500],children:[j(r.size/1024)," •"," ",r.type||"Unknown type"]})]})]}),U&&i(g,{onClick:()=>U(r),size:"sm",color:T?.red?.[600]})]}),void 0!==M?.[r.name]&&i(f,{value:M?.[r.name],size:"xs",mt:1,hasStripe:M?.[r.name]<100,isAnimated:M?.[r.name]<100,colorScheme:M?.[r.name]>=100?"green":"blue",borderRadius:5})]},o)))})]})]}),e(v,{isOpen:W,onClose:()=>{I(),A(null),B(null)},size:"xl",isCentered:!0,children:[i(R,{children:i(c,{fontFamily:"open-sans, sans-serif",fontWeight:600,fontSize:16,textTransform:"uppercase",children:_})}),i(w,{children:P&&i(u,{src:P,alt:"Preview",w:"100%",h:"auto",objectFit:"contain"})})]})]})};export{C as default};

package/dist/src/Components/FileUpload/constants.js

@@ -0,0 +1 @@
+const p={".jpg":"image/jpeg",".jpeg":"image/jpeg",".png":"image/png",".gif":"image/gif",".webp":"image/webp",".svg":"image/svg+xml",".pdf":"application/pdf",".doc":"application/msword",".docx":"application/vnd.openxmlformats-officedocument.wordprocessingml.document",".xls":"application/vnd.ms-excel",".xlsx":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",".ppt":"application/vnd.ms-powerpoint",".pptx":"application/vnd.openxmlformats-officedocument.presentationml.presentation",".txt":"text/plain",".mp4":"video/mp4",".mov":"video/quicktime",".mp3":"audio/mpeg",".wav":"audio/wav",".zip":"application/zip",".rar":"application/vnd.rar",".7z":"application/x-7z-compressed"},i=p=>`${(p/1024).toFixed(2)} MB`;export{p as mimeMap,i as toMB};

package/dist/src/Components/Form/FormWrapper.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Box as o,Icon as t}from"@chakra-ui/react";import{useCustomTheme as i}from"../../Theme/useCustomTheme.js";const a=({icon:a,text:m,children:n})=>{const{colors:s}=i();return e(o,{children:[e(o,{display:"flex",alignItems:"center",gap:2,mb:2,children:[a&&r(t,{as:a,size:"1rem",color:s?.header?.[500]}),m&&r(o,{fontFamily:"open-sans, sans-serif",fontWeight:600,fontSize:12,lineHeight:"100%",letterSpacing:"4%",textTransform:"uppercase",color:s?.header?.[500],children:m})]}),r(o,{borderRadius:"0.25rem",bg:s?.white,border:`0.075rem solid ${s?.border?.[500]}`,boxShadow:`0 0.063rem 0.125rem 0 ${s?.boxShadow?.primary}`,p:"1.5rem",children:n})]})};export{a as default};

package/dist/src/Components/Header/Header.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useDisclosure as r,Box as t,Flex as n,HStack as i,IconButton as l}from"@chakra-ui/react";import{X as c,MenuIcon as s}from"lucide-react";import{useState as m}from"react";import{useCustomTheme as a}from"../../Theme/useCustomTheme.js";import u from"./components/desktopMenu.js";import p from"./components/mobileMenu.js";const d=({logo:d,menuItems:g,rightSlot:h,active:f,colors:v})=>{const{isOpen:y,onOpen:x,onClose:b}=r(),[j,I]=m(null),{colors:M}=a(),k=v?.bg??M?.gray?.[700],B=v?.color??M?.background?.[100],C=v?.active??M?.primary?.[400],O=v?.hover??M?.gray?.[500],S=e=>e&&f===e;return e(t,{bg:k,color:B,px:4,shadow:"md",zIndex:1e3,children:[e(n,{h:16,align:"center",mx:"auto",children:[o(t,{cursor:"pointer",children:d}),o(u,{menuItems:g,rightSlot:h,setHoveredMenu:I,isActive:S,activeBg:C,hoveredMenu:j,hoverBg:O,color:B}),o(i,{spacing:4,display:{base:"none",md:"flex"},children:h}),o(l,{variant:"unstyled",icon:o(t,{display:"flex",alignItems:"center",justifyContent:"center",w:"full",h:"full",children:o(y?c:s,{size:20})}),"aria-label":"Toggle Menu",display:{md:"none"},onClick:y?b:x})]}),o(p,{menuItems:g,isOpen:y,isActive:S,hoverBg:O,activeBg:C,color:B,rightSlot:h})]})};export{d as default};

package/dist/src/Components/Header/HeaderActions.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Box as t,Text as o}from"@chakra-ui/react";import l from"react";import{SquarePen as i,CirclePlus as a}from"lucide-react";import{useCustomTheme as c}from"../../Theme/useCustomTheme.js";import n from"../Select/Select.js";import s from"../Divider/Divider.js";const m=({select:m,edit:d,create:p})=>{const{colors:h}=c(),u=[];return m?.isSelect&&u.push(e(n,{options:m.options??[],placeholder:m.selectPlaceholderText,width:m.width??"12.5rem",onChange:e=>m.onSelectChange?.(e),value:m.value},"select")),d?.isEditable&&u.push(r(t,{display:"flex",alignItems:"center",gap:"0.375rem",cursor:"pointer",fontSize:14,onClick:()=>d.onEdit?.(),children:[e(i,{size:20,color:h?.text?.[500]}),e(o,{color:h?.secondary?.[500],children:d.label?d.label:"Edit Layout"})]},"edit")),p?.isCreatable&&u.push(r(t,{display:"flex",alignItems:"center",gap:"0.375rem",cursor:"pointer",fontSize:14,onClick:()=>p.onCreate?.(),children:[e(a,{size:20,color:h?.text?.[500]}),r(o,{color:h?.secondary?.[500],children:[" ",p.label?p.label:"Create New"," "]})]},"create")),e(t,{display:"flex",alignItems:"center",gap:"0.625rem",children:u.map(((t,o)=>r(l.Fragment,{children:[o>0&&e(s,{}),t]},o)))})};export{m as default};

package/dist/src/Components/Header/components/desktopMenu.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{HStack as l,Box as n,Button as o,VStack as i,Badge as a,Text as t,Collapse as c,Stack as d}from"@chakra-ui/react";import{ChevronDown as h}from"lucide-react";import{useCustomTheme as s}from"../../../Theme/useCustomTheme.js";const m=({menuItems:m,rightSlot:b,setHoveredMenu:g,isActive:u,activeBg:p,hoveredMenu:f,hoverBg:v,color:S})=>{const{colors:k}=s();return e(l,{spacing:6,align:"center",display:{base:"none",md:"flex"},mx:b?"auto":0,children:m.map((l=>{const s=!!l.children,m=f===l.label;return r(n,{position:"relative",onMouseEnter:()=>s&&g(l.label),onMouseLeave:()=>s&&g(null),children:[e(o,{variant:"ghost",onClick:l.onClick,rightIcon:s?e(h,{size:14}):void 0,bg:u(l.href)?p:"transparent",_hover:{bg:v},color:S,children:r(i,{spacing:0,children:[l.badge&&e(a,{colorScheme:l?.badge?.colorScheme??"blue",fontSize:"0.6em",children:l.badge?.label}),e(t,{children:l.label})]})}),s&&e(c,{in:m,animateOpacity:!0,children:e(n,{position:"absolute",top:"100%",bg:k?.white,color:k?.black,rounded:"md",shadow:"md",minW:"10rem",zIndex:10,children:e(d,{spacing:1,p:2,children:l.children?.map((l=>e(o,{onClick:l.onClick,variant:"ghost",justifyContent:"flex-start",w:"full",bg:u(l.href)?p:"transparent",_hover:{bg:v},children:r(i,{spacing:0,align:"start",children:[l.badge&&e(a,{colorScheme:l?.badge?.colorScheme??"blue",fontSize:"0.6em",alignItems:"end",children:l.badge?.label}),e(t,{children:l.label})]})},l.label)))})})})]},l.label)}))})};export{m as default};

package/dist/src/Components/Header/components/mobileMenu.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{Collapse as r,Box as i,Stack as n,VStack as a,Badge as c,Text as t,Button as o}from"@chakra-ui/react";const h=({menuItems:h,isOpen:d,isActive:b,hoverBg:g,activeBg:m,color:s,rightSlot:p})=>e(r,{in:d,animateOpacity:!0,children:e(i,{pb:4,display:{md:"none"},children:l(n,{spacing:4,children:[h.map((r=>r.children?l(i,{px:2,children:[l(a,{spacing:0,align:"start",children:[r.badge&&e(c,{colorScheme:r?.badge?.colorScheme??"blue",fontSize:"0.6em",children:r.badge.label}),e(t,{fontWeight:"medium",children:r.label})]}),e(n,{pl:4,mt:1,children:r.children.map((r=>e(o,{onClick:r.onClick,variant:"ghost",w:"full",justifyContent:"flex-start",color:s,bg:b(r.href)?m:"transparent",_hover:{bg:g},children:l(a,{spacing:0,align:"start",children:[r.badge&&e(c,{colorScheme:r?.badge?.colorScheme??"blue",fontSize:"0.6em",children:r.badge?.label}),e(t,{children:r.label})]})},r.label)))})]},r.label):e(o,{onClick:r.onClick,variant:"ghost",w:"full",justifyContent:"flex-start",color:s,bg:b(r.href)?m:"transparent",_hover:{bg:g},children:l(a,{spacing:0,align:"start",children:[r.badge&&e(c,{colorScheme:r?.badge?.colorScheme??"blue",fontSize:"0.6em",children:r.badge?.label}),e(t,{children:r.label})]})},r.label))),p&&e(i,{mt:4,children:p})]})})});export{h as default};

package/dist/src/Components/Input/TextInput.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import i,{forwardRef as t}from"react";import{FormControl as r,InputGroup as n,InputLeftElement as l,Input as a,InputRightElement as m}from"@chakra-ui/react";import{TextLabel as s}from"../Common/FormLabel.js";import p from"../Common/HelperText.js";import c from"../Common/ErrorMessage.js";const h=t((({label:i,type:t="text",id:h,name:d,onChange:u,onBlur:f,onFocus:g,isDisabled:y=!1,isReadOnly:C=!1,isRequired:x=!1,value:I,placeholder:v="Placeholder",width:R="100%",height:b="2.75rem",error:k,errorMessage:E,helperText:M,onRightIconclick:j,inputRightIcon:S,inputLeftIcon:T,onLeftIconClick:W,inputGroupStyle:F,inputStyle:L,size:q="md",isInformation:w=!1,informationMessage:z,leftElementStyle:B,rightElementStyle:D,autoComplete:O,minW:G,maxW:H,...N},P)=>e(r,{w:R,minW:G,maxW:H,children:[i&&o(s,{label:i,id:h,isInformation:w,informationMessage:z,isRequired:x}),e(n,{style:F,height:b,children:[T&&o(l,{onClick:W,pointerEvents:W?"auto":"none",...B,children:T}),o(a,{type:t,placeholder:v,onChange:u,onBlur:f,onFocus:g,value:I,isDisabled:y,isReadOnly:C,id:h,name:d,size:q,height:b,isInvalid:k,ref:P,autoComplete:O,...L,...N}),S&&o(m,{onClick:j,pointerEvents:j?"auto":"none",...D,children:S})]}),k&&o(c,{errorMessage:E}),M&&!k&&o(p,{helperText:M})]})));h.displayName="TextInput";var d=i.memo(h);export{d as default};

package/dist/src/Components/Input/TextInput.styles.js

@@ -0,0 +1 @@
+const o={baseStyle:{field:{fontWeight:500,fontSize:"0.875rem",letterSpacing:"0.044rem",pt:"0.813rem",pb:"0.813rem",borderRadius:"0.25rem",_placeholder:{fontStyle:"italic"}}},sizes:{md:{field:{h:"2.75rem",fontSize:"0.875rem"}}},variants:{outline:o=>{const{theme:r}=o,e=r.colors.semantic?.error?.[500]??"red.500",l=r.colors.boxborder?.[500]??"gray.300",d=r.colors.boxShadow?.primary??"blue.100",i=r.colors.boxShadow?.error??"red.100",a=r.colors.primary?.[500]??"blue.500";return{field:{bg:r.colors.gray?.[50]??"gray.50",border:"0.063rem solid",borderColor:l,_hover:{borderColor:a,outline:"0"},_focus:{borderColor:a,boxShadow:`0 0 0 0.125rem ${d}`,outline:"0"},_invalid:{borderColor:e,boxShadow:`0 0 0 0.125rem ${i}`,_hover:{borderColor:e,outline:"0"},_focus:{borderColor:e,boxShadow:`0 0 0 0.125rem ${i}`,outline:"0"}},_readOnly:{boxShadow:"inherit"},_disabled:{bg:r.colors.gray?.[100]??"gray.100",opacity:1,cursor:"not-allowed",_hover:{border:"0.063rem solid",borderColor:l}}}}}},defaultProps:{variant:"outline",size:"md"}};export{o as Input};

package/dist/src/Components/InputTextArea/InputTextArea.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{FormControl as i,FormLabel as o,Textarea as l,FormErrorMessage as d,FormHelperText as s}from"@chakra-ui/react";function a({label:a,placeholder:h,value:n,onChange:t,size:c="md",resize:u="both",width:m=500,isDisabled:p,errorBorderColor:f,focusBorderColor:C,isReadOnly:b,isRequired:g=!1,error:v,errorMessage:w,helperText:z,rows:B,height:R}){return e(i,{isRequired:g,isInvalid:v,children:[a&&r(o,{mb:"0.25rem",children:a}),r(l,{placeholder:h,value:n,onChange:t,size:c,resize:u,isDisabled:p,errorBorderColor:f,focusBorderColor:C,isReadOnly:b,isInvalid:v,width:m,rows:B,height:R}),v&&r(d,{pl:4,children:w}),z&&!v&&r(s,{pl:4,children:z})]})}export{a as default};

package/dist/src/Components/KanbanBoard/AccountCard.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as i}from"react";import{Box as o,VStack as l,Collapse as t,Text as n,Flex as a,Spacer as c,HStack as d,Tooltip as s}from"@chakra-ui/react";import{Draggable as m}from"@hello-pangea/dnd";import{ChevronUp as p,ChevronDown as g,Trash2 as f,ExternalLink as h}from"lucide-react";import{useCustomTheme as u}from"../../Theme/useCustomTheme.js";import b from"./AccountRow.js";const y=["id","details"],k=({account:k,index:w,onDelete:j,onOpen:x})=>{const{colors:z}=u(),[C,O]=i(!1),S=Object.keys(k).filter((e=>"string"==typeof k[e]&&!y.includes(e))),v=C?S:S.slice(0,4);return e(m,{draggableId:k.id.toString(),index:w,children:i=>e(o,{ref:i.innerRef,...i.draggableProps,...i.dragHandleProps,width:"16.5rem",borderRadius:"0.25rem",borderWidth:"0.063rem",background:z?.background?.[500],border:`0.1rem solid ${z.gray?.[200]}`,p:2,mt:3,children:r(l,{align:"start",spacing:2,fontSize:"0.875rem",color:z?.gray?.[700],overflow:"none",children:[v.map((r=>e(b,{label:r.replace(/\b\w/g,(e=>e.toUpperCase())),value:k[r]},r))),e(t,{in:C&&void 0!==k.details,animateOpacity:!0,children:e(n,{pt:2,children:k.details})}),S.length>4&&r(a,{justify:"space-between",w:"full",pt:2,alignItems:"center",children:[r(n,{color:z?.primary?.[500],fontSize:"sm",fontWeight:"medium",cursor:"pointer",onClick:()=>O(!C),display:"flex",alignItems:"center",gap:2,children:["Show ",C?"less":"more"," ",e(C?p:g,{size:14})]}),e(c,{}),r(d,{spacing:2,children:[e(s,{label:"Delete",children:e(f,{size:16,color:z?.red?.[600],onClick:()=>j?.(k)})}),e(s,{label:"Open",children:e(h,{size:16,color:z?.blue?.[600],onClick:()=>x?.(k)})})]})]})]})})})};export{k as default};

package/dist/src/Components/KanbanBoard/AccountRow.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Flex as l,Tooltip as t,Text as o}from"@chakra-ui/react";import{useCustomTheme as i}from"../../Theme/useCustomTheme.js";const n=({label:n,value:c})=>{const{colors:s}=i();return e(l,{w:"full",children:[r(t,{label:n,isDisabled:n.length<=15,hasArrow:!0,children:r(o,{color:s?.text?.[700],w:"45%",noOfLines:1,children:n})}),r(o,{w:"0.625rem",textAlign:"center",children:":"}),r(t,{label:c,isDisabled:c.length<=17,hasArrow:!0,children:r(o,{fontWeight:600,color:s?.text?.[800],w:"calc(55% - 0.625rem)",noOfLines:1,children:c})})]})};export{n as default};

package/dist/src/Components/KanbanBoard/KanbanBoard.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as o}from"react";import{Flex as i,Box as t,Skeleton as d,SkeletonText as n,Text as a}from"@chakra-ui/react";import{DragDropContext as l,Droppable as m}from"@hello-pangea/dnd";import{Trash2 as p}from"lucide-react";import{useCustomTheme as c}from"../../Theme/useCustomTheme.js";import s from"./AccountCard.js";const b=({data:b,onDrag:h,onDelete:f,onOpen:g,onColumnDelete:u,isLoading:x=!1})=>{const{colors:I}=c(),[k,v]=o(b);return e(l,{onDragEnd:e=>{const{source:r,destination:o}=e;if(!o)return;const i=k[r.droppableId],t=k[o.droppableId],d=i.items[r.index];if(d)if(r.droppableId===o.droppableId){const e=[...i.items];e.splice(r.index,1),e.splice(o.index,0,d);const t={...k,[r.droppableId]:{...i,items:e}};v(t)}else{const e=[...i.items],n=[...t.items];e.splice(r.index,1),n.splice(o.index,0,d);const a={...k,[r.droppableId]:{...i,items:e},[o.droppableId]:{...t,items:n}};v(a),h?.({from:r.droppableId,to:o.droppableId,item:d})}},children:e(i,{gap:4,p:4,bg:I?.gray?.[200],minH:"100vh",overflowX:"auto",maxWidth:"100vw",children:x?Array.from({length:5})?.map(((o,i)=>r(t,{width:"17.5rem",p:4,borderRadius:"0.5rem",bg:I?.background?.[100],border:`0.125rem solid ${I?.gray?.[200]}`,flexShrink:0,children:[e(d,{height:"2.75rem",mb:4,borderRadius:"0.25rem"}),e(n,{mt:"4",noOfLines:5,spacing:"4"})]},i))):Object.entries(k)?.map((([o,d])=>e(m,{droppableId:o.toString(),children:(n,l)=>r(t,{ref:n.innerRef,...n.droppableProps,width:"17.5rem",opacity:1,borderRadius:"0.5rem",borderWidth:"0.063rem",background:l.isDraggingOver?I?.blue?.[50]:I?.background?.[100],border:""+(l.isDraggingOver?"0.5px dashed"+I?.blue?.[500]:"0.125rem solid"+I.gray?.[200]),display:"flex",flexDirection:"column",flexShrink:0,children:[r(i,{width:"16.5rem",height:"2.75rem",borderRadius:"0.25rem",borderLeft:"0.188rem solid",borderLeftColor:d.color??I?.primary?.[500],background:I?.gray?.[100],align:"center",px:2,mb:3,flexShrink:0,m:2,justifyContent:"space-between",children:[e(a,{fontWeight:"600",fontSize:"1rem",color:I?.text?.[700],children:d.title}),e(t,{as:p,size:16,cursor:"pointer",color:I?.text?.[600],_hover:{color:I?.red?.[600]},onClick:()=>(e=>{const r=k[e]?.items?.map((e=>e.id))||[];u?.(r)})(o)})]}),r(t,{px:2,pb:2,overflowY:"auto",maxHeight:"calc(100vh - 7rem)",overflowX:"hidden",children:[d.items?.map(((r,o)=>e(s,{account:r,index:o,onDelete:f,onOpen:g},r.id))),n.placeholder]})]})},o)))})})};export{b as default};

package/dist/src/Components/Loading/Loading.js

@@ -0,0 +1,13 @@
+import{jsx as t,jsxs as e,Fragment as o}from"react/jsx-runtime";import{Box as r,Center as i,Spinner as n,Text as l}from"@chakra-ui/react";import{keyframes as c,css as a}from"@emotion/react";const m=c`
+  0% {
+    color: black;
+  }
+  50% {
+    color: gray;
+  }
+  100% {
+    color: black;
+  }
+`;function s({text:c,isLoading:s,onlytext:p}){return s?t(r,{position:"fixed",top:"0",right:"0",bottom:"0",left:"0",backgroundColor:"rgba(0, 0, 0, 0.4)",backdropFilter:"blur(60px)",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",zIndex:"9999",children:t(i,{height:"100vh",children:p?t(l,{mt:"2",ml:"5",fontSize:"50px",textTransform:"uppercase",fontWeight:500,css:a`
+              animation: ${m} 2s infinite;
+            `,children:c}):e(o,{children:[t(n,{thickness:"4px",speed:"0.65s",emptyColor:"gray.200",color:"blue.500",size:"xl"}),t(l,{mt:"2",ml:"5",children:c})]})})}):null}export{s as default};

package/dist/src/Components/Modal/Modal.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as r,jsxs as l}from"react/jsx-runtime";import o from"react";import{Modal as i,ModalOverlay as n,ModalContent as t,Spinner as c,ModalHeader as a,ModalCloseButton as d,ModalBody as s,ModalFooter as h}from"@chakra-ui/react";const p=({children:l})=>e(r,{children:l}),y=({children:l})=>e(r,{children:l}),u=({children:l})=>e(r,{children:l});function f({size:f,isOpen:b=!1,onClose:k,overlaybg:m="blackAlpha.300",overlaybackdropFilter:v="blur(10px) hue-rotate(90deg)",overlaybackdropInvert:C,overlaybackdropBlur:g,isCentered:O,finalFocusRef:F,blockScrollOnMount:x,initialFocusRef:M,closeOnOverlayClick:B,motionPreset:A,scrollBehavior:R,children:j,isLoading:z}){if(!b)return e(r,{});const I=e=>null!==e&&"object"==typeof e&&"type"in e,P=o.Children.toArray(j).find((e=>I(e)&&e.type===p)),S=o.Children.toArray(j).find((e=>I(e)&&e.type===y)),w=o.Children.toArray(j).find((e=>I(e)&&e.type===u));return l(i,{isOpen:!0,onClose:k,size:f,isCentered:O,finalFocusRef:F,blockScrollOnMount:x,initialFocusRef:M,closeOnOverlayClick:B,motionPreset:A,scrollBehavior:R,children:[e(n,{bg:m,backdropFilter:v,backdropInvert:C,backdropBlur:g}),e(t,{children:z?e("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",width:"100%",padding:"25%"},children:e(c,{thickness:"4px",speed:"0.65s",emptyColor:"gray.200",color:"blue.500",size:"xl"})}):l(r,{children:[P&&e(a,{children:P}),e(d,{}),e(s,{children:S}),w&&e(h,{children:w})]})})]})}export{y as ModalBody,u as ModalFooter,p as ModalHeader,f as default};

package/dist/src/Components/MultiSelect/MultiSelect.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i,useRef as o,useEffect as a}from"react";import{Box as n,Flex as t,Tag as l,TagLabel as s,TagCloseButton as d,Input as m,Text as c}from"@chakra-ui/react";import{TextLabel as u}from"../Common/FormLabel.js";import{useCustomTheme as f}from"../../Theme/useCustomTheme.js";const p=(()=>{let e=0;return()=>(e+=1,`${Date.now()}-${e}`)})();function g({value:g,onValueChange:h,width:b="100%",label:y="label",isRequired:k=!0,isInformation:C=!1,informationMessage:v="",name:w,id:R,placeholderText:T="Type valid email and press enter",isDisabled:x,isReadOnly:z,size:D,inputStyle:S}){const j=f(),[I,L]=i(g),[$,q]=i(""),[M,O]=i(""),B=o(null);a((()=>{L(g)}),[g]);return e(n,{width:b,borderRadius:"md",backgroundColor:"white",children:[y&&r(u,{label:y,isRequired:k,isInformation:C,informationMessage:v}),r(t,{wrap:"wrap",gap:2,children:I.map((i=>e(l,{size:"md",variant:"solid",colorScheme:"gray",children:[r(s,{children:i.label}),r(d,{onClick:()=>(e=>{const r=I.filter((r=>r.id!==e.id));L(r),h(r)})(i)})]},i.id)))}),r(m,{ref:B,type:"text",value:$,isDisabled:x,isReadOnly:z,id:R,name:w,size:D,style:{...S,backgroundColor:j.colors.backgroundColor.light,fontWeight:600,color:j.colors.gray[600],padding:"0.5rem",fontSize:15,letterSpacing:.7,borderRadius:"0.125rem"},onChange:e=>{q(e.target.value),O("")},onKeyDown:e=>{if("Enter"===e.key&&""!==$.trim()){if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test($))return void O("Invalid email address");if(!I.find((e=>e.label===$))){const e={id:p(),label:$},r=[...I,e];L(r),h(r),q(""),B.current&&B.current.focus()}}else if("Backspace"===e.key&&""===$){const e=I.slice(0,-1);L(e),h(e)}},placeholder:T,marginTop:2,marginLeft:1}),M&&r(c,{color:"red.500",marginTop:2,marginLeft:1,children:M})]})}export{g as default};

package/dist/src/Components/NavigationBar/NavigationBar.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Box as n,Flex as i,Text as o,Stack as t,Menu as c,MenuButton as l,Button as a,Avatar as s,MenuList as h,Center as d,MenuDivider as m,MenuItem as p}from"@chakra-ui/react";import{useCustomTheme as u}from"../../Theme/useCustomTheme.js";import{CircleArrowLeft as g,LogOut as f}from"lucide-react";function x({userAvathar:x,userName:C,navMenu:k,moreIcon:y,handleNavOnClick:I,handleLogout:v,logoutText:b,navigationBarText:z}){const w=u();return e(n,{bg:w.colors.backgroundColor.light,px:4,boxShadow:w.shadows.sm,children:r(i,{h:16,alignItems:"center",justifyContent:"space-between",children:[r(n,{display:"flex",gap:1.5,alignItems:"center",children:[z?.onIconClick&&e(n,{width:"1.5rem",height:"1.5rem",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",onClick:()=>z?.onIconClick?.(),children:e(g,{size:"1.25rem",color:w?.colors?.text?.[500]})}),z?.text&&e(o,{color:w?.colors?.secondary?.[500],fontSize:"1.25rem",fontWeight:600,fontFamily:"open-sans, sans-serif",letterSpacing:"-0.013rem",children:z?.text})]}),e(i,{children:e(t,{direction:"row",alignItems:"center",spacing:7,children:r(c,{children:[e(n,{cursor:"pointer",children:y}),e(l,{as:a,rounded:"full",variant:"link",cursor:"pointer",minW:0,children:e(s,{size:"sm",name:C,src:x})}),r(h,{alignItems:"center",zIndex:5,children:[e(d,{py:4,children:e(s,{size:"xl",name:C,src:x})}),e(d,{children:e(o,{fontWeight:500,children:C})}),e(m,{}),k?.map((i=>r(p,{onClick:()=>I(i.url),sx:{fontWeight:500,gap:w.space[2]},_hover:{backgroundColor:w.colors.primary[50]},children:[i.icon&&e(n,{children:i?.icon}),e(n,{children:i.title})]},i.title))),e(m,{}),r(p,{onClick:v,sx:{fontWeight:500,gap:w.space[2]},_hover:{backgroundColor:w.colors.primary[50]},children:[e(n,{children:e(f,{size:16})}),e(n,{children:b})]})]})]})})})]})})}export{x as default};

package/dist/src/Components/NoteTextArea/NoteTextArea.js

@@ -0,0 +1,75 @@
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{useRef as n,useState as o,useEffect as r}from"react";import l from"@emotion/styled";import{Spinner as a}from"@chakra-ui/react";import{useCustomTheme as d}from"../../Theme/useCustomTheme.js";import{X as c,Paperclip as s}from"lucide-react";const p=l.div`
+  border: ${({isActive:e})=>e?"1px solid #3182ce":"1px solid #c0c6cc"};
+  border-radius: 5px;
+  box-shadow: ${({isActive:e})=>e?"-1px 1px 8px 4px rgb(49 130 206 / 24%), 0px 2px 6px 0 rgb(49 130 206 / 19%)":"none"};
+`,h=l.div`
+  width: 100%;
+  cursor: text;
+  padding: 12px 15px;
+  display: ${({isActive:e})=>e?"block":"none"};
+`,u=l.div`
+  color: #c0c6cc;
+  width: 100%;
+  cursor: text;
+  display: ${({isActive:e})=>e?"block":"none"};
+  padding: 12px 15px;
+`,g=l.input`
+  width: 100%;
+  height: auto;
+  border: none;
+  outline: none;
+  background: none;
+  color: black;
+  fontsize: 1rem;
+  fontweight: 500;
+  marginbottom: 2px;
+`,x=l.textarea`
+  color: ${({isActive:e,noteValue:t})=>e&&t?"#000000":"#c0c6cc"};
+  width: 100%;
+  height: auto;
+  border: none;
+  outline: none;
+  background: none;
+  fontweight: 300;
+`,m=l.label`
+  cursor: pointer;
+`,f=l.div`
+  color: #616e88;
+  cursor: pointer;
+  fontsize: 0.8rem;
+`,v=l.button`
+  border: none;
+  padding: 3px 15px;
+  text-align: center;
+  text-decoration: none;
+  background: ${({isSaveButton:e,noteValue:t,isLoading:i,theme:n})=>e?n.colors.primary[500]:"white"};
+  color: ${({isSaveButton:e,isLoading:t})=>"white"};
+  font-size: 1rem;
+  margin-right: 5px;
+  border-radius: 5px;
+  opacity: ${({isSaveButton:e,noteValue:t,isLoading:i,disabled:n})=>e&&(!t||i||n)?"0.5":"1"};
+  cursor: ${({isSaveButton:e,noteValue:t,isLoading:i,disabled:n})=>e&&(!t||i||n)?"initial":"pointer"};
+  pointer-events: ${({isLoading:e})=>e?"none":"auto"};
+`,b=l.button`
+  border: none;
+  color: #5e5c5c;
+  padding: 3px 15px;
+  text-align: center;
+  text-decoration: none;
+  background: white;
+  font-size: 1rem;
+  margin-right: 5px;
+  border-radius: 5px;
+`,y=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 300px;
+`,w=l(c)`
+  cursor: pointer;
+  color: #ff0000;
+`,B=l.div`
+  color: #ff0000;
+  font-size: 0.8rem;
+  margin-top: 8px;
+`,k=e=>e.trim().split(/\s+/).length;function C({width:l="100%",handleSubmit:c,handleCancel:C,value:$,title:A,file:z,isEditable:S=!1,saveButtonLoading:L,maxFileSize:M=1048576,maxFilesSizeError:V="Some files are too large. Maximum allowed size is",maxNoteWordCount:F=15,onChange:T,ref:j}){const E=d(),I=n(null),[N,R]=o(!1),[Y,G]=o(""),[H,K]=o(""),[O,P]=o(!1),[W,Z]=o([]),[q,D]=o(""),[J,Q]=o(!1);r((()=>{const e=k(H);Q(e>F)}),[H,F]),r((()=>{const e=k(Y);Q(e>F)}),[Y,F]),r((()=>{S&&(R(!0),$&&G($),A&&(K(A),P(!0)),z&&Z(z))}),[$,A,z,S]),r((()=>{L||(R(!1),S||(G(""),K(""),P(!1),Z([]))),S&&R(!0)}),[L,S]);r((()=>{N&&I.current&&I.current.focus()}),[N]);const U=()=>{const e=I.current;e&&(e.style.height="auto",e.style.height=`${e.scrollHeight}px`)},X=(e,t=2)=>{if(0===e)return"0 Bytes";const i=t<0?0:t,n=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,n)).toFixed(i))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][n]},_=(e,t=20)=>{const i=e.substring(e.lastIndexOf("."));if(e.length<=t)return e;return`${e.replace(i,"").substring(0,t-i.length-3)}...${i} `};return e(p,{style:{width:l},isActive:N,children:[t(u,{isActive:!N,onClick:()=>{R(!0),S||(G(""),K(""),P(!1),Z([]))},children:t("span",{children:"Add a note..."})}),e(h,{isActive:N,children:[O&&t(g,{value:H,onChange:e=>{0===e.target.value.length&&P(!1),K(e.target.value)},placeholder:"Add a title...",ref:j}),t(x,{ref:I,isActive:N,noteValue:Y,value:Y,onChange:e=>{G(e.target.value),T?.(e.target.value),U()},placeholder:"Add a note..."})]}),N&&e(i,{children:[t("hr",{style:{margin:0}}),e("div",{style:{padding:"12px 15px"},children:[e("div",{style:{display:"flex",alignItems:"center"},children:[e(m,{htmlFor:"file-upload",children:[t(s,{size:17}),t("input",{id:"file-upload",type:"file",style:{display:"none"},onChange:e=>{const t=Array.from(e.target.files||[]),i=t.filter((e=>e.size<=M)),n=t.filter((e=>e.size>M));n.length>0?D(`${V} ${X(M)}.`):D(""),i.length>0&&Z((e=>[...e,...i]))},multiple:!0})]}),!O&&e(i,{children:[t("div",{style:{height:"15px",width:"1px",backgroundColor:"#c0c6cc",marginRight:"5px",marginLeft:"5px"}}),t(f,{onClick:()=>{P(!0)},children:"Add a Title"})]}),e("div",{style:{marginLeft:"auto"},children:[t(b,{onClick:()=>{R(!1),C&&C(!N),S||(G(""),K(""),P(!1),Z([])),D("")},children:"Cancel"}),e(v,{isSaveButton:!0,noteValue:Y,isLoading:L,disabled:!Y||J,theme:E,onClick:()=>{c(Y,H,W)},children:[L&&t("span",{style:{marginRight:"6px"},children:t(a,{thickness:"2px",speed:"0.75s",emptyColor:"gray.200",color:"blue.500",size:"xs"})}),"Save"]})]})]}),e("div",{style:{display:"flex",gap:"10px"},children:[t("div",{children:"Note:"}),e("div",{children:["You can add up to ",F," words only"]})]}),q&&t(B,{children:q})," ",W.length>0&&t("div",{children:W.map(((n,o)=>e(y,{children:[e(i,{children:[t("span",{children:_(n.name)}),t("span",{children:X(n.size)})]}),t(w,{onClick:()=>Z(W.filter((e=>e!==n)))})]},o)))})]})]})]})}export{C as default};

package/dist/src/Components/NumberInput/NumberInput.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{NumberInput as n,NumberInputField as t,NumberInputStepper as a,NumberIncrementStepper as i,NumberDecrementStepper as m}from"@chakra-ui/react";function l({defaultValue:l,min:u,max:p,precision:c,step:o,clampValueOnBlur:h,keepWithinRange:s,value:b,onChange:d,size:g,maxW:N,allowMouseWheel:f,NumberIncrementStepperBg:v,NumberIncrementStepperActive:x,NumberIncrementStepperChildren:S,NumberDecrementStepperBg:W,NumberDecrementStepperChildren:B,NumberDecrementStepperActive:C}){return e(n,{defaultValue:l,min:u,max:p,step:o,precision:c,clampValueOnBlur:h,keepWithinRange:s,value:b,onChange:d,size:g,maxW:N,allowMouseWheel:f,children:[r(t,{}),e(a,{children:[r(i,{bg:v,_active:x,children:S}),r(m,{bg:W,_active:C,children:B})]})]})}export{l as default};

package/dist/src/Components/PinInput/PinInput.js

@@ -0,0 +1 @@
+import{jsxs as o,Fragment as r,jsx as e}from"react/jsx-runtime";import{Text as a,HStack as l,PinInput as t,PinInputField as n}from"@chakra-ui/react";function c({otp:c,mask:m,defaultValue:d,placeholder:i,manageFocus:p,errorBorderColor:u,focusBorderColor:h,onChange:f,onComplete:s,type:C,color:g,variant:B,pins:k=3,label:x}){return o(r,{children:[x&&e(a,{fontWeight:"bold",marginBottom:"8px",children:x}),e(l,{children:e(t,{otp:c,mask:m,defaultValue:d,placeholder:i,manageFocus:p,errorBorderColor:u,focusBorderColor:h,onChange:f,onComplete:s,type:C,colorScheme:g,variant:B,children:Array.from({length:k}).map(((o,r)=>e(n,{},r)))})})]})}export{c as default};

package/dist/src/Components/ProductCard/ProductCard.js

@@ -0,0 +1 @@
+import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useState as e}from"react";import{Box as t,Image as i,Badge as l,VStack as a}from"@chakra-ui/react";import n from"./ProductTags.js";import c from"./ProductReview.js";import s from"./ProductPrice.js";import d from"../Button/Button.js";import m from"./ProductLabel.js";const h=({label:h,productImage:p,rating:u,reviews:f,tags:g,options:b,onAddToCart:v,bag:w,description:j})=>{const[P,C]=e(!1);return o(t,{borderWidth:"0.063 rem",borderRadius:"lg",overflow:"hidden",p:3,w:"16.25rem",position:"relative",bg:"white",boxShadow:"lg",children:[o(t,{onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),h:"11.25rem",w:"full",overflow:"hidden",children:[r(i,{src:P&&p.hover?p.hover:p.visibile,alt:h,w:"full",h:"full",objectFit:"cover"}),w&&r(l,{colorScheme:w.color||"red",position:"absolute",top:2,right:2,children:w.label})]}),o(a,{spacing:2,align:"start",mt:3,children:[r(m,{label:h,description:j}),g&&r(n,{tags:g}),u&&f&&r(c,{rating:u,reviewCount:f}),b&&r(s,{options:b}),v&&r(d,{colorScheme:"orange",size:"sm",width:"100%",onClick:v,children:"Add to Cart"})]})]})};export{h as default};

package/dist/src/Components/ProductCard/ProductLabel.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Box as i,Text as r}from"@chakra-ui/react";const o=({label:o,description:c})=>t(i,{children:[e(r,{fontWeight:"bold",children:o}),c&&e(r,{fontSize:"xs",fontStyle:"italic",children:c})]});export{o as default};

package/dist/src/Components/ProductCard/ProductPrice.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as n,useEffect as i}from"react";import{useOutsideClick as l,Box as d,Text as c,Portal as s}from"@chakra-ui/react";const a=({options:a})=>{const[h,f]=t(!1),[m,g]=t(a[0]),[p,u]=t({top:0,left:0,width:0}),b=n(null),w=n(null),x=1===a.length;l({ref:w,handler:()=>f(!1)});const y=e=>Math.round(e.price-e.price*e.offer/100);return i((()=>{if(h&&b.current){const e=b.current.getBoundingClientRect();u({top:e.bottom+window.scrollY,left:e.left+window.scrollX,width:e.width})}}),[h]),e(r,{children:[x?o(d,{border:"0.063rem solid",borderColor:"orange.300",bg:"#FFFCF5",px:3,py:1,rounded:"md",display:"inline-block",w:"100%",children:o(c,{fontSize:"sm",fontWeight:"medium",children:a[0].label})}):e(d,{ref:b,onClick:()=>f(!h),border:"0.063rem solid",borderColor:"orange.300",bg:"#FFFCF5",px:3,py:1,rounded:"md",cursor:"pointer",display:"flex",justifyContent:"space-between",alignItems:"center",w:"100%",children:[o(c,{fontSize:"sm",fontWeight:"medium",children:m.label}),o(c,{fontSize:"xs",color:"orange.400",transform:h?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s",children:"▾"})]}),!x&&h&&o(s,{children:o(d,{ref:w,position:"absolute",top:`${p.top}px`,left:`${p.left}px`,width:`${p.width}px`,bg:"white",border:"0.063rem solid",borderColor:"orange.300",shadow:"md",zIndex:9999,children:a.map((r=>{const t=y(r),n=m.weight===r.weight;return e(d,{px:4,h:"2.5rem",cursor:"pointer",bg:n?"orange.50":"white",_hover:{bg:"orange.100"},onClick:()=>{g(r),f(!1)},display:"flex",alignItems:"center",justifyContent:"space-between",children:[e(d,{children:[o(c,{fontSize:"sm",fontWeight:"medium",children:r.label}),r.offer>0&&e(c,{fontSize:"xs",color:"green.600",fontWeight:"semibold",children:[r.offer,"% OFF"]})]}),e(d,{textAlign:"right",children:[e(c,{fontSize:"sm",fontWeight:"semibold",color:"orange.500",children:["₹",t]}),r.offer>0&&e(c,{fontSize:"xs",color:"gray.400",textDecoration:"line-through",children:["₹",r.price]})]}),o(d,{ml:4,w:"1rem",h:"1rem",minW:"1rem",borderRadius:"full",border:"0.125rem solid",borderColor:n?"orange.400":"gray.300",display:"flex",alignItems:"center",justifyContent:"center",children:n&&o(d,{w:"0.5rem",h:"0.5rem",bg:"orange.400",borderRadius:"full"})})]},r.weight)}))})}),e(d,{mt:2,display:"flex",alignItems:"center",fontSize:"sm",gap:2,children:[m.offer>0&&e(c,{color:"gray.400",textDecoration:"line-through",children:["₹",m.price]}),e(c,{color:"orange.500",fontWeight:"semibold",children:["₹",y(m)]})]})]})};export{a as default};

package/dist/src/Components/ProductCard/ProductReview.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Flex as i,Icon as t,Text as a,Box as o}from"@chakra-ui/react";import{Star as n,BookCheck as c}from"lucide-react";const l=({rating:l,reviewCount:g})=>e(i,{align:"center",gap:2,children:[e(i,{align:"center",gap:"1",bg:"teal.900",color:"white",px:2,borderRadius:"md",fontSize:"sm",fontWeight:"bold",children:[r(t,{as:n,boxSize:3.5}),r(a,{children:l})]}),r(o,{h:"4",w:"0.063rem",bg:"gray.400"}),e(i,{align:"center",gap:"1",children:[r(t,{as:c,boxSize:3.5}),e(a,{fontSize:"sm",color:"gray.600",children:["(",g,")"]})]})]});export{l as default};

package/dist/src/Components/ProductCard/ProductTags.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Flex as r,Box as l}from"@chakra-ui/react";const i=({tags:l,className:i})=>e(r,{direction:"column",gap:"1",className:i,w:"full",children:(e=>{const r=e.length;return 1===r||2===r?[e]:3===r?[[e[0]],e.slice(1)]:4===r?[e.slice(0,2),e.slice(2,4)]:[]})(l).map(((l,i)=>e(r,{gap:"1",children:l.map(((r,i)=>e(t,{fullWidth:1===l.length,children:r},i)))},i)))}),t=({children:r,fullWidth:i=!1})=>e(l,{flex:"1",border:"0.063rem solid #f89f24",color:"black",fontSize:"0.625rem",fontWeight:"semibold",borderRadius:"full",px:"0.5rem",py:"0.125rem",textAlign:"center",whiteSpace:"nowrap",backgroundColor:"orange.100",children:r});export{i as default};

package/dist/src/Components/ProfileCard/ProfileCard.js

@@ -0,0 +1 @@
+import{jsxs as r,Fragment as e,jsx as i}from"react/jsx-runtime";import o from"react";import{Card as d,CardHeader as t,Divider as l,CardBody as n,CardFooter as c}from"@chakra-ui/react";const a=({children:r})=>i(e,{children:r}),h=({children:r})=>i(e,{children:r}),f=({children:r})=>i(e,{children:r});function y({maxW:y,align:s,variant:p,direction:C,justify:m,children:b,size:x,color:u,overflow:v,dividercolor:S="#d5cfcf",dividersize:j="0.5px",dividervariant:W="solid",CardStyle:g,CardHeaderStyle:z,CardBodyStyle:A,borderTopColor:w,borderLeftColor:E}){const L=r=>null!==r&&"object"==typeof r&&"type"in r,T=o.Children.toArray(b).find((r=>L(r)&&r.type===a)),k=o.Children.toArray(b).find((r=>L(r)&&r.type===h)),B=o.Children.toArray(b).find((r=>L(r)&&r.type===f)),H=E?{...g,borderLeft:"2px solid #3182CE"}:w?{...g,borderTop:"2px solid #3182CE"}:{...g};return r(d,{maxW:y,align:s,variant:p,direction:C,justify:m,size:x,overflow:v,colorScheme:u,style:H,children:[T&&r(e,{children:[i(t,{sx:{...z,fontWeight:"bold"},children:T}),i(l,{style:{borderColor:S,borderWidth:j,borderStyle:W}})]}),i(n,{sx:A,children:k}),B&&i(c,{children:B})]})}export{h as ProfileCardBody,f as ProfileCardFooter,a as ProfileCardHeader,y as default};

package/dist/src/Components/ProfilePhotoViewer/ProfilePhotoViewer.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as i,Fragment as t}from"react/jsx-runtime";import{useState as o,useRef as r}from"react";import{Box as a,Image as n,Text as l,Tooltip as s,IconButton as c,Input as d}from"@chakra-ui/react";import{FileText as b,User as h,SquarePen as p,Eye as x}from"lucide-react";function f({photoUrl:f,onPhotoChange:g,imageWidth:m="100px",imageAlt:u="Profile Photo",imageObjectFit:y="cover",imageBorderRadius:w="full",editIconSize:R="sm",editIconPositionRight:z="0px",editIconPositionBottom:S="0px",isRound:C=!0,boxStyle:I,isEditable:j=!1,isView:k=!1,style:v,handleIsView:P,fallbackText:V}){const[E,F]=o(f),W=r(null),A=E?.endsWith(".pdf");return e(a,{position:"relative",display:"inline-block",style:I,sx:{"&:hover .icon-button":{opacity:1}},children:[E?A?i(a,{width:m,height:m,borderRadius:w,bg:"gray.200",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",children:i(b,{size:"50%"})}):i(n,{src:E,alt:u,boxSize:m,objectFit:y,borderRadius:w}):i(a,V?{boxSize:m,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:w,bg:"gray.200",children:i(l,{fontSize:"2xl",fontWeight:"bold",children:V})}:{boxSize:m,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:w,bg:"gray.200",children:i(h,{size:"50%"})}),(j||k)&&e(t,{children:[e(a,{className:"icon-button",position:"absolute",right:z,bottom:S,transform:"translate(-25%, -25%)",sx:{opacity:0,transition:"opacity 0.3s"},children:[j&&i(s,{label:"Edit","aria-label":"Edit",children:i(c,{icon:i(p,{size:14}),isRound:C,size:R,onClick:()=>{j&&W.current?.click()},"aria-label":"Edit photo",style:{...v,transition:"transform 0.3s, box-shadow 0.3s",boxShadow:"0 4px 8px rgba(0, 0, 0, 0.2)",marginRight:"3px"},_hover:{transform:"scale(1.1)",color:"blue.500",boxShadow:"0 8px 16px rgba(0, 0, 0, 0.3)"}})}),k&&i(s,{label:"View","aria-label":"View",children:i(c,{icon:i(x,{size:14}),isRound:C,size:R,onClick:P,"aria-label":"View photo",style:{...v,transition:"transform 0.3s, box-shadow 0.3s",boxShadow:"0 4px 8px rgba(0, 0, 0, 0.2)"},_hover:{transform:"scale(1.1)",color:"blue.500",boxShadow:"0 8px 16px rgba(0, 0, 0, 0.3)"}})})]}),j&&i(d,{type:"file",accept:"image/*",onChange:e=>{if(!j)return;const i=e.target.files?.[0];if(i){const e=new FileReader;e.onload=()=>{const t=e.result;F(t),g(i)},e.readAsDataURL(i)}},hidden:!0,ref:W})]})]})}export{f as default};

package/dist/src/Components/ProgressBar/ProgressBar.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Progress as i}from"@chakra-ui/react";function t({size:t,isIndeterminate:a,color:r,hasStripe:m,height:n,value:o,isAnimated:s,max:h,min:c,variant:u}){return e(i,{size:t,isIndeterminate:a,colorScheme:r,hasStripe:m,height:n,value:o,isAnimated:s,max:h,min:c,variant:u})}export{t as default};

package/dist/src/Components/RadioButton/RadioButton.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Radio as o,Box as r,RadioGroup as a,Stack as l}from"@chakra-ui/react";import{useCustomTheme as c}from"../../Theme/useCustomTheme.js";const i=({label:a,colorScheme:l,isChecked:i,onChange:s,isDisabled:d,size:h,value:n,defaultChecked:m})=>{const t=c();return e(o,{colorScheme:l,isChecked:i,onChange:s,isDisabled:d,size:h,value:n,defaultChecked:m,sx:{"&[data-checked]":{backgroundColor:t.colors.primary[500],borderColor:t.colors.primary[500]},"&[data-checked]:hover":{backgroundColor:t.colors.primary[300],borderColor:t.colors.primary[300]}},children:e(r,{as:"span",children:a})})},s=({options:o,onChange:r,value:c,defaultValue:s,isDisabled:d,size:h,colorScheme:n})=>e(a,{onChange:r,value:c,defaultValue:s,children:e(l,{direction:"row",spacing:4,children:o.map((o=>e(i,{label:o.label,value:o.id,isDisabled:d,size:h,colorScheme:n},o.id)))})});export{i as RadioButton,s as RadioButtonGroup};

package/dist/src/Components/Reorder/Reorder.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Box as o,Text as i,Divider as t,HStack as a,Image as n,IconButton as l,Badge as d}from"@chakra-ui/react";import{DragDropContext as s,Droppable as c,Draggable as p}from"@hello-pangea/dnd";import{BetweenHorizonalStart as m,GripVertical as h}from"lucide-react";import{useCustomTheme as f}from"../../Theme/useCustomTheme.js";const g=({label:g="",items:b,onReorder:u})=>{const{colors:x}=f();return e(o,{borderWidth:"0.063rem",borderRadius:"md",px:3,py:2,bg:x?.white,children:[e(o,{display:"flex",alignItems:"center",gap:2,children:[r(m,{}),r(i,{fontFamily:"open-sans, sans-serif",fontWeight:600,fontSize:14,lineHeight:"100%",letterSpacing:"4%",textTransform:"uppercase",py:4,children:g})]}),r(t,{}),r("br",{}),r(s,{onDragEnd:e=>{if(!e.destination)return;const r=Array.from(b),[o]=r.splice(e.source.index,1);r.splice(e.destination.index,0,o),u(r)},children:r(c,{droppableId:"item-list",direction:"horizontal",children:i=>e(a,{ref:i.innerRef,...i.droppableProps,spacing:4,overflowX:"auto",children:[b.map(((i,t)=>r(p,{draggableId:i.id,index:t,children:a=>e(o,{ref:a.innerRef,...a.draggableProps,...a.dragHandleProps,position:"relative",border:"0.063rem solid",borderColor:x?.gray?.[300],borderRadius:"md",overflow:"hidden",children:[r(n,{src:i.previewUrl,alt:i.name??`item-${t}`,boxSize:"7.5rem",objectFit:"cover"}),r(l,{icon:r(h,{size:16,color:x?.gray?.[500]}),"aria-label":"Drag",size:"sm",position:"absolute",top:1,left:1,variant:"ghost"}),r(d,{position:"absolute",colorScheme:"gray",variant:"solid",bottom:1,right:1,children:t+1})]})},i.id))),i.placeholder]})})})]})};export{g as default};

package/dist/src/Components/Search/Search.js

@@ -0,0 +1,27 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as o,useEffect as t}from"react";import n from"@emotion/styled";import{Search as a,X as i}from"lucide-react";const d=n.div`
+  display: flex;
+  align-items: center;
+  border-radius: 4px;
+  padding: 0.5rem 0.7rem 0.5rem 0.7rem;
+  width: 100%;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+  border-radius: 20px;
+  background: #fff;
+  border: 1px solid #f1f1f1;
+`,l=n.input`
+  flex: 1;
+  border: none;
+  outline: none;
+  margin-left: 0.5rem;
+  background: transparent;
+`,c=n(a)`
+  color: #888;
+`,s=n(i)`
+  color: #888;
+  font-size: 1.5rem;
+`,f=n.span`
+  margin-left: auto;
+  padding-left: 0.5rem;
+  color: #888;
+  font-size: 0.9rem;
+`;function m({placeholder:n="Search...",onSearch:a,onclose:i,shortcut:m="Ctrl+K",query:p}){const u=o(null);return t((()=>{const e=e=>{m&&e.ctrlKey&&e.key===m.split("+")[1].toLowerCase()&&(e.preventDefault(),u.current?.focus())};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[m]),e(d,{children:[r(c,{}),r(l,{ref:u,type:"text",value:p,onChange:a,placeholder:n}),p&&r(s,{onClick:i}),m&&r(f,{children:m})]})}export{m as default};

package/dist/src/Components/SearchSelect/SearchSelect.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import i,{useState as l,useRef as t,useEffect as n,useCallback as a}from"react";import{useOutsideClick as s,Box as c,InputGroup as d,Portal as m,Input as p,IconButton as h,Spinner as g,Checkbox as b,Text as f}from"@chakra-ui/react";import{ChevronUp as u,ChevronDown as x,CircleX as y,X as w,Plus as C}from"lucide-react";import{TextLabel as v}from"../Common/FormLabel.js";import S from"../Tag/Tag.js";import{useCustomTheme as T}from"../../Theme/useCustomTheme.js";import z from"../Common/ErrorMessage.js";import k from"../Common/HelperText.js";import I from"../ToolTip/ToolTip.js";import j from"./SelectTruncatedLabel.js";const A=e=>{if("object"==typeof e&&null!==e&&"id"in e&&"label"in e)return e},R=({id:R,label:L,options:W,onSelect:B,onSearch:H,isOptionLoading:M=!1,isLoading:$=!1,loadingText:_="Loading...",placeholder:E="Select",value:N,searchQuery:q="",isMultiple:D=!1,isRequired:F=!1,error:P=!1,errorMessage:Y,helperText:O,width:Q="100%",height:U="2.75rem",size:V="md",chip:X,information:G,rightIcon:J,addNew:K,isSelectAll:Z=!1,pagination:ee,insideSelect:oe,isRemoveAllIcon:re})=>{const[ie,le]=l(q),[te,ne]=l(!1),[ae,se]=l(!0),ce=t(null),de=t(null),me=t(null),[pe,he]=l(!1),[ge,be]=l(!1),fe=t(null),[ue,xe]=l({top:0,left:0,width:0}),ye=T();s({ref:de,handler:()=>{ne(!1)}});const we=D?(Ce=N,Array.isArray(Ce)?Ce.filter((e=>e&&"object"==typeof e&&"id"in e&&"label"in e)):[]):A(N)?[A(N)]:[];var Ce;const ve=W.filter((e=>e?.label?.toLowerCase()?.includes(ie?.toLowerCase())));n((()=>{const e=setTimeout((()=>{H?.(ie)}),1e3);return()=>clearTimeout(e)}),[ie,H]),n((()=>{ee?.limit&&se(W.length%ee.limit===0)}),[W.length,ee?.limit]);const Se=e=>we.some((o=>o.id===e)),Te=ve.length>0&&ve.every((e=>we.some((o=>o.id===e.id)))),ze=a((e=>{if(!ee||!ee.onScroll||ee.scrollLoading||!ae)return;const o=e.currentTarget;o.scrollTop+o.clientHeight>=o.scrollHeight-5&&(me.current&&clearTimeout(me.current),me.current=setTimeout((()=>{const e=W.length+1;ee.onScroll?.(e,ee.limit||10,ie)}),200))}),[ee,W.length,ie,ae]);s({ref:fe,handler:e=>{const o=document.getElementById("custom-select-portal");o&&o.contains(e.target)||be(!1)}});return n((()=>{if(ge&&fe.current){const e=fe.current.getBoundingClientRect();xe({top:e.bottom+window.scrollY,left:e.left+window.scrollX,width:e.width+30})}}),[ge]),e(c,{ref:de,width:Q,position:"relative",children:[L&&o(v,{label:L,id:R,isRequired:F,isInformation:G?.isInformation,informationMessage:G?.informationMessage}),o(d,{size:V,children:e(c,{as:"div",w:"100%",minH:"2.85rem",px:3,display:"flex",alignItems:"center",flexWrap:"wrap",gap:"0.375rem",border:"0.063rem solid",borderColor:P?ye.colors.semantic.error[500]:ye.colors.primary[500],borderRadius:"0.25rem",bg:"white",boxShadow:pe?P?`0 0 0 0.125rem ${ye.colors.boxShadow?.error}`:`0 0 0 0.125rem ${ye.colors.boxShadow?.primary}`:"none",transition:"box-shadow 0.2s, border-color 0.2s",children:[oe&&e(c,{position:"relative",ref:fe,backgroundColor:ye.colors.gray[200],ml:"-0.75rem",h:"-webkit-fill-available",borderRadius:"0.25rem 0 0 0.25rem",onClick:()=>be((e=>!e)),children:[e(c,{minW:"5rem",cursor:"pointer",display:"flex",justifyContent:"space-between",alignItems:"center",width:oe.width,height:U,pl:"0.5rem",pr:"0.5rem",children:[o(j,{label:oe?.value?.label??"",maxWidth:oe?.width||"6rem"}),o(ge?u:x,{size:16})]}),ge&&o(m,{children:o(c,{id:"custom-select-portal",position:"absolute",top:`${ue.top}px`,left:`${ue.left}px`,zIndex:1400,bg:ye.colors.white,border:"0.063rem solid",borderColor:ye.colors.gray[300],borderRadius:"md",boxShadow:"md",minW:"10rem",maxW:"38rem",children:oe?.option?.map((e=>o(c,{display:"flex",alignItems:"center",height:"2.5rem",px:"0.75rem",fontSize:"sm",_hover:{bg:ye.colors.gray[100]},cursor:"pointer",onClick:o=>{o.stopPropagation(),(e=>{"function"==typeof oe?.onSelect&&oe.onSelect(e),be(!1)})(e)},children:e.label},e.id)))})})]}),D?we.slice(0,X?.maxChips||we.length).map((e=>o(S,{label:X?.maxText&&e.label.length>X.maxText?e.label.slice(0,X.maxText)+"…":e.label,onIconClick:X?.onClick?()=>(e=>{const o=we.filter((o=>o.id!==e));B?.(o)})(e?.id):void 0,icon:X?.onClick?y:void 0,colorScheme:"gray",size:"sm"},e.id))):1===we.length&&""===ie&&o(c,{as:"button",type:"button",onClick:()=>ne(!0),fontSize:"sm",color:ye.colors.gray[800],background:"transparent",border:"none",cursor:"pointer",p:0,children:we[0].label}),X?.maxChips&&D&&we.length>X.maxChips&&o(S,{label:"+ "+(we.length-X.maxChips),colorScheme:"gray",size:"sm"},"extra-count"),(D||ie||!we.length||!D)&&o(p,{ref:ce,variant:"unstyled",flex:"1",minW:"5rem",value:ie,onChange:e=>le(e.target.value),onFocus:()=>{he(!0),ne(!0)},onBlur:()=>he(!1),placeholder:E}),e(c,{ml:"auto",display:"flex",alignItems:"center",gap:1,children:[re&&we.length>0&&o(I,{placement:"top",label:"Remove All",hasArrow:!0,bg:ye.colors.gray[600],color:ye.colors.white,fontSize:"0.75rem",children:o(h,{icon:o(w,{size:12,color:ye.colors.black}),"aria-label":"Clear all",variant:"ghost",size:"sm",onClick:()=>{B?.(D?[]:void 0),le("")},sx:{bg:"transparent",_hover:{bg:"transparent"},_active:{bg:"transparent"},_focus:{boxShadow:"none",bg:"transparent"}}})}),$?o(g,{size:"sm"}):(ke=J?.icon,i.isValidElement(ke)?o(h,{icon:J?.icon,"aria-label":"right-icon",variant:"ghost",size:"sm",onClick:J?.onClick}):o(c,{as:"button",onClick:e=>{e.preventDefault(),e.stopPropagation(),ne((e=>!e))},"aria-label":"toggle-dropdown",display:"flex",alignItems:"center",children:o(te?u:x,{size:16})}))]})]})}),te&&e(c,{position:"absolute",zIndex:10,width:"100%",maxH:"20rem",borderWidth:1,borderRadius:"sm",bg:"white",boxShadow:"md",display:"flex",flexDirection:"column",children:[D&&Z&&e(c,{p:2,px:3,cursor:"pointer",onClick:()=>{if(ve.every((e=>we.some((o=>o.id===e.id))))){const e=we.filter((e=>!ve.some((o=>o.id===e.id))));B?.(e)}else{const e=ve.filter((e=>!we.some((o=>o.id===e.id))));B?.([...we,...e])}le("")},display:"flex",alignItems:"center",gap:2,borderBottom:`0.063rem solid ${ye.colors.gray[100]}`,children:[o(b,{isChecked:Te,pointerEvents:"none"}),o(f,{fontSize:"sm",children:Te?"Unselect All":"Select All"})]}),o(c,{flex:"1",overflowY:"auto",onScroll:ze,maxH:"15rem",borderBottom:"0.063rem solid",borderColor:ye.colors.gray[200],children:M?e(c,{p:3,display:"flex",alignItems:"center",gap:2,children:[o(g,{size:"sm"}),o(f,{fontSize:"sm",children:_})]}):0===ve.length?o(f,{p:3,fontSize:"sm",color:ye.colors.gray[500],children:"No results found"}):ve.map((i=>e(c,{p:2,px:3,cursor:"pointer",bg:Se(i.id)?ye.colors.gray[100]:"transparent",_hover:{bg:ye.colors.gray[50]},onClick:()=>(e=>{if(D){const o=we.find((o=>o.id===e.id))?we.filter((o=>o.id!==e.id)):[...we,e];B?.(o)}else B?.(e),ne(!1);le("")})(i),display:"flex",alignItems:"center",gap:2,borderBottom:`0.063rem solid ${ye.colors.gray[100]}`,children:[D&&o(b,{isChecked:Se(i.id),pointerEvents:"none",colorScheme:"blue"}),i.view?o(r,{children:i.view}):o(f,{fontSize:"sm",children:i.label})]},i.id)))}),K?.enabled&&e(c,{p:2,borderTop:"0.063rem solid",borderColor:ye.colors.gray[200],bg:"white",display:"flex",alignItems:"center",gap:2,cursor:"pointer",onClick:K.onClick,_hover:{bg:ye.colors.gray[50]},children:[K.icon||o(C,{size:16}),o(f,{fontSize:"sm",children:K.text||"Add New"})]})]}),O&&!P&&o(k,{helperText:O}),P&&o(z,{errorMessage:Y})]});var ke};export{R as default};

package/dist/src/Components/SearchSelect/SelectTruncatedLabel.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Text as r}from"@chakra-ui/react";import{useRef as e,useState as o,useEffect as i}from"react";import c from"../ToolTip/ToolTip.js";const n=({label:n,maxWidth:a="6rem"})=>{const l=e(null),[m,p]=o(!1);i((()=>{const t=l.current;t&&p(t.scrollWidth>t.clientWidth)}),[n,a]);const s=t(r,{ref:l,maxW:a,isTruncated:!0,whiteSpace:"nowrap",fontWeight:500,fontSize:"0.875rem",letterSpacing:"0.044rem",children:n});return m?t(c,{label:n,placement:"top",children:s}):s};export{n as default};

package/dist/src/Components/Select/Select.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useCallback as r}from"react";import{FormControl as i,Select as t}from"@chakra-ui/react";import{TextLabel as n}from"../Common/FormLabel.js";import l from"../Common/ErrorMessage.js";import a from"../Common/HelperText.js";function s({placeholder:s="Select Option",size:m="md",variant:d="outline",icon:c,onChange:h,onBlur:p,onFocus:u,errorBorderColor:f,isDisabled:g,isReadOnly:v,isRequired:C=!1,value:S="",colorScheme:b,label:y,error:x,errorMessage:M,helperText:j,options:B=[],width:I=500,height:O="2.75rem",formControlStyle:R,isInformation:w=!1,informationMessage:F,selectStyle:T}){const q=r((()=>B.length?B.map((o=>e("option",{value:o.id,children:o.label},o.id))):e("option",{value:"",children:"No Options"})),[B]);return o(i,{isInvalid:x,style:R,width:I,children:[y&&e(n,{label:y,isRequired:C,isInformation:w,informationMessage:F}),e(t,{placeholder:s,size:m,variant:d,icon:c,isInvalid:x,value:S,onChange:e=>{const o=e.target.value,r=B.find((e=>e.id.toString()===o.toString()));r&&h&&h(r)},width:I,onBlur:p,onFocus:u,isDisabled:g,isReadOnly:v,colorScheme:b,errorBorderColor:f,style:T,minH:O,children:q()}),x&&e(l,{errorMessage:M}),j&&!x&&e(a,{helperText:j})]})}export{s as default};

package/dist/src/Components/Select/Select.styles.js

@@ -0,0 +1 @@
+const r={baseStyle:{field:{fontWeight:500,fontSize:"0.875rem",letterSpacing:"0.044rem",borderRadius:"0.25rem",minWidth:"0",width:"100%",maxWidth:"100%",_placeholder:{fontStyle:"italic",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},icon:{width:"1.25rem",height:"1.25rem"}},sizes:{sm:{field:{h:"2.125rem",fontSize:"0.8125rem",px:"0.5rem",py:"0.5rem"}},md:{field:{h:"2.375rem",fontSize:"0.875rem",px:"0.75rem",py:"0.5rem"}},lg:{field:{h:"2.75rem",fontSize:"0.9375rem",px:"1rem",py:"0.5rem"}}},variants:{outline:r=>{const{theme:e}=r,o=e.colors.semantic?.error?.[500]??"red.500",d=e.colors.boxborder?.[500]??"gray.300",i=e.colors.boxShadow?.primary??"blue.100",l=e.colors.boxShadow?.error??"red.100",t=e.colors.primary?.[500]??"blue.500";return{field:{bg:e.colors.gray?.[50]??"gray.50",border:"0.063rem solid",borderColor:d,_hover:{borderColor:t,boxShadow:`0 0 0 0.125rem ${i}`},_focus:{borderColor:t,boxShadow:`0 0 0 0.125rem ${i}`},_disabled:{opacity:.4,cursor:"not-allowed"},_invalid:{borderColor:o,boxShadow:`0 0 0 0.125rem ${l}`,_hover:{borderColor:o,boxShadow:`0 0 0 0.125rem ${l}`},_focus:{borderColor:o,boxShadow:`0 0 0 0.125rem ${l}`}}}}}},defaultProps:{variant:"outline",size:"md"}};export{r as Select};

package/dist/src/Components/SelectSearch/SelectSearch.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as o,jsxs as r}from"react/jsx-runtime";import{useState as i,useRef as n,useMemo as t,useCallback as l,useEffect as d}from"react";import{FormControl as s,Box as a,HStack as c,Tag as p,TagLabel as m,TagCloseButton as u,InputGroup as g,Input as h,InputRightElement as b,VStack as f,Spinner as C,Text as x,Avatar as y}from"@chakra-ui/react";import{TextLabel as w}from"../Common/FormLabel.js";import{useCustomTheme as v}from"../../Theme/useCustomTheme.js";import{PlusIcon as k}from"lucide-react";import O from"../Common/ErrorMessage.js";const S=({isOptionLoading:i,filteredOptions:n,loadingText:t,handleOptionClick:l,isProfile:d,isColorOptions:s})=>i?r(f,{py:2,children:[e(C,{size:"sm",color:"blue.500"}),e(x,{color:"blue.500",children:t})]}):n?.length?e(o,{children:n.map((o=>r(a,{px:4,py:2,cursor:"pointer",_hover:{backgroundColor:"blue.50"},onClick:()=>l(o),display:"flex",alignItems:"center",gap:"0.5rem",children:[d&&e(a,{children:e(y,{size:"sm",name:o.label.toLocaleUpperCase(),src:o.profileUrl?o.profileUrl:void 0})}),s&&e(a,{width:"0.8rem",height:"0.8rem",content:"",backgroundColor:o?.color,borderRadius:"50%"}),r(a,{children:[e(a,{children:o.label}),o.email&&e(a,{fontSize:12,color:"gray.400",children:o.email})]})]},o.id)))}):e(x,{px:4,py:2,color:"gray.500",children:"No options found"});function L({options:f,initialSelectedOption:C,onOptionSelect:x,inputOnchange:y,id:L,name:I,label:T,dropdownStyle:z,inputStyle:B,isOptionLoading:M,loadingText:R="loading",boxStyle:E,placeholder:j="Select Option",searchQuery:D=null,isInformation:P=!1,informationMessage:U,rightIcon:Y,rightElementStyle:_,isMultipleSelect:q=!1,isRequired:F=!1,onOptionMultiSelect:H,error:N=!1,isProfile:A=!1,isBottomIcon:K=!1,errorMessage:Q,BottomIcon:W=!1,BottomText:G,handleBottomClick:J,BottomTextColor:V,isColorOptions:X}){const Z=v(),[$,ee]=i(C?[C]:[]),[oe,re]=i(D),[ie,ne]=i(!1),[te,le]=i("below"),de=n(null),se=n(null),ae=t((()=>f.filter((e=>{const o=!q||!$.some((o=>o.id===e.id)),r=e.label||"",i=oe||"";return o&&r.toLowerCase().includes(i.toLowerCase())}))),[f,oe,q,$]),ce=l((e=>{q?ee((o=>{const r=o.some((o=>o.id===e.id))?o.filter((o=>o.id!==e.id)):[...o,e];return re(""),H&&setTimeout((()=>H(r)),0),r})):(re(e.label),ne(!1),x&&x(e))}),[q,x,H]);return d((()=>{ie&&(()=>{if(de.current&&se.current){const e=de.current.getBoundingClientRect(),o=se.current.getBoundingClientRect(),r=window.innerHeight-e.bottom+window.scrollY,i=e.top+window.scrollY;r>=o.height?le("below"):i>=o.height?le("above"):le("below")}})();const e=e=>{de.current&&se.current&&!de.current.contains(e.target)&&!se.current.contains(e.target)&&ne(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[ie]),e(o,{children:e(s,{isInvalid:N,children:r(a,{display:"flex",flexDirection:"column",position:"relative",sx:E,children:[T&&e(w,{label:T,id:L,isRequired:F,isInformation:P,informationMessage:U}),q&&$.length>0&&e(c,{spacing:2,mb:2,children:$.map((o=>r(p,{size:"md",borderRadius:"full",variant:"solid",sx:{backgroundColor:Z.colors.primary[500]},children:[e(m,{width:"50px",children:o.label}),e(u,{onClick:()=>(e=>{ee((o=>o.filter((o=>o.id!==e.id)))),H&&(H($.filter((o=>o.id!==e.id))),re(""))})(o)})]},o.id)))}),r(g,{children:[e(h,{ref:de,border:N?"2px solid #DC143C":"2px solid #e2e8f0",variant:"flushed",value:oe||"",onClick:()=>ne(!0),onFocus:()=>ne(!0),onChange:e=>{return o=e.target.value,re(o),void y(o);var o},placeholder:j,onKeyDown:e=>{if("Enter"===e.key){const e=f.find((e=>e.label?.toLowerCase()===(oe??"")?.toLowerCase()));e&&ce(e)}},id:L,name:I,cursor:"pointer",borderColor:"gray.300",_hover:{borderColor:"blue.500"},_focus:{borderColor:N?"none":"blue.500"},style:{...B,backgroundColor:Z.colors.backgroundColor.main,fontWeight:600,color:Z.colors.gray[700],padding:"0 0.5rem",fontSize:15,letterSpacing:.7,border:N?"2px solid #DC143C":"1px solid #e2e8f0"}}),Y&&e(b,{pointerEvents:"none",children:Y,style:{..._}})]}),ie&&r(a,{ref:se,marginTop:"5px",position:"absolute",top:"below"===te?"100%":"auto",bottom:"above"===te?"100%":"auto",left:0,right:0,border:"1px solid",borderColor:"gray.300",borderRadius:"md",bg:"white",maxHeight:"150px",overflowY:"auto",zIndex:10,children:[e(S,{isOptionLoading:M,filteredOptions:ae,loadingText:R,handleOptionClick:ce,isProfile:A,isColorOptions:X}),e("hr",{}),K&&r(a,{position:"sticky",bottom:0,background:"white",display:"flex",alignItems:"center",pl:"1rem",cursor:"pointer",onClick:J,borderColor:"gray.300",zIndex:1,borderTop:"1px solid lightgray",children:[e(a,{children:W||e(k,{size:"1rem"})}),e(a,{fontSize:"0.875rem",color:V||Z.colors.primary[500],padding:"8px 8px",children:G||"Add New"})]})]}),N&&e(O,{errorMessage:Q})]})})})}export{L as default};

package/dist/src/Components/SideBar/SideBar.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Flex as o,Image as t,Text as l,Box as n}from"@chakra-ui/react";import{useCustomTheme as i}from"../../Theme/useCustomTheme.js";import{FlexCss as s}from"../../Constants/Sidebar.js";import{Plus as c,ArrowRightToLine as a,ArrowLeftToLine as m}from"lucide-react";import d from"./components/MenuItems.js";import h from"../../Assets/defaultLogo.js";function f({menus:f,activeMenu:u,handleMenuClick:g,toggle:p,changeToggle:b,logo:w,companyName:x,isDisableAddNew:y=!1,onAddNewClick:C,selectedSubMenu:k}){const j=i();return e(o,{transition:"all 0.5s",pos:"sticky",h:"100vh",boxShadow:j.shadows.lg,w:p?"4.688rem":"15.625rem",flexDir:"column",justifyContent:"space-between",background:j.colors.sidebar.background[500],children:r(o,{flexDir:"column",w:"100%",alignItems:p?"center":"flex-start",as:"nav",h:"100vh",children:[r(o,w?{my:3.5,alignItems:"left",gap:"0.625rem",pl:p?0:"0.625rem",children:[e(t,{borderRadius:"full",boxSize:"2rem",src:w,alt:"Company Logo"}),e(l,{display:p?"none":"flex",fontSize:18,fontWeight:800,color:j.colors.white,lineHeight:2,children:x})]}:{my:3.5,alignItems:"center",gap:"0.625rem",pl:p?0:"0.625rem",children:[e(n,{bg:j.colors.white,color:j.colors.black,borderRadius:"full",boxSize:"2rem",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",fontSize:{base:"xl",md:"2xl"},children:e(h,{})}),e(l,{fontWeight:800,fontSize:"1.3rem",textAlign:"center",color:j.colors.white,display:p?"none":"flex",lineHeight:2,children:x})]}),e(n,{w:"100%",h:"0.063rem",bg:j.colors.sidebar.background[200]}),r(o,{flexDir:"column",w:"100%",alignItems:p?"center":"flex-start",h:"100vh",overflow:"auto",css:s,overflowX:"hidden",children:[e(n,{width:"100%",flex:"1",overflowY:"auto",overflowX:"hidden",alignItems:p?"center":"flex-start",css:{...s,transition:"all 0.3s ease"},children:e(d,{activeMenu:u,menus:f,handleMenuClick:g??(()=>{}),toggle:p,selectedSubMenu:k})}),e(n,{w:"100%",h:"0.063rem",bg:j.colors.sidebar.background[200],mb:"0.125rem"}),!y&&r(o,{alignItems:"center",gap:"0.5rem",p:"0.625rem",cursor:"pointer",_hover:{backgroundColor:j.colors.primary[500]},w:"100%",justifyContent:p?"center":"flex-start",onClick:C,children:[e(n,{w:"1.625rem",h:"1.625rem",bg:j.colors.white,borderRadius:"full",display:"flex",alignItems:"center",justifyContent:"center",children:e(c,{size:16,color:j.colors.primary[500]})}),e(l,{fontSize:"0.875rem",color:j.colors.white,fontWeight:"medium",display:p?"none":"block",children:"Add New"})]}),r(o,{alignItems:"center",gap:"0.5rem",p:"0.625rem",cursor:"pointer",w:"100%",justifyContent:p?"center":"flex-start",onClick:b,transition:"all 0.5s",bg:j.colors.gray[700],children:[e(n,{w:"1.625rem",h:"1.625rem",borderRadius:"full",display:"flex",alignItems:"center",justifyContent:"center",children:p?e(a,{size:16,color:j.colors?.white}):e(m,{size:16,color:j.colors.white})}),e(l,{fontSize:"0.875rem",color:"white",fontWeight:"medium",display:p?"none":"block",children:"Collapse"})]})]})]})})}export{f as default};

package/dist/src/Components/SideBar/components/MenuItemBox.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r,Fragment as o}from"react/jsx-runtime";import{useState as n}from"react";import{Flex as i,Icon as t,Badge as l,Popover as a,PopoverTrigger as c,Box as m,Portal as d,PopoverContent as s,PopoverBody as p,Collapse as h}from"@chakra-ui/react";import u from"./MenuPopoverContent.js";import{LockKeyhole as g,ChevronDown as f,ChevronRight as b}from"lucide-react";import{useCustomTheme as y}from"../../../Theme/useCustomTheme.js";import k from"./TextTruncation.js";const w=({menu:w,activeMenu:C,toggle:S,handleClick:v})=>{const z=y(),{title:x,icon:j,disabled:M,locked:T,badge:W,subMenu:I}=w,L=!!I?.length,[O,P]=n(!1),_=I?.some((e=>e.id===C)),B=C===w.id||_,E=()=>{!M&&L?P(!O):M||v?.(w)},R={w:"100%",px:"1.5rem",py:"0.75rem",fontWeight:"medium",backgroundColor:B?z.colors.primary[500]:"transparent",color:M?"gray.400":z.colors.white,_hover:M?{}:{backgroundColor:z.colors.primary[700]},pl:S?"1.6875rem":void 0,cursor:M?"not-allowed":"pointer",opacity:M?.6:1},$=e(i,{align:"center",gap:"0.625rem",justify:"space-between",children:[e(i,{align:"center",gap:"0.625rem",overflow:"auto",children:[r(t,{as:j,fontSize:"1.25rem",color:M?z.colors.gray[400]:z.colors.white}),!S&&r(k,{open:O,fontSize:"1rem",flex:"1",children:x})]}),!S&&e(i,{align:"center",gap:"0.375rem",children:[W&&r(l,{colorScheme:"teal",fontSize:"0.625rem",variant:"subtle",children:W}),T&&r(t,{as:g,fontSize:"1rem"}),L&&r(t,{as:O?f:b,fontSize:"1rem",onClick:e=>{e.stopPropagation(),E()}})]})]});return S?e(a,{trigger:"hover",placement:"right-start",closeOnBlur:!1,isLazy:!0,children:[r(c,{children:r(m,{...R,onClick:E,children:$})}),r(d,{children:r(s,{borderRadius:"0.063rem",bg:z.colors.primary[B?500:700],boxShadow:"lg",minW:"10rem",maxW:"14rem",py:"0.125rem",ml:"-0.313rem",cursor:M?"not-allowed":"pointer",zIndex:1500,children:r(p,{p:"0.5rem",color:"white",children:r(u,{menu:w,handleMenuClick:v,activeMenu:C})})})})]}):e(o,{children:[r(m,{...R,onClick:E,children:$}),L&&r(h,{in:O,animateOpacity:!0,children:r(m,{children:I.map((o=>{const n=C===o.id;return e(m,{py:"0.5rem",px:"1.25rem",pl:"3.3rem",fontSize:"0.875rem",backgroundColor:B?z.colors.primary[500]:"transparent",borderLeft:n?`0.188rem solid ${z.colors.background[300]}`:"0.188rem solid transparent",_hover:{backgroundColor:z.colors.primary[700]},opacity:o.disabled?.6:1,cursor:o.disabled?"not-allowed":"pointer",pointerEvents:o.disabled?"none":"auto",onClick:()=>!o.disabled&&v?.(o),display:"flex",alignItems:"center",justifyContent:"space-between",gap:"0.5rem",color:z.colors.white,children:[e(i,{align:"center",gap:"0.5rem",overflow:"auto",children:[r(t,{as:o.icon,fontSize:"1rem"}),r(k,{fontSize:"0.875rem",fontWeight:"medium",open:O,children:o.title})]}),o.locked?r(t,{as:g,fontSize:"1rem"}):o.badge?r(l,{colorScheme:"teal",fontSize:"0.625rem",variant:"subtle",children:o.badge}):null]},o.id||o.title)}))})})]})};export{w as default};

package/dist/src/Components/SideBar/components/MenuItems.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Box as t}from"@chakra-ui/react";import n from"./MenuItemBox.js";const u=({menus:u,activeMenu:r,handleMenuClick:a,toggle:c,selectedSubMenu:i})=>e(t,{children:u.map((t=>e(n,{menu:t,activeMenu:r,toggle:c,handleClick:a,selectedSubMenu:i},t.title)))});export{u as default};

package/dist/src/Components/SideBar/components/MenuPopoverContent.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{Flex as o,Badge as i,Icon as n}from"@chakra-ui/react";import{LockKeyhole as a}from"lucide-react";import{useCustomTheme as l}from"../../../Theme/useCustomTheme.js";import m from"./TextTruncation.js";const c=({menu:c,handleMenuClick:d,activeMenu:s})=>{const u=l(),{title:p,subMenu:f,badge:h,locked:b}=c,g=f?.some((e=>e.id===s));return e(r,{children:[e(o,{align:"center",gap:"0.625rem",mb:f?.length?"0.5rem":0,children:[t(m,{fontWeight:"medium",fontSize:"1rem",flex:"1",children:p}),h&&t(i,{colorScheme:"teal",fontSize:"0.625rem",variant:"subtle",children:h}),b&&t(n,{as:a,fontSize:"1rem"})]}),f?.map((r=>{const l=s===r.id;return e(o,{onClick:()=>!r.disabled&&d?.(r),px:"1rem",py:"0.5rem",align:"center",justify:"space-between",gap:"0.75rem",_hover:{bg:r.disabled?"transparent":u.colors.primary[500],cursor:r.disabled?"not-allowed":"pointer"},bg:g?u.colors.primary[500]:u.colors.primary[700],borderLeft:l?`0.188rem solid ${u.colors.background[300]}`:"0.188rem solid transparent",color:"white",opacity:r.disabled?.5:1,pointerEvents:r.disabled?"none":"auto",children:[e(o,{align:"center",gap:"0.5rem",overflow:"auto",children:[t(n,{as:r.icon,fontSize:"1rem"}),t(m,{fontSize:"0.875rem",fontWeight:"medium",flex:1,children:r.title})]}),r.locked?t(n,{as:a,fontSize:"1rem"}):r.badge?t(i,{colorScheme:"teal",fontSize:"0.625rem",variant:"subtle",children:r.badge}):null]},r.id||r.title)}))]})};export{c as default};

package/dist/src/Components/SideBar/components/TextTruncation.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{useRef as i,useState as n,useEffect as o}from"react";import{Tooltip as c,Text as l,Box as s}from"@chakra-ui/react";const a=({children:a,open:h=!1,...f})=>{const p=i(null),d=i(null),[u,m]=n(!1);return o((()=>{const e=()=>{const e=p.current,t=d.current;if(e&&t){const r=e.offsetWidth,i=t.scrollWidth;m(i>r)}};e();const t=new ResizeObserver(e);return p.current&&t.observe(p.current),()=>t.disconnect()}),[a]),e(t,{children:[r(c,{label:a,isDisabled:!u,hasArrow:!0,placement:"right",children:r(l,{ref:p,isTruncated:!0,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxW:"100%",...f,children:a})}),r(s,{ref:d,position:"absolute",visibility:"hidden",whiteSpace:"nowrap",fontSize:f.fontSize,fontWeight:f.fontWeight,fontFamily:f.fontFamily,lineHeight:f.lineHeight,px:f.px,py:f.py,children:a})]})};export{a as default};

package/dist/src/Components/Skeletons/Skeletons.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{Skeleton as i,SkeletonCircle as r,SkeletonText as n}from"@chakra-ui/react";function s({startColor:s,endColor:d,height:a="20px",isLoaded:l,bg:c,color:h,fadeDuration:p,children:f,type:g,speed:m,size:u,mt:k,noOfLines:x,spacing:C,skeletonHeight:L,width:b}){return e(t,{children:["skeleton"===g&&o(i,{height:a,isLoaded:l,bg:c,color:h,fadeDuration:p,startColor:s,endColor:d,speed:m,width:b,children:f}),"circle"===g&&o(r,{size:u,speed:m}),"text"===g&&o(n,{mt:k,noOfLines:x,spacing:C,skeletonHeight:L})]})}export{s as default};

package/dist/src/Components/Switch/Switch.js

@@ -0,0 +1,49 @@
+import{jsx as t,jsxs as i}from"react/jsx-runtime";import e from"@emotion/styled";import{css as o}from"@emotion/react";const r=e.div`
+  position: relative;
+  width: 100%;
+  height: auto;
+  background-color: white;
+  border-radius: 20px;
+  overflow: hidden;
+`,n=e.div`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 50%;
+  background-color: #eff7ff;
+  border-radius: 16px;
+  border: 1px solid #88c9f3;
+  transition: transform 0.3s ease;
+  transform: ${({position:t})=>"left"===t?"translateX(0%)":"translateX(100%)"};
+`,d=e.ul`
+  display: flex;
+  list-style-type: none;
+  margin: 0;
+  padding: 1px;
+  height: 100%;
+  z-index: 1;
+`,l=e.li`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  width: 110px;
+  height: 100%;
+  color: black;
+  transition: color 0.3s ease;
+  font-weight: 400;
+  padding: 2px;
+  font-size: 14px;
+  ${({isActive:t})=>t&&o`
+      font-weight: 600;
+      background-color: transparent;
+      z-index: 1;
+    `}
+`,s=e.div`
+  background-color: white;
+  height: auto;
+  padding: 1px;
+  width: 200px;
+  border-radius: 20px;
+  border: 1px solid #e2e7ee;
+`;function a({leftText:e,rightText:o,leftIcon:a,rightIcon:c,onSwitchToggle:h,switchActive:p}){return t(s,{children:i(r,{children:[t(n,{position:p}),i(d,{children:[i(l,{isActive:"left"===p,onClick:()=>h("left"),children:[a,e]}),i(l,{isActive:"right"===p,onClick:()=>h("right"),children:[c,o]})]})]})})}export{a as default};

package/dist/src/Components/Table/Components/HeaderActions.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Box as t}from"@chakra-ui/react";import{Trash2 as i,SquarePen as n}from"lucide-react";import r from"react";import{useCustomTheme as s}from"../../../Theme/useCustomTheme.js";const c=({icon:o,name:i,onClick:n,selections:c})=>{const{colors:l}=s(),a=r.cloneElement(o,{color:l?.text?.[500],size:"1.25rem"});return e(t,{display:"flex",alignItems:"center",gap:"0.375rem",onClick:()=>n&&n(c),cursor:"pointer",children:[a," ",i]})},l=({actions:r,selections:l})=>{const{colors:a}=s();return e(t,{display:"flex",gap:4,fontSize:"0.875rem",fontWeight:400,color:a?.secondary?.[500],children:[r?.isDelete?.enabled&&o(c,{icon:o(i,{}),name:"Delete",onClick:r?.isDelete?.onClick,selections:l}),r?.isUpdate?.enabled&&o(c,{icon:o(n,{}),name:"Mass Update",onClick:r?.isUpdate?.onClick,selections:l}),r?.items?.length?r?.items?.map((e=>o(c,{...e,selections:l}))):null]})};export{l as default};

package/dist/src/Components/Table/Components/Pagination.js

@@ -0,0 +1 @@
+import{jsxs as a,jsx as e}from"react/jsx-runtime";import{Flex as l,Select as r,IconButton as i,Text as n}from"@chakra-ui/react";import{pageSizeCalculation as o}from"../../../Utils/table.js";import{ChevronsLeft as t,ChevronLeft as c,ChevronRight as d,ChevronsRight as u}from"lucide-react";const g=({paginationText:g,handlePageSizeChange:h,rowsPerPage:s,currentPage:f,pages:p,setCurrentPage:m,dataLength:b,isServerPagination:k})=>{const v=o(b),C=0===f,P=f>=p-1;return a(l,{justify:"flex-end",align:"center",children:[!k&&a(r,{onChange:h,value:s,size:"xs",borderRadius:3,width:20,children:[b<100?e("option",{value:0}):null,v.map(((a,l)=>e("option",{value:a,children:a},l)))]}),a(l,{children:[e(i,{"aria-label":"left-icon",color:C?"gray":"black",rounded:"full",variant:C?"plain":"ghost",onClick:()=>m(0),children:e(t,{})}),e(i,{"aria-label":"left-icon",color:C?"gray":"black",rounded:"full",variant:C?"plain":"ghost",onClick:()=>f>0&&m(f-1),children:e(c,{})}),e(n,{mt:3,fontSize:12,children:g}),e(i,{"aria-label":"left-icon",color:P?"gray":"black",rounded:"full",variant:P?"plain":"ghost",onClick:()=>f<p-1&&m(f+1),children:e(d,{})}),e(i,{"aria-label":"left-icon",color:P?"gray":"black",rounded:"full",variant:P?"plain":"ghost",onClick:()=>m(p-1),children:e(u,{})})]})]})};export{g as default};

package/dist/src/Components/Table/Components/TableActions.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Popover as i,PopoverTrigger as n,IconButton as r,Portal as o,PopoverContent as a,PopoverBody as l,VStack as s,Button as c}from"@chakra-ui/react";import{EllipsisVertical as h,ExternalLink as d,Pencil as m,Trash2 as p}from"lucide-react";const f=({row:f})=>e(i,{placement:"bottom-start",closeOnBlur:!0,children:[t(n,{children:t(r,{"aria-label":"Link",color:"black",icon:t(h,{size:17}),size:"sm",p:0,variant:"ghost",_hover:{transform:"scale(1.2)"}})}),t(o,{children:t(a,{w:"auto",minW:"150px",boxShadow:"lg",p:0,zIndex:999,children:t(l,{children:e(s,{align:"stretch",spacing:1,children:[f.onLink&&e(c,{size:"sm",variant:"ghost",justifyContent:"flex-start",gap:2,onClick:()=>f?.onLink(f),children:[t(d,{size:17})," View"]}),f.onEdit&&e(c,{size:"sm",variant:"ghost",justifyContent:"flex-start",gap:2,onClick:()=>f?.onEdit?.(f),children:[t(m,{size:17})," Edit"]}),f.onDelete&&e(c,{size:"sm",variant:"ghost",justifyContent:"flex-start",colorScheme:"red",gap:2,onClick:()=>f?.onDelete?.(f),children:[t(p,{size:17}),"Delete"]})]})})})})]});export{f as default};

package/dist/src/Components/Table/Components/TableBody.js

@@ -0,0 +1 @@
+import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import{Td as n,IconButton as i,Tr as l,Box as t}from"@chakra-ui/react";import c,{useState as s,useCallback as d}from"react";import{TableCellCalculation as a}from"../../../Utils/table.js";import{useCustomTheme as m}from"../../../Theme/useCustomTheme.js";import{TableBodyLoading as h}from"./TableLoading.js";import b from"./TableActions.js";import{ChevronDown as u,ChevronRight as g}from"lucide-react";import f from"../../Checkbox/Checkbox.js";const k=({data:k,isCheckbox:p,columns:x,startRow:C,columnWidths:w,freezedBgColor:z,freezedTextColor:S,noBorders:y,handleCheckbox:v,selections:j,isLoading:B,onRowClick:I,isContent:W,isLink:T,isActionFreeze:N})=>{const A=m(),[E,F]=s(new Set),L=d((({row:e,isChecked:r})=>o(n,{w:"6",fontSize:14,fontWeight:600,color:A.colors?.background?.[50],textTransform:"capitalize",backgroundColor:A.colors?.background?.[50],position:"sticky",borderBottom:y?"none":`0.063rem solid ${A.colors?.border[500]}`,boxSizing:"border-box",left:0,zIndex:1,className:"columns sticky-columns",children:o(f,{"aria-label":"Select all rows",onChange:()=>v(e.id),isChecked:r})})),[v,y,A.colors]),O=d((({isExpanded:e,rowIndex:r,isContent:l})=>o(n,{w:"6",p:0,fontSize:14,backgroundColor:A.colors?.background?.[50],color:S,position:"sticky",borderBottom:y?"none":`0.063rem solid ${A.colors?.border[500]}`,boxSizing:"border-box",left:0,zIndex:1,className:"columns sticky-columns",children:l&&o(i,{"aria-label":e?"Collapse row":"Expand row",color:A.colors?.gray[600],icon:o(e?u:g,{fontSize:16}),_hover:{transform:"scale(1.1)"},size:"sm",onClick:()=>(o=>{F((e=>{const r=new Set(e);return r.has(o)?r.delete(o):r.add(o),r}))})(r),variant:"ghost"})})),[S,y,A.colors]),$=d((({row:e})=>o(n,{w:2,p:0,fontSize:14,backgroundColor:A?.colors?.background?.[50],color:S,position:N?"sticky":"relative",borderBottom:y?"none":`0.063rem solid ${A.colors?.border[500]}`,boxSizing:"border-box",right:0,zIndex:1,className:"columns sticky-columns"+(N?"-right":""),children:(e.onLink||e.onEdit||e.onDelete)&&o(b,{row:e})})),[S,y,A.colors,N]),R=Object.values(x).filter((o=>!o.isHidden)).length+(p?1:0)+(W?1:0)+(T?1:0);return B?o(h,{noOfColumns:R,borderColor:A.colors.gray[300]}):0===k.length?o(l,{backgroundColor:A.colors.white,children:o(n,{colSpan:R,textAlign:"center",py:4,children:o(t,{textAlign:"center",fontSize:14,children:o("p",{children:"No data found"})})})}):o(e,{children:k.map(((e,i)=>{const s=C+i,d=E.has(s),m=j.includes(e.id);return r(c.Fragment,{children:[r(l,{sx:m?{"& td":{backgroundColor:A.colors.disabled[100]}}:{},children:[W&&o(O,{rowIndex:s,isExpanded:d,isContent:!!e?.content?.()}),p&&o(L,{row:e,isChecked:m}),x.map(((r,l)=>{if(r.isHidden)return null;const c=r.isFreeze,{leftOffset:s}=a({isFrozen:c,columnWidths:w,headerIndex:l,isCheckbox:p,header:r,row:e,freezedBgColor:z,index:i});return o(n,{maxWidth:500,minWidth:120,height:45,onClick:()=>r.node?null:((o,e)=>{I&&I(o,e)})(e,{label:r.label,id:r.id}),fontSize:14,fontWeight:400,position:c?"sticky":void 0,left:c?s:void 0,zIndex:c?1:0,backgroundColor:A.colors.background?.[50],textOverflow:"ellipsis",borderBottom:y?"none":`0.063rem solid ${A.colors?.gray[c||m?300:200]}`,className:"columns "+(c?"sticky-columns":"scrollable-columns"),boxSizing:"border-box",color:A.colors?.text?.[500],_hover:e.cellStyle?.[r.id]||e.rowStyle?{}:{backgroundColor:A.colors.secondary?.opacity?.[4]},children:o(t,{display:"block",overflow:"hidden",whiteSpace:"normal",overflowWrap:"break-word",children:r.node?r.node(e):e[r.id]})},l+1)})),T&&o($,{row:e})]},i+1),e.content&&d&&o(l,{children:o(n,{colSpan:x.length+(p?1:0)+(W?1:0)+(T?1:0),p:2,children:o(t,{p:2,bg:A.colors.white,borderRadius:"md",children:e?.content(e)})})})]},s)}))})};export{k as default};

package/dist/src/Components/Table/Components/TableFilters.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{memo as o,useRef as n,useState as t,useEffect as a}from"react";import{Popover as l,PopoverTrigger as c,IconButton as i,Portal as s,PopoverContent as h,PopoverBody as p,InputGroup as u,InputLeftElement as m,Input as d}from"@chakra-ui/react";import{debounce as f}from"../../../Utils/table.js";import{EllipsisVertical as g,Search as x}from"lucide-react";const v=o((({header:o,setColumnsSearch:v,columnsSearch:b,onClose:z})=>{const C=n(null),[S,j]=t(!1),F=f((e=>{v(e)}),700);return a((()=>{b.length&&C.current&&(C.current.value=b)}),[S]),e(l,{onClose:z,onOpen:()=>{j((e=>!e))},children:[r(c,{children:r(i,{"aria-label":"Search",icon:r(g,{size:17}),size:"xs",variant:"ghost",_hover:{bg:"none"}})}),r(s,{children:r(h,{width:"200px",children:r(p,{p:2,children:e(u,{flex:"1",size:"xs",children:[r(m,{pointerEvents:"none",children:r(x,{color:"gray.300"})}),r(d,{autoFocus:!0,placeholder:`Search ${o.label}...`,size:"xs",ref:C,onChange:e=>{e.stopPropagation(),F(e.target.value)},onFocus:e=>e.stopPropagation()})]})})})})]})}));export{v as default};

package/dist/src/Components/Table/Components/TableHeader.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Box as r,Th as t,Tr as n}from"@chakra-ui/react";import{memo as s,useState as i,useCallback as l}from"react";import{calculateLeftOffset as c}from"../../../Utils/table.js";import{useCustomTheme as a}from"../../../Theme/useCustomTheme.js";import d from"./TableFilters.js";import{ChevronsUpDown as m,ChevronUp as h,ChevronDown as u}from"lucide-react";import p from"../../Checkbox/Checkbox.js";var x=s((({columns:r,isCheckbox:s,handleSort:i,headerRefs:c,columnWidths:d,columnsSort:m,headerBgColor:h,headerTextColor:u,freezedBgColor:x,freezedTextColor:f,noBorders:C,handleCheckbox:g,checked:k,isLoading:S,isContent:v,isLink:y,isActionFreeze:z,setColumnsSearch:w,columnsSearch:T})=>{const W=a(),I=l((()=>o(t,{w:6,fontSize:14,fontWeight:600,color:f,textTransform:"capitalize",backgroundColor:W.colors?.table?.hover?.[600],borderY:C?"none":`0.063rem solid ${W.colors?.gray[300]}`,position:"sticky",className:"columns sticky-columns",left:"0px",zIndex:9,boxShadow:"2px 0 5px rgba(0, 0, 0, 0.1)",children:o(p,{"aria-label":"Select all rows",variant:"outline",onChange:()=>g(0),isChecked:!S&&!0===k,isIndeterminate:"indeterminate"===k})})),[k,f,g,S,C,W.colors]),j=l((()=>o(t,{w:6,minW:"35px",p:0,backgroundColor:W.colors?.table?.hover?.[600],borderY:C?"none":`0.063rem solid ${W.colors?.gray[300]}`,position:"sticky",className:"columns sticky-columns",left:"0px",zIndex:1,boxShadow:"2px 0 5px rgba(0, 0, 0, 0.1)"})),[C,W.colors]),B=l((()=>o(t,{w:2,p:0,minW:"2.065rem",backgroundColor:W.colors?.table?.hover?.[600],borderY:C?"none":`0.063rem solid ${W.colors?.gray[300]}`,position:z?"sticky":"relative",className:"columns sticky-columns",right:"0px",zIndex:1,boxShadow:"2px 0 5px rgba(0, 0, 0, 0.1)"})),[C,W.colors,z]);return e(n,{pr:0,children:[v&&o(j,{}),s&&o(I,{}),r.map(((e,r)=>e?.isHidden?null:o(b,{header:e,index:r,columnWidths:d,handleSort:i,isCheckbox:s,headerBgColor:h,headerTextColor:u,freezedBgColor:x,freezedTextColor:f,noBorders:C,columnsSort:m,headerRefs:c,columnsSearch:T,setColumnsSearch:w},e.label))),y&&o(B,{})]})}));const f=s((({sortState:t,handleSortClick:n})=>{const s=a();return e(r,{display:"flex",alignItems:"center",justifyContent:"center",bg:s.colors.white,borderRadius:"full",cursor:"pointer",w:"24px",h:"24px",ml:2,onClick:n,transition:"transform 0.2s ease-in-out",_hover:{transform:"scale(1.1)"},children:["none"===t&&o(m,{color:"black",size:14}),"asc"===t&&o(h,{color:"black",size:14}),"desc"===t&&o(u,{color:"black",size:14})]})})),b=s((({header:n,index:s,columnWidths:m,isCheckbox:h,headerTextColor:u,freezedTextColor:p,noBorders:x,columnsSort:b,headerRefs:C,columnsSearch:g,setColumnsSearch:k,handleSort:S})=>{const[v,y]=i(!1),z=a(),w=n.isFreeze,T=w?c(m,s)+(h?50:0):void 0,W=n.isSort?b.find((e=>e.column===n.id)):void 0,I=l((({isSorting:e,header:r})=>o(f,{sortState:e?.direction??"none",handleSortClick:()=>{let o="asc";"asc"===e?.direction?o="desc":"desc"===e?.direction&&(o="none"),S(r.id,o)}})),[S]),j=v&&n.isSort||W?.direction&&"none"!==W.direction;return o(t,{ref:e=>C.current[s]=e,textTransform:"capitalize",fontSize:16,fontWeight:600,position:w?"sticky":void 0,left:w?T:void 0,minWidth:120,backgroundColor:z.colors?.table?.hover?.[600],maxWidth:500,zIndex:w?2:1,py:2,pr:0,borderY:x?"none":`0.063rem solid ${z.colors?.border[500]}`,className:"columns "+(w?"sticky-columns":"scrollable-columns"),height:45,onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:e(r,{display:"flex",color:z.colors?.secondary?.[500],lineHeight:"1.25rem",justifyContent:"space-between",alignItems:"center",position:"relative",children:[o(r,{textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",overflow:"hidden",children:n.label}),e(r,{display:"flex",alignItems:"center",children:[j&&o(I,{isSorting:W,header:n}),o(d,{header:n,setColumnsSearch:e=>k((o=>({...o,[n.id]:e}))),columnsSearch:g[n.id]||"",onClose:()=>y(!1)})]}),o("div",{className:"resize-handle",onMouseDown:e=>{const o=e.target.parentElement.parentElement,r=e.pageX,t=o.offsetWidth,n=e=>{const n=t+(e.pageX-r);o.style.width=`${n}px`},s=()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",s)};document.addEventListener("mousemove",n),document.addEventListener("mouseup",s)}})]})},s+1)}));export{x as default};

package/dist/src/Components/Table/Components/TableLoading.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{Tr as o,Td as n,Skeleton as t}from"@chakra-ui/react";const i=({noOfColumns:i,borderColor:a})=>r(e,{children:Array.from({length:5}).map(((e,c)=>r(o,{children:r(n,{colSpan:i,textAlign:"center",border:`1px solid ${a}`,children:r(t,{height:"15px",variant:"shine"})})},c)))});export{i as TableBodyLoading};

package/dist/src/Components/Table/Components/TableSearch.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useState as o}from"react";import{Box as t,Icon as a,InputGroup as l,Input as s,InputRightElement as i}from"@chakra-ui/react";import{Search as c,X as m}from"lucide-react";import{useCustomTheme as n}from"../../../Theme/useCustomTheme.js";import{useDebounce as u}from"../../../Utils/table.js";const d=({onSearch:d})=>{const{colors:p}=n(),[h,f]=o(!1),[x,b]=o(""),g=()=>{f((r=>!r)),h&&(b(""),x&&d?.(""))},C=u((r=>{d?.(r)}),700);return r(t,{display:"flex",alignItems:"center",gap:"2",children:[!h&&e(a,{as:c,transform:"scaleX(-1)",cursor:"pointer",boxSize:5,color:p?.text?.[500],onClick:g}),h?r(l,{maxW:"12.5rem",transition:"all 0.3s ease",children:[e(s,{placeholder:"Search...",value:x,onChange:r=>{const e=r.target.value;b(e),C(e)},size:"sm",borderRadius:"md",borderColor:p?.border?.[500],_focus:{borderColor:p?.primary?.[500]},autoFocus:!0}),e(i,{display:"flex",alignItems:"center",height:"2rem",children:e(a,{as:m,color:p?.text?.[500],cursor:"pointer",onClick:g})})]}):null]})};export{d as default};

package/dist/src/Components/Table/Components/useTable.js

@@ -0,0 +1 @@
+import{useRef as e,useState as t,useMemo as o,useEffect as n,useCallback as r}from"react";import{useCustomTheme as s}from"../../../Theme/useCustomTheme.js";import{SortMultiColumnData as a,globalSearchFilter as l}from"../../../Utils/table.js";const i=({tableBorderColor:i,data:c,isPagination:d,selections:h,onSelection:u,tablePreferences:m,savePreferences:g,noOfRowsPerPage:f,isServerPagination:p,totalRecords:b,columns:P})=>{const x=s(),C=e([]),[S,w]=t([]),[R,v]=t(h??[]),[k,D]=t([]),[L,W]=t(0),[j,y]=t(f??50),M=o((()=>c),[c]),[T,z]=t(M),[B,E]=t(P);n((()=>{if(m){const e=m.columns;e?.length&&E(e)}}),[m]),n((()=>{z(M)}),[M]);const G=o((()=>({borderRadius:"10px 0 0 10px",borderWidth:"0px 0px 0px 5px",borderColor:i??x.colors?.gray[500],boxShadow:x.shadows.lg,maxHeight:"50vh",overflowY:"auto"})),[i,x]),H=o((()=>M.some((e=>e.content))),[M]),I=o((()=>M.some((e=>e.onLink||e.onDelete||e.onEdit))),[M]);n((()=>{const e=C.current.map((e=>e?.offsetWidth||0));w(e)}),[]);const N=o((()=>p?Math.ceil(b/(f??1)):d?Math.ceil(M.length/j):0),[d,j,M.length,b,p,f]),O=o((()=>d?L*j:0),[L,d,j]),U=o((()=>d?O+j:M.length),[d,j,O,M.length]);n((()=>{if(p)return z(M);const e=a(M,k).slice(O,U);return z(e)}),[k,O,U,M,p]);const Y=r(((e,t)=>{if(!t)return;const o=[...k],n=o.findIndex((t=>t.column===e));if(-1===n)o.push({column:e,direction:"asc"});else{o[n].direction=t}D(o)}),[k]);n((()=>{v(h??[])}),[h]);const q=r((e=>{let t=[];t=0===e?R.length===M.length?[]:M.map((e=>e.id)):R.includes(e)?R.filter((t=>t!==e)):[...R,e],v(t),u&&u(t)}),[u,R,M]);return{tableData:M,tableContainerStyles:G,isContent:H,isLink:I,headerRefs:C,columnWidths:S,handleSort:Y,handleCheckbox:q,filteredData:T,startRow:O,endRow:U,selection:R,columnsSort:k,handlePageSizeChange:e=>{const t=Number(e.target.value);y(0!==t?t:50),W(0)},pages:N,currentPage:L,rowsPerPage:j,setCurrentPage:W,columnsList:B,handleColumnPreferences:e=>{E(e),g&&g({...m,columns:e})},handleGlobalSearch:e=>{e||z(M),z(l(M,e))}}};export{i as default};

package/dist/src/Components/Table/Table.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{useState as n,useMemo as t,useEffect as s}from"react";import{Box as a,TableContainer as i,Table as l,Thead as c,Tbody as d}from"@chakra-ui/react";import h from"./Components/Pagination.js";import m from"./Components/TableHeader.js";import g from"./Components/TableBody.js";import{useCustomTheme as p}from"../../Theme/useCustomTheme.js";import u from"./Components/useTable.js";import{searchAndSortData as f}from"../../Utils/table.js";import{useGetPreferences as C,useSavePreferences as b}from"../../Hooks/usePreferences.js";import P from"./TableSettings/TableSettings.js";import k from"./Components/HeaderActions.js";import x from"../Divider/Divider.js";import S from"./Components/TableSearch.js";function T({data:T,columns:w,onSelection:z,isLoading:j,isCheckbox:y=!1,headerBgColor:R,freezedBgColor:v,headerTextColor:B,freezedTextColor:L,tableBorderColor:A,noBorders:D=!1,isPagination:H=!0,onRowClick:U,selections:W,isActionFreeze:$=!0,preferencesUrl:F="",preferencesKey:I="",preferencesName:N="",preferencesPage:O="",authToken:G="",paginationMode:K="client",noOfRowsPerPage:M=50,totalRecords:V=0,onPagination:X,isTableSettings:Y=!1,headerActions:_}){const q=p(),[E,J]=n({}),Q="server"===K,{preferences:Z,loading:ee}=C({baseUrl:F,page:O,key:I,name:N,authToken:G}),{savePreferences:oe}=b({baseUrl:F,page:O,key:I,name:N,authToken:G}),re=t((()=>ee||j),[ee,j]),ne=t((()=>Z.length?Z[0].json:{}),[Z]),{tableData:te,isContent:se,isLink:ae,headerRefs:ie,columnWidths:le,handleSort:ce,handleCheckbox:de,filteredData:he,startRow:me,endRow:ge,selection:pe,columnsSort:ue,currentPage:fe,pages:Ce,rowsPerPage:be,handlePageSizeChange:Pe,setCurrentPage:ke,columnsList:xe,handleColumnPreferences:Se,handleGlobalSearch:Te}=u({tableBorderColor:A,data:T,isPagination:H,selections:W,columns:w,onSelection:z,tablePreferences:ne,savePreferences:oe,noOfRowsPerPage:M,totalRecords:V,isServerPagination:Q}),we=t((()=>f(he,E)),[E,he]);s((()=>{X&&X(fe+1,M)}),[fe,X,M]);const ze=`${me+1} - ${ge>te.length?te.length:ge} of ${Q?V:te.length}`;return e(a,{bg:q.colors?.background?.[50],border:`0.063rem solid ${q.colors.border?.[500]}`,borderRadius:3,children:[e(a,{display:"flex",alignItems:"center",justifyContent:"space-between",px:3,py:0,height:45,gap:2,children:[o(S,{onSearch:Te}),Y&&e(r,{children:[o(x,{}),o(P,{columns:xe,onSave:e=>Se(e)})]}),pe.length?e(r,{children:[o(x,{}),o(k,{actions:_,selections:pe})]}):null,(H||Q)&&o(a,{ml:"auto",children:o(h,{columns:w,currentPage:fe,setCurrentPage:ke,rowsPerPage:be,pages:Ce,paginationText:ze,handlePageSizeChange:Pe,dataLength:te.length,isServerPagination:Q,isVisiblity:!0})})]}),o(i,{maxH:500,overflowY:"auto",children:e(l,{variant:"simple",size:"sm",overflowX:"scroll",minW:"100%",className:"table_wrapper",sx:{width:"100%",borderCollapse:"collapse","th .resize-handle":{position:"absolute",top:0,right:0,width:"8px",height:"100%",cursor:"col-resize",backgroundColor:"transparent",zIndex:999}},children:[o(c,{position:"sticky",top:-.5,zIndex:2,children:o(m,{columns:xe,isCheckbox:y,headerBgColor:R??q.colors.backgroundColor.muted,headerTextColor:B??q.colors?.gray[600],freezedBgColor:v??q.colors.backgroundColor.secondary,freezedTextColor:L??q.colors?.gray[600],handleSort:ce,headerRefs:ie,columnWidths:le,columnsSort:ue,noBorders:D,handleCheckbox:de,isLoading:re,checked:0!==te.length&&pe.length===te.length||0!==pe.length&&"indeterminate",isContent:se,isLink:ae,isActionFreeze:$,setColumnsSearch:J,columnsSearch:E})}),o(d,{children:o(g,{data:we,columns:xe,startRow:me,endRow:ge,isCheckbox:y,columnWidths:le,noBorders:D,freezedBgColor:v??q.colors.backgroundColor.secondary,freezedTextColor:L??q.colors?.gray[600],handleCheckbox:de,selections:pe,isLoading:re,onRowClick:U,isContent:se,isLink:ae,isActionFreeze:$})})]})})]})}export{T as default};

package/dist/src/Components/Table/TableSettings/ManageColumns.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i,useImperativeHandle as n}from"react";import{Box as t,Input as o,Flex as a,Text as l,List as d,ListItem as s,IconButton as c}from"@chakra-ui/react";import m from"../../Checkbox/Checkbox.js";import{useCustomTheme as g}from"../../../Theme/useCustomTheme.js";import{GripVertical as h}from"lucide-react";const u=({columns:u,childInputMethodsRef:p})=>{const f=g(),[b,C]=i(u.map((e=>({...e,isHidden:!e.isHidden})))),[H,x]=i(""),[v,y]=i(null);n(p,(()=>({getManageColumnsData:()=>b.map((e=>({...e,isHidden:!e.isHidden})))})),[b]);const D=()=>{y(null)},S=b.filter((e=>e.label.toString().toLowerCase().includes(H.toLowerCase())));return e(t,{mt:"5",children:[r(o,{placeholder:"Search",mb:"4",value:H,onChange:e=>x(e.target.value)}),!H.length&&e(a,{align:"center",mb:"2",children:[r(m,{isChecked:b.every((e=>e.isHidden)),onChange:()=>{const e=b.every((e=>e.isHidden));C(b.map((r=>({...r,isHidden:!e}))))}}),r(l,{ml:"2",fontSize:14,children:"Select all"})]}),r(d,{spacing:"2",children:S.length>0?S.map(((i,n)=>e(s,{draggable:!0,onDragStart:()=>(e=>{y(e)})(n),onDragOver:e=>((e,r)=>{if(e.preventDefault(),null===v||v===r)return;const i=[...b],n=i[v];i.splice(v,1),i.splice(r,0,n),y(r),C(i)})(e,n),onDragEnd:D,bg:f.colors.gray[50],display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:"md",border:"1px solid",borderColor:"gray.200",cursor:"grab",position:"relative",fontSize:14,children:[r(c,{"aria-label":"Drag",icon:r(h,{}),variant:"ghost",cursor:"grab",mr:"1"}),r(m,{isChecked:i.isHidden,onChange:()=>(e=>{const r=[...b];r[e].isHidden=!r[e].isHidden,C(r)})(n),sx:{marginRight:"4"}}),r(l,{flex:"1",children:i.label})]},i.id))):r(l,{color:"gray.500",textAlign:"center",children:"No items found"})})]})};export{u as default};