https://google-sheet-comment.vercel.app/_next/static/chunks/app/page-f37f61f3098129a6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{61:(e,t,r)=>{Promise.resolve().then(r.bind(r,6819))},6819:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>E});var s=r(5155),a=r(2115),o=r(4624),i=r(2085),l=r(2596),n=r(9688);function c(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,n.QP)((0,l.$)(t))}let d=(0,i.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",outline:"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function u(e){let{className:t,variant:r,size:a,asChild:i=!1,...l}=e,n=i?o.DX:"button";return(0,s.jsx)(n,{"data-slot":"button",className:c(d({variant:r,size:a,className:t})),...l})}var p=r(5453),m=r(6786);let h=["user001","user002"],g=["Nany","Mary"],v=(0,p.v)()((0,m.Zr)(e=>({user:null,setUser:t=>e({user:t})}),{name:"user-storage"}));var x=r(96),f=r(6766),b=r(6874),y=r.n(b),N=r(7411);function j(e){let{className:t,...r}=e;return(0,s.jsx)(N.bL,{"data-slot":"avatar",className:c("relative flex size-8 shrink-0 overflow-hidden rounded-full",t),...r})}function P(e){let{className:t,...r}=e;return(0,s.jsx)(N._V,{"data-slot":"avatar-image",className:c("aspect-square size-full",t),...r})}function k(e){let{className:t,...r}=e;return(0,s.jsx)(N.H4,{"data-slot":"avatar-fallback",className:c("bg-muted flex size-full items-center justify-center rounded-full",t),...r})}let w=()=>{let{user:e,setUser:t}=v(),{client:r}=(0,x.aLN)(),o=(0,a.useMemo)(()=>h.map((e,t)=>({uid:e,displayName:g[t],email:"".concat(g[t].toLowerCase(),"@gmail.com"),photoUrl:["https://api.dicebear.com/7.x/pixel-art/svg?seed=Nany","https://api.dicebear.com/7.x/pixel-art/svg?seed=Mary"][t]})),[]);(0,a.useEffect)(()=>{e||localStorage.getItem("user-storage")||t(o[0])},[e,t,o]),(0,a.useEffect)(()=>{if(!r||!e)return;let t={userId:e.uid,organizationId:"organization_id",name:e.displayName,email:e.email,photoUrl:e.photoUrl};r.identify(t)},[r,e]);let[i,l]=(0,a.useState)(!1),n=(0,a.useRef)(null);return(0,a.useEffect)(()=>{function e(e){n.current&&!n.current.contains(e.target)&&l(!1)}return i?document.addEventListener("mousedown",e):document.removeEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[i]),(0,s.jsxs)("header",{className:"flex items-center justify-between p-2 border-b bg-white",children:[(0,s.jsx)("div",{className:"flex flex-col justify-start items-start",children:(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(f.default,{src:"https://www.gstatic.com/images/branding/product/2x/sheets_2020q4_48dp.png",alt:"google-spreadsheet-icon",width:40,height:40}),(0,s.jsxs)("div",{children:[(0,s.jsx)(y(),{href:"/",className:"flex items-center",children:(0,s.jsx)("span",{className:"text-lg font-medium",children:"Sheets"})}),(0,s.jsx)("div",{className:" flex items-center gap-2",children:["File","Edit","View","Insert","Format","Data","Tools","Help"].map(e=>(0,s.jsx)("div",{className:"flex items-center gap-2 hover:underline hover:cursor-pointer",children:(0,s.jsx)("span",{className:"text-sm",children:e})},e))})]})]})}),(0,s.jsxs)("div",{className:"flex items-center ml-4 gap-4",children:[(0,s.jsx)(x.SFz,{}),e?(0,s.jsx)("div",{className:"flex items-center gap-4",children:(0,s.jsxs)("div",{className:"relative",ref:n,children:[(0,s.jsxs)("button",{className:"flex items-center gap-2 p-2 border rounded bg-white hover:bg-gray-50 min-w-[120px]",type:"button",onClick:()=>l(e=>!e),children:[(0,s.jsxs)(j,{children:[(0,s.jsx)(P,{src:e.photoUrl,alt:e.displayName}),(0,s.jsx)(k,{children:e.displayName[0]})]}),(0,s.jsx)("span",{children:e.displayName}),(0,s.jsx)("svg",{className:"ml-1 w-4 h-4 transition-transform ".concat(i?"rotate-180":"rotate-0"),fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),i&&(0,s.jsx)("div",{className:"absolute right-0 mt-2 w-48 bg-white border rounded shadow-lg z-10",children:o.map(r=>(0,s.jsxs)("div",{className:"flex items-center gap-2 px-4 py-2 cursor-pointer hover:bg-gray-100 ".concat(e.uid===r.uid?"bg-gray-50":""),onClick:()=>{t(r),l(!1)},children:[(0,s.jsxs)(j,{children:[(0,s.jsx)(P,{src:r.photoUrl,alt:r.displayName}),(0,s.jsx)(k,{children:r.displayName[0]})]}),(0,s.jsx)("span",{children:r.displayName})]},r.uid))})]})}):(0,s.jsx)(u,{variant:"ghost",onClick:()=>t(o[0]),className:"text-gray-600 hover:bg-gray-100",children:"Login"})]})]})};var S=r(5388),C=r(7035);S.syG.registerModules([S.JKr]);let D=e=>String.fromCharCode(65+e),L=e=>Array.from({length:e},(e,t)=>t),I=()=>[{ProductID:"P001",ProductName:"Apple",Category:"Electronics",StockLevel:50,RestockDate:"2024-0

17-10",Price:999,Supplier:"TechWorld"},{ProductID:"P002",ProductName:"Samsung",Category:"Electronics",StockLevel:30,RestockDate:"2024-07-12",Price:899,Supplier:"MobileCorp"},{ProductID:"P003",ProductName:"Nike",Category:"Footwear",StockLevel:120,RestockDate:"2024-07-15",Price:150,Supplier:"SportsGear"},{ProductID:"P004",ProductName:"Levi",Category:"Clothing",StockLevel:75,RestockDate:"2024-07-20",Price:60,Supplier:"DenimWorks"},{ProductID:"P005",ProductName:"Kitchen",Category:"Appliances",StockLevel:20,RestockDate:"2024-07-22",Price:350,Supplier:"Homes"},{ProductID:"P006",ProductName:"Dell",Category:"Electronics",StockLevel:45,RestockDate:"2024-07-25",Price:1200,Supplier:"Computer"},{ProductID:"P007",ProductName:"Adidas",Category:"Footwear",StockLevel:90,RestockDate:"2024-07-28",Price:180,Supplier:"SportsGear"},{ProductID:"P008",ProductName:"Polo",Category:"Clothing",StockLevel:150,RestockDate:"2024-07-30",Price:35,Supplier:"FashionHub"},{ProductID:"P009",ProductName:"Sony",Category:"Electronics",StockLevel:60,RestockDate:"2024-08-01",Price:350,Supplier:"TechWorld"},{ProductID:"P010",ProductName:"UCB",Category:"Appliances",StockLevel:100,RestockDate:"2024-08-05",Price:90,Supplier:"Homes"}],R=(e,t)=>{let r=I(),s=["Product ID","Product Name","Category","Stock Level","Restock Date","Price","Supplier"];return L(e).map(e=>{let a={};for(let o=0;o<t;o++){let t=D(o);0===e?a[t]=s[o]||"":o<7&&e-1<r.length?a[t]=Object.values(r[e-1])[o]:a[t]=""}return a})};function E(){let[e]=(0,a.useState)(()=>R(40,26)),t=(0,a.useRef)(null),r=(0,a.useMemo)(()=>L(26).map(e=>({field:D(e),headerName:D(e),editable:!0,width:140,cellRenderer:z,headerClass:"google-like-header"})),[26]),o=(0,a.useMemo)(()=>({suppressDragLeaveHidesColumns:!0,suppressScrollOnNewData:!0,suppressMenuHide:!0,rowSelection:"multiple",suppressColumnVirtualisation:!0,suppressRowVirtualisation:!1,animateRows:!1,enableCellTextSelection:!0}

1),[]);return(0,x.$RV)("sheet-1",{documentName:"salary sheet"}),(0,s.jsxs)("div",{className:"h-screen w-screen flex flex-col bg-white text-xs",children:[(0,s.jsx)(x.Q05,{popoverMode:!0,customAutocompleteSearch:!0}),(0,s.jsx)(w,{}),(0,s.jsx)("div",{className:"ag-theme-alpine flex-1 w-full",children:(0,s.jsx)(C.W6,{ref:t,rowData:e,columnDefs:r,gridOptions:o,headerHeight:36,rowHeight:40,suppressCellFocus:!0,suppressMovableColumns:!0,suppressFieldDotNotation:!0,debounceVerticalScrollbar:!0,suppressContextMenu:!0})})]})}let z=a.memo(function(e){let[t,r]=(0,a.useState)(e.value),o="cell-".concat(e.node.rowIndex,"-").concat(e.colDef.field),i=t&&""!==t.toString().trim(),l=(0,a.useCallback)(()=>{e.node.setDataValue(e.colDef.field,t)},[t,e]);return(0,s.jsxs)("div",{className:"relative w-full h-full group",id:o,"data-velt-target-comment-element-id":o,children:[(0,s.jsx)("input",{value:t,onChange:e=>r(e.target.value),onBlur:l,className:"w-full h-full focus:outline-none bg-transparent text-sm px-2 pr-9",style:{fontFamily:"Arial, sans-serif",boxSizing:"border-box"}}),i&&(0,s.jsx)("div",{className:"absolute top-1 right-2 h-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-2",children:(0,s.jsx)("div",{className:"rounded-full transition-colors cursor-pointer",children:(0,s.jsx)(x.JXn,{targetElementId:o,style:{width:"18px",height:"18px"}})})})]})})}},e=>{var t=t=>e(e.s=t);e.O(0,[789,266,306,441,684,358],()=>t(61)),_N_E=e.O()}]);