npm - @erpsquad/common - Versions diffs - 1.8.40 → 1.8.41 - Mend

@erpsquad/common 1.8.40 → 1.8.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4412) hide show

package/dist/components/inventory-reports-title-bar/inventory-reports-title-bar/index.js CHANGED Viewed

@@ -1,31 +1,31 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=,/* empty css                         */l=;/* empty css                                 */;/* empty css                                         */var a=,/* empty css                                                       */r=require("react"),i=require("@mui/icons-material/KeyboardArrowDown"),o=,/* empty css                           */n=,/* empty css                                      */s=,/* empty css                     */d=require("@mui/material"),u=,/* empty css                     */c=require("date-fns/locale"),p=,/* empty css                               */m=require("react-date-range"),v=require("dayjs"),x=,/* empty css                                   */h=,/* empty css                                   */y=,/* empty css                             */f=,/* empty css                             */b=;/* empty css                        */function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Y=/* @__PURE__ */j(i),g=/* @__PURE__ */j(v);const D={"& .MuiOutlinedInput-root":{"& fieldset":{border:"none"},"&:hover fieldset":{border:"none"},"&.Mui-focused fieldset":{border:"none"}}};exports.default=i=>{const{title:v,handleAddButton:j,buttons:R=[],dropdownMenuButtonData:T,isTitleMenu:_=!1,titleMenus:M=[],reportFilterFields:k=[],toggleCallback:E,tabs:S,activeValue:C,setActiveValue:w,isDateFilterEnabled:A,onDateFilterChange:B,filters:I={},isDateRange:F=!0,activeView:N="",setActiveView:O,showLevelBtn:q=!1,handleRowsExpand:W,handleRowsCollapse:U,customElement:G,showLeftContent:K=!0,isViewButton:V=!1,handleRedirect:P,buttonText:H="",dataLength:L,filterDropDown:$=[],filterKeys:z}=i,Q=[{key:"company",label:"Search Company",placeholder:"Company",apiType:"company",valueKey:(null==z?void 0:z.company)?z.company:"company",customFilter:null},{key:"assembly_item",label:"Search Assembaly Items",placeholder:"Assembaly Items",apiType:"assemblyItems",valueKey:(null==z?void 0:z.assembly_item)?z.assembly_item:"assembly_item_id"},{key:"item",label:"Search Items",placeholder:"Items",apiType:"reportItems",valueKey:(null==z?void 0:z.item)?z.item:"item_id",multiple:!0},{key:"location",label:"Search Warehouse Location",placeholder:"Warehouse Location",apiType:"location",valueKey:(null==z?void 0:z.location)?z.location:"warehouse_id",customFilter:null,multiple:!0},{key:"bom",label:"Search Bill of Materials",placeholder:"Filter Bill of Materials",apiType:"bom",valueKey:(null==z?void 0:z.bom)?z.bom:"bom_id",customFilter:null,multiple:!0},{key:"work_order",label:"Search Work Order",placeholder:" Work Order",apiType:"workOrder",valueKey:(null==z?void 0:z.work_order)?z.work_order:"work_order_id",customFilter:null,multiple:!0},{key:"routing",label:"Search Routing",placeholder:" Routing",apiType:"routing",valueKey:(null==z?void 0:z.routing)?z.routing:"routing_id",customFilter:null,multiple:!0},{key:"operation",label:"Search Operation",placeholder:" Operation",apiType:"operations",valueKey:(null==z?void 0:z.operation)?z.operation:"operation_id",customFilter:null,multiple:!0},{key:"equipment",label:"Search Equipment",placeholder:" Equipment",apiType:"equipment",valueKey:(null==z?void 0:z.equipment)?z.equipment:"equipment_id",customFilter:null,multiple:!0},{key:"work_center",label:"Search Work Center",placeholder:" Work Center",apiType:"workCenter",valueKey:(null==z?void 0:z.work_center)?z.work_center:"work_center_id",customFilter:null,multiple:!0}],J={border:"none","&.Mui-focused":{borderColor:"transparent"},"& .MuiOutlinedInput-input":{padding:"0px",fontSize:"14px",color:"#289b64"},"& .MuiOutlinedInput-notchedOutline":{border:"none"},"& .MuiSelect-icon":{color:"green"}},[X,Z]=r.useState([]),[ee,te]=r.useState("TODAY"),[le,ae]=r.useState(!1),[re,ie]=r.useState(new Date(g.default((null==I?void 0:I.as_of_date)||"").format("YYYY-MM-DD"))),[oe,ne]=r.useState([{value:"date"},{value:"location"},{value:"company"}]),[se,de]=r.useState(1),[ue,ce]=r.useState({startDate:new Date(g.default((null==I?void 0:I.start_date)||"").format("YYYY-MM-DD")),endDate:new Date(g.default((null==I?void 0:I.end_date)||"").format("YYYY-MM-DD")),key:"selection"}),pe=r.useRef(null),[me,ve]=r.useState(null),xe=r.useRef(null),he=r.useRef(null),ye=()=>{pe.current=null,ae(!1)},fe=e=>{if(te(e),"CUSTOM"===e)pe.current=xe.current,ae(!0);else{const t=p.handleCompareDateRangeSync({range:p.RANGE[e],from:"",to:""});null==B||B({start_date:(null==t?void 0:t.from)?null==t?void 0:t.from:"",end_date:(null==t?void 0:t.to)?null==t?void 0:t.to:""}),ye()}},be=e=>{pe.current&&pe.current.contains(e.target)||ye()},je=[{label:p.RANGE.TODAY,callback:()=>{fe("TODAY")}},{label:p.RANGE.THIS_WEEK,callback:()=>{fe("THIS_WEEK")}},{label:p.RANGE.THIS_MONTH,callback:()=>{fe("THIS_MONTH")}},{label:p.RANGE.THIS_QUARTER,callback:()=>{fe("THIS_QUARTER")}},{label:p.RANGE.THIS_YEAR,callback:()=>{fe("THIS_YEAR")}},{label:p.RANGE.YESTERDAY,callback:()=>{fe("YESTERDAY")}},{label:p.RANGE.PREVIOUS_WEEK,callback:()=>{fe("PREVIOUS_WEEK")}},{label:p.RANGE.PREVIOUS_MONTH,callback:()=>{fe("PREVIOUS_MONTH")}},{label:p.RANGE.PREVIOUS_QUARTER,callback:()=>{fe("PREVIOUS_QUARTER")}},{label:p.RANGE.PREVIOUS_YEAR,callback:()=>{fe("PREVIOUS_YEAR")}},{label:p.RANGE.CUSTOM,callback:()=>{fe("CUSTOM")}}],Ye=()=>{const e={start_date:g.default(ue.startDate).format("YYYY-MM-DD"),end_date:g.default(ue.endDate).format("YYYY-MM-DD")},t={as_of_date:g.default(re).format("YYYY-MM-DD")};null==B||B({...F?e:t}),ye()};function ge(e){return oe.some(t=>(null==t?void 0:t.value)==e)}return r.useEffect(()=>{ie(new Date(g.default((null==I?void 0:I.as_of_date)||"").format("YYYY-MM-DD")))},[null==I?void 0:I.as_of_date]),r.useEffect(()=>{ce({...ue,startDate:new Date(g.default((null==I?void 0:I.start_date)||"").format("YYYY-MM-DD")),endDate:new Date(g.default((null==I?void 0:I.end_date)||"").format("YYYY-MM-DD"))})},[null==I?void 0:I.end_date,null==I?void 0:I.start_date]),r.useEffect(()=>{le&&(F?ce({...ue,startDate:new Date(g.default((null==I?void 0:I.start_date)||"").format("YYYY-MM-DD")),endDate:new Date(g.default((null==I?void 0:I.end_date)||"").format("YYYY-MM-DD"))}):ie(new Date(g.default((null==I?void 0:I.as_of_date)||"").format("YYYY-MM-DD"))))},[le,F]),r.useEffect(()=>{Z(o.generateFields(k))},[k]),/* @__PURE__ */e.jsxs("div",{children:[
-/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar",children:[K&&/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--LeftContent",children:[_?/* @__PURE__ */e.jsx("div",{style:{zIndex:999},children:/* @__PURE__ */e.jsx(a.default,{onClick:j,options:M,isMenuThirdItemDisabled:!0,children:v})}):/* @__PURE__ */e.jsx(l.Typography,{type:"h3",weight:"medium",color:"theme.secondary.1000",children:v}),[{label:h.default.TABLE,position:1},{label:h.default.CHART,position:2}].map(e=>e).sort((e,t)=>e.position-t.position).map(t=>/* @__PURE__ */e.jsx(x.default,{title:null==t?void 0:t.label,active:N,onClick:()=>null==O?void 0:O(t.label)},null==t?void 0:t.position))]}),V&&/* @__PURE__ */e.jsx("div",{className:"inventoryReportsTitleBar--ExtraButtonUi",children:/* @__PURE__ */e.jsx(t.default,{onClick:P,children:H})}),
-/* @__PURE__ */e.jsx(n.default,{zIndex:999,className:"inventoryReportsTitleBar--RightContent",buttons:R,dropdownMenuButtonData:T,toggleCallback:E,variant:"contained",iconPosition:"end"}),G&&/* @__PURE__ */e.jsx(d.Box,{children:G})]}),
-/* @__PURE__ */e.jsx(d.Divider,{sx:{mb:2,mx:1,borderColor:"grey.200"}}),(null==S?void 0:S.length)?/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(s.default,{tabs:S||[],activeValue:C,setActiveValue:w})}):null,
-/* @__PURE__ */e.jsxs(d.Box,{sx:{display:"flex",justifyContent:"space-between",gap:1,flexWrap:"wrap",mx:1},children:[
-/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper",children:[ge("date")&&F&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",ref:he,onClick:()=>{le?ye():(pe.current=he.current,ae(!0))},children:[
-/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${g.default(null==I?void 0:I.start_date).format("DD/MM/YYYY")} - ${g.default(null==I?void 0:I.end_date).format("DD/MM/YYYY")}`,children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=,/* empty css                         */l=;/* empty css                                 */;/* empty css                                         */var a=,/* empty css                                                       */r=require("react"),i=,/* empty css                                                                 */n=,/* empty css                           */o=,/* empty css                                      */d=,/* empty css                     */s=,/* empty css                     */u=require("date-fns/locale"),c=,/* empty css                               */p=require("react-date-range"),m=require("dayjs"),x=,/* empty css                                   */f=,/* empty css                                   */v=,/* empty css                             */h=,/* empty css                             */y=,/* empty css                                                 */b=,/* empty css                                                         */j=,/* empty css                        */Y=,/* empty css                                                                 */_=,/* empty css                                                       */g=,/* empty css                                                       */D=,/* empty css                                                   */R=,/* empty css                                                     */T=,/* empty css                                                                             */M=,/* empty css                                                   */k=;/* empty css                                                           */function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=/* @__PURE__ */E(m);const S={"& .MuiOutlinedInput-root":{"& fieldset":{border:"none"},"&:hover fieldset":{border:"none"},"&.Mui-focused fieldset":{border:"none"}}};exports.default=m=>{const{title:E,handleAddButton:w,buttons:A=[],dropdownMenuButtonData:B,isTitleMenu:q=!1,titleMenus:I=[],reportFilterFields:F=[],toggleCallback:N,tabs:O,activeValue:G,setActiveValue:W,isDateFilterEnabled:U,onDateFilterChange:K,filters:P={},isDateRange:V=!0,activeView:L="",setActiveView:H,showLevelBtn:$=!1,handleRowsExpand:z,handleRowsCollapse:Q,customElement:J,showLeftContent:X=!0,isViewButton:Z=!1,handleRedirect:ee,buttonText:te="",dataLength:le,filterDropDown:ae=[],filterKeys:re}=m,ie=[{key:"company",label:"Search Company",placeholder:"Company",apiType:"company",valueKey:(null==re?void 0:re.company)?re.company:"company",customFilter:null},{key:"assembly_item",label:"Search Assembaly Items",placeholder:"Assembaly Items",apiType:"assemblyItems",valueKey:(null==re?void 0:re.assembly_item)?re.assembly_item:"assembly_item_id"},{key:"item",label:"Search Items",placeholder:"Items",apiType:"reportItems",valueKey:(null==re?void 0:re.item)?re.item:"item_id",multiple:!0},{key:"location",label:"Search Warehouse Location",placeholder:"Warehouse Location",apiType:"location",valueKey:(null==re?void 0:re.location)?re.location:"warehouse_id",customFilter:null,multiple:!0},{key:"bom",label:"Search Bill of Materials",placeholder:"Filter Bill of Materials",apiType:"bom",valueKey:(null==re?void 0:re.bom)?re.bom:"bom_id",customFilter:null,multiple:!0},{key:"work_order",label:"Search Work Order",placeholder:" Work Order",apiType:"workOrder",valueKey:(null==re?void 0:re.work_order)?re.work_order:"work_order_id",customFilter:null,multiple:!0},{key:"routing",label:"Search Routing",placeholder:" Routing",apiType:"routing",valueKey:(null==re?void 0:re.routing)?re.routing:"routing_id",customFilter:null,multiple:!0},{key:"operation",label:"Search Operation",placeholder:" Operation",apiType:"operations",valueKey:(null==re?void 0:re.operation)?re.operation:"operation_id",customFilter:null,multiple:!0},{key:"equipment",label:"Search Equipment",placeholder:" Equipment",apiType:"equipment",valueKey:(null==re?void 0:re.equipment)?re.equipment:"equipment_id",customFilter:null,multiple:!0},{key:"work_center",label:"Search Work Center",placeholder:" Work Center",apiType:"workCenter",valueKey:(null==re?void 0:re.work_center)?re.work_center:"work_center_id",customFilter:null,multiple:!0}],ne={border:"none","&.Mui-focused":{borderColor:"transparent"},"& .MuiOutlinedInput-input":{padding:"0px",fontSize:"14px",color:"#289b64"},"& .MuiOutlinedInput-notchedOutline":{border:"none"},"& .MuiSelect-icon":{color:"green"}},[oe,de]=r.useState([]),[se,ue]=r.useState("TODAY"),[ce,pe]=r.useState(!1),[me,xe]=r.useState(new Date(C.default((null==P?void 0:P.as_of_date)||"").format("YYYY-MM-DD"))),[fe,ve]=r.useState([{value:"date"},{value:"location"},{value:"company"}]),[he,ye]=r.useState(1),[be,je]=r.useState({startDate:new Date(C.default((null==P?void 0:P.start_date)||"").format("YYYY-MM-DD")),endDate:new Date(C.default((null==P?void 0:P.end_date)||"").format("YYYY-MM-DD")),key:"selection"}),Ye=r.useRef(null),[_e,ge]=r.useState(null),De=r.useRef(null),Re=r.useRef(null),Te=()=>{Ye.current=null,pe(!1)},Me=e=>{if(ue(e),"CUSTOM"===e)Ye.current=De.current,pe(!0);else{const t=c.handleCompareDateRangeSync({range:c.RANGE[e],from:"",to:""});null==K||K({start_date:(null==t?void 0:t.from)?null==t?void 0:t.from:"",end_date:(null==t?void 0:t.to)?null==t?void 0:t.to:""}),Te()}},ke=e=>{Ye.current&&Ye.current.contains(e.target)||Te()},Ee=[{label:c.RANGE.TODAY,callback:()=>{Me("TODAY")}},{label:c.RANGE.THIS_WEEK,callback:()=>{Me("THIS_WEEK")}},{label:c.RANGE.THIS_MONTH,callback:()=>{Me("THIS_MONTH")}},{label:c.RANGE.THIS_QUARTER,callback:()=>{Me("THIS_QUARTER")}},{label:c.RANGE.THIS_YEAR,callback:()=>{Me("THIS_YEAR")}},{label:c.RANGE.YESTERDAY,callback:()=>{Me("YESTERDAY")}},{label:c.RANGE.PREVIOUS_WEEK,callback:()=>{Me("PREVIOUS_WEEK")}},{label:c.RANGE.PREVIOUS_MONTH,callback:()=>{Me("PREVIOUS_MONTH")}},{label:c.RANGE.PREVIOUS_QUARTER,callback:()=>{Me("PREVIOUS_QUARTER")}},{label:c.RANGE.PREVIOUS_YEAR,callback:()=>{Me("PREVIOUS_YEAR")}},{label:c.RANGE.CUSTOM,callback:()=>{Me("CUSTOM")}}],Ce=()=>{const e={start_date:C.default(be.startDate).format("YYYY-MM-DD"),end_date:C.default(be.endDate).format("YYYY-MM-DD")},t={as_of_date:C.default(me).format("YYYY-MM-DD")};null==K||K({...V?e:t}),Te()};function Se(e){return fe.some(t=>(null==t?void 0:t.value)==e)}return r.useEffect(()=>{xe(new Date(C.default((null==P?void 0:P.as_of_date)||"").format("YYYY-MM-DD")))},[null==P?void 0:P.as_of_date]),r.useEffect(()=>{je({...be,startDate:new Date(C.default((null==P?void 0:P.start_date)||"").format("YYYY-MM-DD")),endDate:new Date(C.default((null==P?void 0:P.end_date)||"").format("YYYY-MM-DD"))})},[null==P?void 0:P.end_date,null==P?void 0:P.start_date]),r.useEffect(()=>{ce&&(V?je({...be,startDate:new Date(C.default((null==P?void 0:P.start_date)||"").format("YYYY-MM-DD")),endDate:new Date(C.default((null==P?void 0:P.end_date)||"").format("YYYY-MM-DD"))}):xe(new Date(C.default((null==P?void 0:P.as_of_date)||"").format("YYYY-MM-DD"))))},[ce,V]),r.useEffect(()=>{de(n.generateFields(F))},[F]),/* @__PURE__ */e.jsxs("div",{children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar",children:[X&&/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--LeftContent",children:[q?/* @__PURE__ */e.jsx("div",{style:{zIndex:999},children:/* @__PURE__ */e.jsx(a.default,{onClick:w,options:I,isMenuThirdItemDisabled:!0,children:E})}):/* @__PURE__ */e.jsx(l.Typography,{type:"h3",weight:"medium",color:"theme.secondary.1000",children:E}),[{label:f.default.TABLE,position:1},{label:f.default.CHART,position:2}].map(e=>e).sort((e,t)=>e.position-t.position).map(t=>/* @__PURE__ */e.jsx(x.default,{title:null==t?void 0:t.label,active:L,onClick:()=>null==H?void 0:H(t.label)},null==t?void 0:t.position))]}),Z&&/* @__PURE__ */e.jsx("div",{className:"inventoryReportsTitleBar--ExtraButtonUi",children:/* @__PURE__ */e.jsx(t.default,{onClick:ee,children:te})}),
+/* @__PURE__ */e.jsx(o.default,{zIndex:999,className:"inventoryReportsTitleBar--RightContent",buttons:A,dropdownMenuButtonData:B,toggleCallback:N,variant:"contained",iconPosition:"end"}),J&&/* @__PURE__ */e.jsx(y.default,{children:J})]}),
+/* @__PURE__ */e.jsx(b.default,{sx:{mb:2,mx:1,borderColor:"grey.200"}}),(null==O?void 0:O.length)?/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(d.default,{tabs:O||[],activeValue:G,setActiveValue:W})}):null,
+/* @__PURE__ */e.jsxs(y.default,{sx:{display:"flex",justifyContent:"space-between",gap:1,flexWrap:"wrap",mx:1},children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper",children:[Se("date")&&V&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",ref:Re,onClick:()=>{ce?Te():(Ye.current=Re.current,pe(!0))},children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${C.default(null==P?void 0:P.start_date).format("DD/MM/YYYY")} - ${C.default(null==P?void 0:P.end_date).format("DD/MM/YYYY")}`,children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Date Range:"}),
-/* @__PURE__ */e.jsxs(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:[g.default(null==I?void 0:I.start_date).format("DD/MM/YYYY")," -"," ",g.default(null==I?void 0:I.end_date).format("DD/MM/YYYY")]})]}),
-/* @__PURE__ */e.jsx(Y.default,{})]})}),ge("date")&&(null==I?void 0:I.as_of_date)&&!F&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",ref:he,onClick:()=>{le?ye():(pe.current=he.current,ae(!0))},children:[
-/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${g.default(null==I?void 0:I.as_of_date).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsxs(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:[C.default(null==P?void 0:P.start_date).format("DD/MM/YYYY")," -"," ",C.default(null==P?void 0:P.end_date).format("DD/MM/YYYY")]})]}),
+/* @__PURE__ */e.jsx(i.default,{})]})}),Se("date")&&(null==P?void 0:P.as_of_date)&&!V&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",ref:Re,onClick:()=>{ce?Te():(Ye.current=Re.current,pe(!0))},children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${C.default(null==P?void 0:P.as_of_date).format("DD/MM/YYYY")}`,children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Date:"}),
-/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:g.default(null==I?void 0:I.as_of_date).format("DD/MM/YYYY")})]}),
-/* @__PURE__ */e.jsx(Y.default,{})]})}),/* @__PURE__ */e.jsx(e.Fragment,{children:Q.map(({key:t,label:l,placeholder:a,apiType:r,valueKey:i,customFilter:o,multiple:n=!1})=>ge(t)?/* @__PURE__ */e.jsx("div",{className:"search-filter",children:/* @__PURE__ */e.jsx(f.default,{labelId:`${t}-label`,searchPlaceholder:l,value:null==I?void 0:I[i],onChange:e=>B({[i]:e.target.value}),apiType:r,multiple:n,placeholder:a,customeFilter:o,customStyle:D,inputStyle:J})},t):null)})]}),A&&/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterAction",children:["(",
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:C.default(null==P?void 0:P.as_of_date).format("DD/MM/YYYY")})]}),
+/* @__PURE__ */e.jsx(i.default,{})]})}),/* @__PURE__ */e.jsx(e.Fragment,{children:ie.map(({key:t,label:l,placeholder:a,apiType:r,valueKey:i,customFilter:n,multiple:o=!1})=>Se(t)?/* @__PURE__ */e.jsx("div",{className:"search-filter",children:/* @__PURE__ */e.jsx(h.default,{labelId:`${t}-label`,searchPlaceholder:l,value:null==P?void 0:P[i],onChange:e=>K({[i]:e.target.value}),apiType:r,multiple:o,placeholder:a,customeFilter:n,customStyle:S,inputStyle:ne})},t):null)})]}),U&&/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterAction",children:["(",
 /* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(n.default,{zIndex:997,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{icon:/* @__PURE__ */e.jsx("img",{src:u.images.sidebar.calendar2}),children:/* @__PURE__ */e.jsxs(e.Fragment,{children:[p.RANGE[ee],
-/* @__PURE__ */e.jsx(Y.default,{})]}),options:je},toggleCallback:E}),
-/* @__PURE__ */e.jsx("div",{ref:xe})]}),")"]}),
+/* @__PURE__ */e.jsx(o.default,{zIndex:997,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{icon:/* @__PURE__ */e.jsx("img",{src:s.images.sidebar.calendar2}),children:/* @__PURE__ */e.jsxs(e.Fragment,{children:[c.RANGE[se],
+/* @__PURE__ */e.jsx(i.default,{})]}),options:Ee},toggleCallback:N}),
+/* @__PURE__ */e.jsx("div",{ref:De})]}),")"]}),
 /* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterAction",children:[
-/* @__PURE__ */e.jsx(t.default,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(b.Filter,{fontSize:"small"}),onClick:e=>ve(e.currentTarget),children:"Filter"}),q&&/* @__PURE__ */e.jsx(d.Divider,{flexItem:!0,orientation:"vertical",sx:{alignSelf:"auto"}}),/* @__PURE__ */e.jsx(d.Menu,{anchorEl:me,open:Boolean(me),onClose:()=>{ve(null)},children:null==$?void 0:$.map(t=>{/* @__PURE__ */return e.jsxs(d.MenuItem,{onClick:()=>{return e=t,void(oe.some(t=>t.value==e.value)?ne(oe.filter(t=>(null==t?void 0:t.value)!=e.value)):ne([...oe,e]));var e},value:null==t?void 0:t.value,children:[
-/* @__PURE__ */e.jsx(y.default,{checked:(a=t,oe.some(e=>(null==e?void 0:e.value)==(null==a?void 0:a.value)))}),
-/* @__PURE__ */e.jsx(l.Typography,{sx:{marginLeft:"10px"},color:"theme.neutral.800",type:"s3",children:null==t?void 0:t.name})]},t);var a})}),q&&/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(d.Box,{className:"inventoryReportsTitleBar--FilterAction--lvWrapper",children:[
-/* @__PURE__ */e.jsxs(l.Typography,{type:"s3",weight:"medium",color:"grey.800",children:[" Level ",se," of ",L]}),
-/* @__PURE__ */e.jsxs(d.ButtonGroup,{variant:"outlined",disableElevation:!0,sx:({palette:e})=>({"& .MuiButton-root":{borderColor:`${e.grey[200]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}},"& .MuiButtonGroup-firstButton":{borderTopLeftRadius:20,borderBottomLeftRadius:20},"& .MuiButtonGroup-lastButton":{borderTopRightRadius:20,borderBottomRightRadius:20}}),children:[
-/* @__PURE__ */e.jsx(d.Button,{onClick:()=>{de(se==L?se:se+1),null==U||U(se)},children:/* @__PURE__ */e.jsx("img",{src:u.images.common.expand})}),
-/* @__PURE__ */e.jsx(d.Button,{onClick:()=>{de(1!=se?se-1:1),null==W||W(se)},children:/* @__PURE__ */e.jsx("img",{src:u.images.common.collapse})})]})]})})]})]}),
-/* @__PURE__ */e.jsx(d.Divider,{sx:{my:2,mx:1,borderColor:"grey.200"}}),
-/* @__PURE__ */e.jsx(d.Popper,{sx:{zIndex:9999},open:le,anchorEl:pe.current,role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:l,placement:a})=>/* @__PURE__ */e.jsx(d.Grow,{...l,style:{margin:"0 20px 0 20px",transformOrigin:"bottom"===a?"center top":"center bottom"},children:/* @__PURE__ */e.jsx(d.Paper,{children:/* @__PURE__ */e.jsx(d.ClickAwayListener,{onClickAway:be,children:/* @__PURE__ */e.jsxs(d.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end"},children:[
-/* @__PURE__ */e.jsx("div",{children:F?/* @__PURE__ */e.jsx(m.DateRange,{editableDateInputs:!0,onChange:e=>ce(e.selection),moveRangeOnFirstSelection:!1,ranges:[ue],locale:c.enUS}):/* @__PURE__ */e.jsx(m.Calendar,{onChange:e=>ie(e),date:re,locale:c.enUS})}),
-/* @__PURE__ */e.jsx(d.Box,{sx:{padding:"0 12px 12px 0"},children:/* @__PURE__ */e.jsx(t.default,{variant:"contained",sx:{width:"fit-content"},onClick:Ye,children:"Apply"})})]})})})})})]})};
+/* @__PURE__ */e.jsx(t.default,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(j.Filter,{fontSize:"small"}),onClick:e=>ge(e.currentTarget),children:"Filter"}),$&&/* @__PURE__ */e.jsx(b.default,{flexItem:!0,orientation:"vertical",sx:{alignSelf:"auto"}}),/* @__PURE__ */e.jsx(M.default,{anchorEl:_e,open:Boolean(_e),onClose:()=>{ge(null)},children:null==ae?void 0:ae.map(t=>{/* @__PURE__ */return e.jsxs(k.default,{onClick:()=>{return e=t,void(fe.some(t=>t.value==e.value)?ve(fe.filter(t=>(null==t?void 0:t.value)!=e.value)):ve([...fe,e]));var e},value:null==t?void 0:t.value,children:[
+/* @__PURE__ */e.jsx(v.default,{checked:(a=t,fe.some(e=>(null==e?void 0:e.value)==(null==a?void 0:a.value)))}),
+/* @__PURE__ */e.jsx(l.Typography,{sx:{marginLeft:"10px"},color:"theme.neutral.800",type:"s3",children:null==t?void 0:t.name})]},t);var a})}),$&&/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(y.default,{className:"inventoryReportsTitleBar--FilterAction--lvWrapper",children:[
+/* @__PURE__ */e.jsxs(l.Typography,{type:"s3",weight:"medium",color:"grey.800",children:[" Level ",he," of ",le]}),
+/* @__PURE__ */e.jsxs(Y.default,{variant:"outlined",disableElevation:!0,sx:({palette:e})=>({"& .MuiButton-root":{borderColor:`${e.grey[200]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}},"& .MuiButtonGroup-firstButton":{borderTopLeftRadius:20,borderBottomLeftRadius:20},"& .MuiButtonGroup-lastButton":{borderTopRightRadius:20,borderBottomRightRadius:20}}),children:[
+/* @__PURE__ */e.jsx(_.default,{onClick:()=>{ye(he==le?he:he+1),null==Q||Q(he)},children:/* @__PURE__ */e.jsx("img",{src:s.images.common.expand})}),
+/* @__PURE__ */e.jsx(_.default,{onClick:()=>{ye(1!=he?he-1:1),null==z||z(he)},children:/* @__PURE__ */e.jsx("img",{src:s.images.common.collapse})})]})]})})]})]}),
+/* @__PURE__ */e.jsx(b.default,{sx:{my:2,mx:1,borderColor:"grey.200"}}),
+/* @__PURE__ */e.jsx(g.default,{sx:{zIndex:9999},open:ce,anchorEl:Ye.current,role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:l,placement:a})=>/* @__PURE__ */e.jsx(D.default,{...l,style:{margin:"0 20px 0 20px",transformOrigin:"bottom"===a?"center top":"center bottom"},children:/* @__PURE__ */e.jsx(R.default,{children:/* @__PURE__ */e.jsx(T.ClickAwayListener,{onClickAway:ke,children:/* @__PURE__ */e.jsxs(y.default,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end"},children:[
+/* @__PURE__ */e.jsx("div",{children:V?/* @__PURE__ */e.jsx(p.DateRange,{editableDateInputs:!0,onChange:e=>je(e.selection),moveRangeOnFirstSelection:!1,ranges:[be],locale:u.enUS}):/* @__PURE__ */e.jsx(p.Calendar,{onChange:e=>xe(e),date:me,locale:u.enUS})}),
+/* @__PURE__ */e.jsx(y.default,{sx:{padding:"0 12px 12px 0"},children:/* @__PURE__ */e.jsx(t.default,{variant:"contained",sx:{width:"fit-content"},onClick:Ce,children:"Apply"})})]})})})})})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/inventory-reports-title-bar/inventory-reports-title-bar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/inventory-reports-title-bar/inventory-reports-title-bar.tsx"],"sourcesContent":["import Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\nimport \"./inventory-reports-title-bar.scss\";\n\nimport TitleDropdownButton from \"../title-dropdown-button/title-dropdown-button\";\nimport { useEffect, useRef, useState } from \"react\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport { generateFields } from \"../../utils/common\";\nimport ReportButtons, { IReportButtons } from \"./report-buttons/report-buttons\";\nimport TabBar, { TabProps } from \"../tabs/tabs\";\nimport { Box, ButtonGroup, ClickAwayListener, Divider, Grow, Menu, MenuItem, Paper, Popper, Button as MuiButton } from \"@mui/material\";\nimport images from \"../../assets/images\";\nimport { enUS } from 'date-fns/locale'; // Import the desired locale\n// import ReportFilter from './component/reportFilter'\nimport {\n handleCompareDateRangeSync as handleCompareDateRange,\n RANGE,\n} from \"../../utils/date-range\";\nimport { DateRange, Calendar } from \"react-date-range\";\nimport \"react-date-range/dist/styles.css\"; // main css file\nimport \"react-date-range/dist/theme/default.css\"; // theme css file\nimport dayjs from \"dayjs\";\n// import { fetchOptions } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport HeaderCard from \"../header-card/header-card\";\nimport viewTypes from \"../../constants/action-bar\";\n// import SearchBar from \"../search-bar/search-bar\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport SearchableSelect from \"../searchable-select\";\nimport { Filter as FilterIcon } from \"../icons\";\n\ninterface IReportFilters {\n company: number;\n start_date: string;\n end_date: string;\n as_of_date: string;\n item_id: string \| number;\n warehouse_id: string \| number;\n assembly_item_id: number \| string;\n bom_id: number \| string\n}\n\ninterface ActionBarPropsType extends Partial<TabProps>, IReportButtons {\n title: string;\n handleAddButton?: (e?: any) => void;\n isTitleMenu?: boolean;\n titleMenus?: any;\n reportFilterFields?: any[];\n isDateFilterEnabled?: boolean;\n onDateFilterChange?: (data: Partial<IReportFilters>) => void;\n filters?: Partial<IReportFilters>;\n isDateRange?: boolean;\n activeView?: string;\n setActiveView?: (string: string) => void;\n handleSearch?: (string: string) => void;\n showLevelBtn?: boolean;\n handleRowsExpand: () => void;\n handleRowsCollapse: () => void;\n customElement?: React.ReactNode;\n showLeftContent: boolean;\n showAssembluItemsFilter?: boolean;\n showBomFilter: boolean;\n isViewButton?: boolean;\n handleRedirect?: () => void;\n buttonText?: string;\n dataLength: number,\n filterDropDown: any[],\n filterKeys?:any\n}\n\ntype TDatePickerVal = {\n startDate?: Date;\n endDate?: Date;\n key?: string;\n};\n\nconst customStyle =\n{\n \n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n },\n '&:hover fieldset': {\n border: 'none',\n },\n\n '&.Mui-focused fieldset': {\n border: 'none',\n },\n \n },\n}\nconst InventoryReportsTitleBar = (props: ActionBarPropsType) => {\n const {\n title,\n handleAddButton,\n buttons = [],\n dropdownMenuButtonData,\n isTitleMenu = false,\n titleMenus = [],\n reportFilterFields = [],\n toggleCallback,\n tabs,\n activeValue,\n setActiveValue,\n isDateFilterEnabled,\n onDateFilterChange,\n filters = {},\n isDateRange = true,\n activeView = \"\",\n setActiveView,\n // handleSearch,\n showLevelBtn = false,\n handleRowsExpand,\n handleRowsCollapse,\n customElement,\n showLeftContent = true,\n // showAssembluItemsFilter = false,\n // showBomFilter = false,\n isViewButton = false,\n handleRedirect,\n buttonText = '',\n dataLength,\n filterDropDown = [],\n filterKeys\n } = props;\n const filtersConfig = [\n {\n key: 'company',\n label: 'Search Company',\n placeholder: 'Company',\n apiType: 'company',\n valueKey:filterKeys?.['company']?filterKeys['company']: 'company',\n customFilter: null,\n },\n {\n key: 'assembly_item',\n label: 'Search Assembaly Items',\n placeholder: 'Assembaly Items',\n apiType: 'assemblyItems',\n valueKey: filterKeys?.['assembly_item']?filterKeys['assembly_item']: 'assembly_item_id',\n },\n {\n key: 'item',\n label: 'Search Items',\n placeholder: 'Items',\n apiType: 'reportItems',\n valueKey: filterKeys?.['item']?filterKeys['item']: 'item_id',\n multiple:true\n },\n {\n key: 'location',\n label: 'Search Warehouse Location',\n placeholder: 'Warehouse Location',\n apiType: 'location',\n valueKey: filterKeys?.['location']?filterKeys['location']: 'warehouse_id',\n customFilter: null,\n multiple: true\n \n },\n {\n key: 'bom',\n label: 'Search Bill of Materials',\n placeholder: 'Filter Bill of Materials',\n apiType: 'bom',\n valueKey: filterKeys?.['bom']?filterKeys['bom']: 'bom_id',\n customFilter: null,\n multiple: true\n },\n {\n key: 'work_order',\n label: 'Search Work Order',\n placeholder: ' Work Order',\n apiType: 'workOrder',\n valueKey: filterKeys?.['work_order']?filterKeys['work_order']: 'work_order_id',\n customFilter: null,\n multiple: true\n },\n {\n key: 'routing',\n label: 'Search Routing',\n placeholder: ' Routing',\n apiType: 'routing',\n valueKey: filterKeys?.['routing']?filterKeys['routing']: 'routing_id',\n customFilter: null,\n multiple: true\n },\n {\n key: 'operation',\n label: 'Search Operation',\n placeholder: ' Operation',\n apiType: 'operations',\n valueKey: filterKeys?.['operation']?filterKeys['operation']: 'operation_id',\n customFilter: null,\n multiple: true\n },\n {\n key: 'equipment',\n label: 'Search Equipment',\n placeholder: ' Equipment',\n apiType: 'equipment',\n valueKey: filterKeys?.['equipment']?filterKeys['equipment']: 'equipment_id',\n customFilter: null,\n multiple: true\n },\n {\n key: 'work_center',\n label: 'Search Work Center',\n placeholder: ' Work Center',\n apiType: 'workCenter',\n valueKey: filterKeys?.['work_center']?filterKeys['work_center']: 'work_center_id',\n customFilter: null,\n multiple: true\n },\n ];\nconst inputStyle=\n {\n border: \"none\",\n \"&.Mui-focused\": {\n borderColor: \"transparent\",\n },\n \"& .MuiOutlinedInput-input\": {\n padding: \"0px\",\n fontSize: \"14px\",\n color:'#289b64'\n },\n \"& .MuiOutlinedInput-notchedOutline\": {\n border: \"none\", \n },\n '& .MuiSelect-icon': {\n color: 'green',\n },\n}\n\n\n const renderFilter = ({\n key,\n label,\n placeholder,\n apiType,\n valueKey,\n customFilter,\n multiple = false\n }: FilterConfig) => {\n if (!showFilter(key)) return null;\n\n return (\n <div className=\"search-filter\" key={key}>\n <SearchableSelect\n labelId={`${key}-label`}\n searchPlaceholder={label}\n value={filters?.[valueKey]}\n onChange={(e) => onDateFilterChange({ [valueKey]: e.target.value })}\n apiType={apiType}\n multiple={multiple}\n placeholder={placeholder}\n customeFilter={customFilter}\n // CustomDropDownIcon={FilterAltIcon}\n customStyle={customStyle}\n inputStyle={inputStyle}\n />\n </div>\n );\n };\n // const dispatch = useAppDispatch();\n\n const FilterContainer = () => (\n <>\n {filtersConfig.map(renderFilter)}\n </>\n );\n\n\n\n\n // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n const [allFields, setAllFields] = useState<any[]>([]);\n const [dateRange, setDateRange] = useState<keyof typeof RANGE>(\"TODAY\");\n const [open, setOpen] = useState<boolean>(false);\n const [customDate, setCustomDate] = useState<Date>(\n new Date(dayjs(filters?.as_of_date \|\| \"\").format(\"YYYY-MM-DD\"))\n );\n \n const defaultSelected=[\n {\n value:'date',\n },\n {\n value:'location',\n },\n {\n value:'company',\n },\n // {\n // value:'item',\n // }\n ]\n const [selectedItems, setSelectedItems] = useState<string[]>(defaultSelected);\n\n const [level, setLevel] = useState<number>(1)\n const [customDateRange, setCustomDateRange] = useState<TDatePickerVal>({\n startDate: new Date(dayjs(filters?.start_date \|\| \"\").format(\"YYYY-MM-DD\")),\n endDate: new Date(dayjs(filters?.end_date \|\| \"\").format(\"YYYY-MM-DD\")),\n key: \"selection\",\n });\n const anchorRef = useRef<HTMLDivElement \| null>(null);\n const [actionAnchorEl, setActionAnchorEl] = useState<null \| HTMLElement>(\n null\n );\n\n const dateSelectRef = useRef<HTMLDivElement>(null);\n const chipDateSelectRef = useRef<HTMLDivElement>(null);\n\n const handleCloseDatePopper = () => {\n anchorRef.current = null;\n setOpen(false);\n };\n\n const handleDateChange = (range: keyof typeof RANGE) => {\n setDateRange(range);\n if (range === \"CUSTOM\") {\n anchorRef.current = dateSelectRef.current;\n setOpen(true);\n } else {\n const data = handleCompareDateRange({\n range: RANGE[range],\n from: \"\",\n to: \"\",\n });\n onDateFilterChange?.({\n start_date: data?.from ? data?.from : \"\",\n end_date: data?.to ? data?.to : \"\",\n });\n handleCloseDatePopper();\n }\n };\n\n\n const handleClose = (event: Event) => {\n if (\n anchorRef.current &&\n anchorRef.current.contains(event.target as HTMLElement)\n ) {\n return;\n }\n\n handleCloseDatePopper();\n };\n\n const options = [\n {\n label: RANGE.TODAY,\n callback: () => {\n handleDateChange(\"TODAY\");\n },\n },\n {\n label: RANGE.THIS_WEEK,\n callback: () => {\n handleDateChange(\"THIS_WEEK\");\n },\n },\n {\n label: RANGE.THIS_MONTH,\n callback: () => {\n handleDateChange(\"THIS_MONTH\");\n },\n },\n {\n label: RANGE.THIS_QUARTER,\n callback: () => {\n handleDateChange(\"THIS_QUARTER\");\n },\n },\n {\n label: RANGE.THIS_YEAR,\n callback: () => {\n handleDateChange(\"THIS_YEAR\");\n },\n },\n {\n label: RANGE.YESTERDAY,\n callback: () => {\n handleDateChange(\"YESTERDAY\");\n },\n },\n {\n label: RANGE.PREVIOUS_WEEK,\n callback: () => {\n handleDateChange(\"PREVIOUS_WEEK\");\n },\n },\n {\n label: RANGE.PREVIOUS_MONTH,\n callback: () => {\n handleDateChange(\"PREVIOUS_MONTH\");\n },\n },\n {\n label: RANGE.PREVIOUS_QUARTER,\n callback: () => {\n handleDateChange(\"PREVIOUS_QUARTER\");\n },\n },\n {\n label: RANGE.PREVIOUS_YEAR,\n callback: () => {\n handleDateChange(\"PREVIOUS_YEAR\");\n },\n },\n {\n label: RANGE.CUSTOM,\n callback: () => {\n handleDateChange(\"CUSTOM\");\n },\n },\n ];\n\n const isChecked =(value: any) => {\n return selectedItems.some(item => item?.value == value?.value)\n }\n \n const handleFilterPopperSubmit = () => {\n const dateRangeFilter = {\n start_date: dayjs(customDateRange.startDate).format(\"YYYY-MM-DD\"),\n end_date: dayjs(customDateRange.endDate).format(\"YYYY-MM-DD\"),\n };\n const dateFilter = {\n as_of_date: dayjs(customDate).format(\"YYYY-MM-DD\"),\n };\n\n onDateFilterChange?.({\n ...(isDateRange ? dateRangeFilter : dateFilter),\n });\n handleCloseDatePopper();\n };\n const handleFilterClose = () => {\n setActionAnchorEl(null);\n };\n const handleSelectChange = (value: any) => {\n if (selectedItems.some((item) => item.value == value.value)) {\n setSelectedItems(selectedItems.filter((item) => item?.value != value.value));\n return;\n }\n setSelectedItems([...selectedItems, value]);\n };\n function showFilter(val) {\n return selectedItems.some(item => item?.value == val)\n }\n const filterDropDownFunc = () => {\n return (\n <Menu\n anchorEl={actionAnchorEl}\n open={Boolean(actionAnchorEl)}\n onClose={handleFilterClose}\n >\n {/* <MenuItem className=\"inventoryReportsTitleBar--report-filter\"> /}\n {/ Add your options here /}\n {filterDropDown?.map((item) => (\n <MenuItem onClick={() => handleSelectChange(item)} key={item} value={item?.value}>\n <Checkbox checked={isChecked(item)} />\n <Typography sx={{marginLeft:'10px'}} color='theme.neutral.800' type='s3'>{item?.name}</Typography>\n </MenuItem>\n ))}\n {/ </MenuItem> /}\n </Menu>\n );\n };\n useEffect(() => {\n setCustomDate(\n new Date(dayjs(filters?.as_of_date \|\| \"\").format(\"YYYY-MM-DD\"))\n );\n }, [filters?.as_of_date]);\n\n useEffect(() => {\n setCustomDateRange({\n ...customDateRange,\n startDate: new Date(\n dayjs(filters?.start_date \|\| \"\").format(\"YYYY-MM-DD\")\n ),\n endDate: new Date(dayjs(filters?.end_date \|\| \"\").format(\"YYYY-MM-DD\")),\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [filters?.end_date, filters?.start_date]);\n\n useEffect(() => {\n if (open) {\n if (isDateRange) {\n setCustomDateRange({\n ...customDateRange,\n startDate: new Date(\n dayjs(filters?.start_date \|\| \"\").format(\"YYYY-MM-DD\")\n ),\n endDate: new Date(\n dayjs(filters?.end_date \|\| \"\").format(\"YYYY-MM-DD\")\n ),\n });\n } else {\n setCustomDate(\n new Date(dayjs(filters?.as_of_date \|\| \"\").format(\"YYYY-MM-DD\"))\n );\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open, isDateRange]);\n\n // useEffect(() => {\n // // dispatch(fetchOptions());\n // if (showBomFilter) {\n // dispatch(fetchBom())\n // }\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, []);\n\n useEffect(() => {\n setAllFields(generateFields(reportFilterFields));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [reportFilterFields]);\n\n return (\n <div>\n <div className=\"inventoryReportsTitleBar\">\n {showLeftContent && <div className=\"inventoryReportsTitleBar--LeftContent\">\n {isTitleMenu ? (\n <div style={{ zIndex: 999 }}>\n <TitleDropdownButton\n onClick={handleAddButton}\n options={titleMenus}\n isMenuThirdItemDisabled={true}\n >\n {title}\n </TitleDropdownButton>\n </div>\n ) : (\n <Typography type=\"h3\" weight=\"medium\" color=\"theme.secondary.1000\">\n {title}\n </Typography>\n )}\n {[\n { label: viewTypes.TABLE, position: 1 },\n { label: viewTypes.CHART, position: 2 },\n ]\n .map((ele) => ele)\n .sort((a, b) => a.position - b.position)\n .map((item) => (\n <HeaderCard\n key={item?.position}\n title={item?.label}\n active={activeView}\n onClick={() => setActiveView?.(item.label)}\n />\n ))}\n\n </div>}\n {isViewButton &&\n <div className=\"inventoryReportsTitleBar--ExtraButtonUi\">\n <Button onClick={handleRedirect} >{buttonText}</Button>\n </div>\n }\n <ReportButtons\n zIndex={999}\n className=\"inventoryReportsTitleBar--RightContent\"\n buttons={buttons}\n dropdownMenuButtonData={dropdownMenuButtonData}\n toggleCallback={toggleCallback}\n variant={\"contained\"}\n iconPosition=\"end\"\n />\n {customElement && <Box >\n {customElement}\n </Box>}\n\n </div>\n <Divider sx={{ mb: 2, mx: 1, borderColor: 'grey.200' }}/>\n\n {tabs?.length ? (\n <div>\n <TabBar\n tabs={tabs \|\| []}\n activeValue={activeValue}\n setActiveValue={setActiveValue}\n />\n </div>\n ) : null}\n <Box\n sx={{\n display: \"flex\",\n justifyContent: \"space-between\",\n gap: 1,\n flexWrap: 'wrap',\n mx: 1\n }}\n >\n <div className=\"inventoryReportsTitleBar--FilterWrapper\">\n\n {showFilter('date') && isDateRange && (\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip\"\n ref={chipDateSelectRef}\n onClick={() => {\n if (!open) {\n anchorRef.current = chipDateSelectRef.current;\n setOpen(true);\n } else {\n handleCloseDatePopper();\n }\n }}\n >\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} - ${dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Date Range:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} -{\" \"}\n {dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </div>\n )}\n {showFilter('date') && filters?.as_of_date && !isDateRange&& (\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip\"\n ref={chipDateSelectRef}\n onClick={() => {\n if (!open) {\n anchorRef.current = chipDateSelectRef.current;\n setOpen(true);\n } else {\n handleCloseDatePopper();\n }\n }}\n >\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Date:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </div>\n )}\n {FilterContainer()}\n </div>\n\n\n {isDateFilterEnabled && <div className=\"inventoryReportsTitleBar--FilterAction\">\n (\n <>\n <ReportButtons\n zIndex={997}\n className=\"inventoryReportsTitleBar--RightContent\"\n dropdownMenuButtonData={{\n icon: <img src={images.sidebar.calendar2} />,\n children: (\n <>\n {RANGE[dateRange]}\n <KeyboardArrowDownIcon />\n </>\n ),\n options: options,\n }}\n toggleCallback={toggleCallback}\n />\n <div ref={dateSelectRef}></div>\n </>\n )\n </div>\n }\n <div className=\"inventoryReportsTitleBar--FilterAction\">\n <Button\n sx={({ palette }) => ({\n border: \"1px solid\",\n borderColor: 'grey.200',\n borderRadius: \"50px\",\n color: `${palette.grey[800]} !important`,\n '&:hover': {\n bgcolor: `${palette.grey[200]} !important`,\n }\n })}\n variant=\"text\"\n startIcon={<FilterIcon fontSize=\"small\"/>}\n onClick={(event) => setActionAnchorEl(event.currentTarget)}\n >\n Filter\n </Button>\n {showLevelBtn && <Divider flexItem orientation=\"vertical\" sx= {{ alignSelf: 'auto'}} />}\n {filterDropDownFunc()}\n {showLevelBtn && (\n <>\n <Box className=\"inventoryReportsTitleBar--FilterAction--lvWrapper\">\n <Typography type=\"s3\" weight=\"medium\" color='grey.800'> Level {level} of {dataLength}</Typography>\n <ButtonGroup variant=\"outlined\" disableElevation sx={({ palette }) => ({ \n '& .MuiButton-root' :{\n borderColor: `${palette.grey[200]} !important`,\n '&:hover': {\n bgcolor: `${palette.grey[200]} !important`,\n }\n },\n '& .MuiButtonGroup-firstButton' : {\n borderTopLeftRadius: 20,\n borderBottomLeftRadius: 20\n },\n '& .MuiButtonGroup-lastButton' : {\n borderTopRightRadius: 20,\n borderBottomRightRadius: 20\n }})}>\n <MuiButton onClick={() => {\n setLevel(level == dataLength ? level : level + 1)\n handleRowsCollapse?.(level)\n }}>\n <img src={images.common.expand} />\n </MuiButton>\n <MuiButton onClick={() => {\n setLevel(level != 1 ? level - 1 : 1)\n handleRowsExpand?.(level)\n }}>\n <img src={images.common.collapse} />\n </MuiButton>\n </ButtonGroup>\n </Box>\n </>\n )}\n {/ <SearchBar\n placeholder=\"Search\"\n handleSearch={(val) => handleSearch?.(val)}\n sx={{\n width: \"250px\",\n background: \"#fff !important\",\n border: \"1px solid #F3F2F2 !important\",\n }}\n /> */}\n </div>\n </Box>\n\n <Divider sx={{ my: 2, mx: 1, borderColor: 'grey.200' }}/>\n \n <Popper\n sx={{\n zIndex: 9999,\n }}\n open={open}\n anchorEl={anchorRef.current}\n role={undefined}\n transition\n disablePortal\n >\n {({ TransitionProps, placement }) => (\n <Grow\n {...TransitionProps}\n style={{\n margin: \"0 20px 0 20px\",\n transformOrigin:\n placement === \"bottom\" ? \"center top\" : \"center bottom\",\n }}\n >\n <Paper>\n <ClickAwayListener onClickAway={handleClose}>\n <Box\n sx={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"flex-end\",\n }}\n >\n <div>\n {isDateRange ? (\n <DateRange\n editableDateInputs={true}\n onChange={(item) => setCustomDateRange(item.selection)}\n moveRangeOnFirstSelection={false}\n ranges={[customDateRange]}\n locale={enUS}\n />\n ) : (\n <Calendar\n onChange={(item) => setCustomDate(item)}\n date={customDate}\n locale={enUS}\n />\n )}\n </div>\n <Box sx={{ padding: \"0 12px 12px 0\" }}>\n <Button\n variant=\"contained\"\n sx={{ width: \"fit-content\" }}\n onClick={handleFilterPopperSubmit}\n >\n Apply\n </Button>\n </Box>\n </Box>\n </ClickAwayListener>\n </Paper>\n </Grow>\n )}\n </Popper>\n\n </div>\n );\n};\n\nexport default InventoryReportsTitleBar;\n"],"names":["customStyle","border","props","title","handleAddButton","buttons","dropdownMenuButtonData","isTitleMenu","titleMenus","reportFilterFields","toggleCallback","tabs","activeValue","setActiveValue","isDateFilterEnabled","onDateFilterChange","filters","isDateRange","activeView","setActiveView","showLevelBtn","handleRowsExpand","handleRowsCollapse","customElement","showLeftContent","isViewButton","handleRedirect","buttonText","dataLength","filterDropDown","filterKeys","filtersConfig","key","label","placeholder","apiType","valueKey","customFilter","multiple","inputStyle","borderColor","padding","fontSize","color","allFields","setAllFields","useState","dateRange","setDateRange","open","setOpen","customDate","setCustomDate","Date","dayjs","as_of_date","format","selectedItems","setSelectedItems","value","level","setLevel","customDateRange","setCustomDateRange","startDate","start_date","endDate","end_date","anchorRef","useRef","actionAnchorEl","setActionAnchorEl","dateSelectRef","chipDateSelectRef","handleCloseDatePopper","current","handleDateChange","range","data","handleCompareDateRange","RANGE","from","to","handleClose","event","contains","target","options","TODAY","callback","THIS_WEEK","THIS_MONTH","THIS_QUARTER","THIS_YEAR","YESTERDAY","PREVIOUS_WEEK","PREVIOUS_MONTH","PREVIOUS_QUARTER","PREVIOUS_YEAR","CUSTOM","handleFilterPopperSubmit","dateRangeFilter","dateFilter","showFilter","val","some","item","useEffect","generateFields","children","jsxs","className","style","zIndex","jsx","TitleDropdownButton","onClick","isMenuThirdItemDisabled","Typography","type","weight","viewTypes","TABLE","position","CHART","map","ele","sort","a","b","HeaderCard","active","Button","ReportButtons","variant","iconPosition","Box","Divider","sx","mb","mx","length","TabBar","display","justifyContent","gap","flexWrap","ref","KeyboardArrowDownIcon","Fragment","SearchableSelect","labelId","searchPlaceholder","onChange","e","customeFilter","icon","src","images","sidebar","calendar2","palette","borderRadius","grey","bgcolor","startIcon","FilterIcon","currentTarget","flexItem","orientation","alignSelf","Menu","anchorEl","Boolean","onClose","MenuItem","handleSelectChange","filter","Checkbox","checked","marginLeft","name","ButtonGroup","disableElevation","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","MuiButton","common","expand","collapse","my","Popper","role","transition","disablePortal","TransitionProps","placement","Grow","margin","transformOrigin","Paper","ClickAwayListener","onClickAway","flexDirection","alignItems","DateRange","editableDateInputs","selection","moveRangeOnFirstSelection","ranges","locale","enUS","Calendar","date","width"],"mappings":"0jCA4EA,MAAMA,EACN,CAEE,2BAA4B,CAC1B,aAAc,CACZC,OAAQ,QAEV,mBAAoB,CAClBA,OAAQ,QAGV,yBAA0B,CACxBA,OAAQ,0BAKoBC,IAChC,MAAMC,MACJA,EAAAC,gBACAA,EAAAC,QACAA,EAAU,GAAAC,uBACVA,EAAAC,YACAA,GAAc,EAAAC,WACdA,EAAa,GAAAC,mBACbA,EAAqB,GAAAC,eACrBA,EAAAC,KACAA,EAAAA,YACAC,EAAAC,eACAA,EAAAC,oBACAA,EAAAC,mBACAA,EAAAC,QACAA,EAAU,CAAA,EAAAC,YACVA,GAAc,EAAAC,WACdA,EAAa,GAAAC,cACbA,EAAAC,aAEAA,GAAe,EAAAC,iBACfA,EAAAC,mBACAA,EAAAC,cACAA,EAAAC,gBACAA,GAAkB,EAAAC,aAGlBA,GAAe,EAAAC,eACfA,EAAAC,WACAA,EAAa,GAAAC,WACbA,EAAAC,eACAA,EAAiB,GAAAC,WACjBA,GACE5B,EACE6B,EAAgB,CACpB,CACEC,IAAK,UACLC,MAAO,iBACPC,YAAa,UACbC,QAAS,UACTC,UAAS,MAAAN,OAAA,EAAAA,EAAa,SAAWA,EAAoB,QAAG,UACxDO,aAAc,MAEhB,CACEL,IAAK,gBACLC,MAAO,yBACPC,YAAa,kBACbC,QAAS,gBACTC,UAAU,MAAAN,OAAA,EAAAA,EAAa,eAAiBA,EAA0B,cAAG,oBAEvE,CACEE,IAAK,OACLC,MAAO,eACPC,YAAa,QACbC,QAAS,cACTC,UAAU,MAAAN,OAAA,EAAAA,EAAa,MAAQA,EAAiB,KAAG,UACnDQ,UAAS,GAEX,CACEN,IAAK,WACLC,MAAO,4BACPC,YAAa,qBACbC,QAAS,WACTC,UAAU,MAAAN,OAAA,EAAAA,EAAa,UAAYA,EAAqB,SAAG,eAC3DO,aAAc,KACdC,UAAU,GAGZ,CACEN,IAAK,MACLC,MAAO,2BACPC,YAAa,2BACbC,QAAS,MACTC,UAAU,MAAAN,OAAA,EAAAA,EAAa,KAAOA,EAAgB,IAAG,SACjDO,aAAc,KACdC,UAAU,GAEZ,CACEN,IAAK,aACLC,MAAO,oBACPC,YAAa,cACbC,QAAS,YACTC,UAAU,MAAAN,OAAA,EAAAA,EAAa,YAAcA,EAAuB,WAAG,gBAC/DO,aAAc,KACdC,UAAU,GAEZ,CACEN,IAAK,UACLC,MAAO,iBACPC,YAAa,WACbC,QAAS,UACTC,UAAU,MAAAN,OAAA,EAAAA,EAAa,SAAWA,EAAoB,QAAG,aACzDO,aAAc,KACdC,UAAU,GAEZ,CACEN,IAAK,YACLC,MAAO,mBACPC,YAAa,aACbC,QAAS,aACTC,UAAU,MAAAN,OAAA,EAAAA,EAAa,WAAaA,EAAsB,UAAG,eAC7DO,aAAc,KACdC,UAAU,GAEZ,CACEN,IAAK,YACLC,MAAO,mBACPC,YAAa,aACbC,QAAS,YACTC,UAAU,MAAAN,OAAA,EAAAA,EAAa,WAAaA,EAAsB,UAAG,eAC7DO,aAAc,KACdC,UAAU,GAEZ,CACEN,IAAK,cACLC,MAAO,qBACPC,YAAa,eACbC,QAAS,aACTC,UAAU,MAAAN,OAAA,EAAAA,EAAa,aAAeA,EAAwB,YAAG,iBACjEO,aAAc,KACdC,UAAU,IAGVC,EACJ,CACEtC,OAAQ,OACR,gBAAiB,CACbuC,YAAa,eAEjB,4BAA6B,CACzBC,QAAS,MACTC,SAAU,OACVC,MAAM,WAEV,qCAAsC,CAClC1C,OAAQ,QAEZ,oBAAqB,CACjB0C,MAAO,WA+CNC,EAAWC,GAAgBC,EAAAA,SAAgB,KAC3CC,GAAWC,IAAgBF,EAAAA,SAA6B,UACxDG,GAAMC,IAAWJ,EAAAA,UAAkB,IACnCK,GAAYC,IAAiBN,EAAAA,SAClC,IAAIO,KAAKC,EAAAA,SAAM,MAAAtC,OAAA,EAAAA,EAASuC,aAAc,IAAIC,OAAO,iBAiB5CC,GAAeC,IAAoBZ,EAAAA,SAdpB,CACpB,CACEa,MAAM,QAER,CACEA,MAAM,YAER,CACEA,MAAM,cAQHC,GAAOC,IAAYf,EAAAA,SAAiB,IACpCgB,GAAiBC,IAAsBjB,WAAyB,CACrEkB,UAAW,IAAIX,KAAKC,EAAAA,SAAM,MAAAtC,OAAA,EAAAA,EAASiD,aAAc,IAAIT,OAAO,eAC5DU,QAAS,IAAIb,KAAKC,EAAAA,SAAM,MAAAtC,OAAA,EAAAA,EAASmD,WAAY,IAAIX,OAAO,eACxDxB,IAAK,cAEDoC,GAAYC,EAAAA,OAA8B,OACzCC,GAAgBC,IAAqBzB,EAAAA,SAC1C,MAGI0B,GAAgBH,EAAAA,OAAuB,MACvCI,GAAoBJ,EAAAA,OAAuB,MAE3CK,GAAwB,KAC5BN,GAAUO,QAAU,KACpBzB,IAAQ,IAGJ0B,GAAoBC,IAExB,GADA7B,GAAa6B,GACC,WAAVA,EACFT,GAAUO,QAAUH,GAAcG,QAClCzB,IAAQ,OACH,CACL,MAAM4B,EAAOC,EAAAA,2BAAuB,CAClCF,MAAOG,EAAAA,MAAMH,GACbI,KAAM,GACNC,GAAI,KAEN,MAAAnE,GAAAA,EAAqB,CACnBkD,YAAY,MAAAa,OAAA,EAAAA,EAAMG,MAAO,MAAAH,OAAA,EAAAA,EAAMG,KAAO,GACtCd,UAAU,MAAAW,OAAA,EAAAA,EAAMI,IAAK,MAAAJ,OAAA,EAAAA,EAAMI,GAAK,KAElCR,IACF,GAIIS,GAAeC,IAEjBhB,GAAUO,SACVP,GAAUO,QAAQU,SAASD,EAAME,SAKnCZ,MAGIa,GAAU,CACd,CACEtD,MAAO+C,EAAAA,MAAMQ,MACbC,SAAU,KACRb,GAAiB,WAGrB,CACE3C,MAAO+C,EAAAA,MAAMU,UACbD,SAAU,KACRb,GAAiB,eAGrB,CACE3C,MAAO+C,EAAAA,MAAMW,WACbF,SAAU,KACRb,GAAiB,gBAGrB,CACE3C,MAAO+C,EAAAA,MAAMY,aACbH,SAAU,KACRb,GAAiB,kBAGrB,CACE3C,MAAO+C,EAAAA,MAAMa,UACbJ,SAAU,KACRb,GAAiB,eAGrB,CACE3C,MAAO+C,EAAAA,MAAMc,UACbL,SAAU,KACRb,GAAiB,eAGrB,CACE3C,MAAO+C,EAAAA,MAAMe,cACbN,SAAU,KACRb,GAAiB,mBAGrB,CACE3C,MAAO+C,EAAAA,MAAMgB,eACbP,SAAU,KACRb,GAAiB,oBAGrB,CACE3C,MAAO+C,EAAAA,MAAMiB,iBACbR,SAAU,KACRb,GAAiB,sBAGrB,CACE3C,MAAO+C,EAAAA,MAAMkB,cACbT,SAAU,KACRb,GAAiB,mBAGrB,CACE3C,MAAO+C,EAAAA,MAAMmB,OACbV,SAAU,KACRb,GAAiB,aASjBwB,GAA2B,KAC/B,MAAMC,EAAkB,CACtBpC,WAAYX,EAAAA,QAAMQ,GAAgBE,WAAWR,OAAO,cACpDW,SAAUb,EAAAA,QAAMQ,GAAgBI,SAASV,OAAO,eAE5C8C,EAAa,CACjB/C,WAAYD,EAAAA,QAAMH,IAAYK,OAAO,eAGvC,MAAAzC,GAAAA,EAAqB,IACfE,EAAcoF,EAAkBC,IAEtC5B,MAYF,SAAS6B,GAAWC,GAClB,OAAO/C,GAAcgD,KAAKC,IAAQ,MAAAA,OAAA,EAAAA,EAAM/C,QAAS6C,EACnD,CAuEA,OAnDAG,EAAAA,UAAU,KACRvD,GACE,IAAIC,KAAKC,EAAAA,SAAM,MAAAtC,OAAA,EAAAA,EAASuC,aAAc,IAAIC,OAAO,iBAElD,CAAC,MAAAxC,OAAA,EAAAA,EAASuC,aAEboD,EAAAA,UAAU,KACR5C,GAAmB,IACdD,GACHE,UAAW,IAAIX,KACbC,EAAAA,SAAM,MAAAtC,OAAA,EAAAA,EAASiD,aAAc,IAAIT,OAAO,eAE1CU,QAAS,IAAIb,KAAKC,WAAM,MAAAtC,OAAA,EAAAA,EAASmD,WAAY,IAAIX,OAAO,kBAGzD,CAAC,MAAAxC,OAAA,EAAAA,EAASmD,SAAU,MAAAnD,OAAA,EAAAA,EAASiD,aAEhC0C,EAAAA,UAAU,KACJ1D,KACEhC,EACF8C,GAAmB,IACdD,GACHE,UAAW,IAAIX,KACbC,EAAAA,SAAM,MAAAtC,OAAA,EAAAA,EAASiD,aAAc,IAAIT,OAAO,eAE1CU,QAAS,IAAIb,KACXC,EAAAA,SAAM,MAAAtC,OAAA,EAAAA,EAASmD,WAAY,IAAIX,OAAO,iBAI1CJ,GACE,IAAIC,KAAKC,EAAAA,SAAM,MAAAtC,OAAA,EAAAA,EAASuC,aAAc,IAAIC,OAAO,kBAKtD,CAACP,GAAMhC,IAUV0F,EAAAA,UAAU,KACR9D,EAAa+D,EAAAA,eAAenG,KAE3B,CAACA,0BAGD,MAAA,CACCoG,SAAA;iBAAAC,KAAC,MAAA,CAAIC,UAAU,2BACZF,SAAA,CAAArF,kBAAmBsF,EAAAA,KAAC,MAAA,CAAIC,UAAU,wCAChCF,SAAA,CAAAtG,uBACE,MAAA,CAAIyG,MAAO,CAAEC,OAAQ,KACpBJ,wBAAAK,EAAAA,IAACC,EAAAA,QAAA,CACCC,QAAShH,EACTmF,QAAS/E,EACT6G,yBAAyB,EAExBR,SAAA1G,qBAIL+G,EAAAA,IAACI,aAAA,CAAWC,KAAK,KAAKC,OAAO,SAAS7E,MAAM,uBACzCkE,SAAA1G,IAGJ,CACC,CAAE8B,MAAOwF,EAAAA,QAAUC,MAAOC,SAAU,GACpC,CAAE1F,MAAOwF,EAAAA,QAAUG,MAAOD,SAAU,IAEnCE,IAAKC,GAAQA,GACbC,KAAK,CAACC,EAAGC,IAAMD,EAAEL,SAAWM,EAAEN,UAC9BE,IAAKnB,kBACJQ,EAAAA,IAACgB,EAAAA,QAAA,CAEC/H,MAAO,MAAAuG,OAAA,EAAAA,EAAMzE,MACbkG,OAAQjH,EACRkG,QAAS,IAAM,MAAAjG,OAAA,EAAAA,EAAgBuF,EAAKzE,QAH/B,MAAAyE,OAAA,EAAAA,EAAMiB,cAQlBlG,kBACCyF,EAAAA,IAAC,MAAA,CAAIH,UAAU,0CACbF,8BAACuB,EAAAA,QAAA,CAAOhB,QAAS1F,EAAkBmF,SAAAlF;eAGvCuF,EAAAA,IAACmB,EAAAA,QAAA,CACCpB,OAAQ,IACRF,UAAU,yCACV1G,UACAC,yBACAI,iBACA4H,QAAS,YACTC,aAAa,QAEdhH,oBAAiB2F,IAACsB,EAAAA,IAAA,CAChB3B,SAAAtF;eAIL2F,EAAAA,IAACuB,EAAAA,QAAA,CAAQC,GAAI,CAAEC,GAAI,EAAGC,GAAI,EAAGpG,YAAa,qBAEzC7B,WAAMkI,uBACL3B,EAAAA,IAAC,MAAA,CACCL,wBAAAK,EAAAA,IAAC4B,EAAAA,QAAA,CACCnI,KAAMA,GAAQ,GACdC,cACAC,qBAGF;eACJiG,EAAAA,KAAC0B,EAAAA,IAAA,CACCE,GAAI,CACFK,QAAS,OACTC,eAAgB,gBAChBC,IAAK,EACLC,SAAU,OACVN,GAAI,GAGN/B,SAAA;iBAAAC,KAAC,MAAA,CAAIC,UAAU,0CAEZF,SAAA,CAAAN,GAAW,SAAWtF,kBACrBiG,EAAAA,IAAC,MAAA,CAAIF,MAAO,CAAE+B,QAAS,OAAQE,IAAK,OAClCpC,wBAAAC,EAAAA,KAAC,MAAA,CACCC,UAAU,gDACVoC,IAAK1E,GACL2C,QAAS,KACFnE,GAIHyB,MAHAN,GAAUO,QAAUF,GAAkBE,QACtCzB,IAAQ,KAMZ2D,SAAA;eAAAC,EAAAA,KAAC,MAAA,CACCC,UAAU,sDACV5G,MAAO,GAAGmD,EAAAA,QAAM,MAAAtC,OAAA,EAAAA,EAASiD,YAAYT,OAAO,mBAAmBF,EAAAA,QAAM,MAAAtC,OAAA,EAAAA,EAASmD,UAAUX,OAAO,gBAE/FqD,SAAA;eAAAK,MAACI,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASX,SAAA;eAGtCC,EAAAA,KAACQ,EAAAA,WAAA,CACCP,UAAU,6DACVQ,KAAK,KAEJV,SAAA,CAAAvD,EAAAA,QAAM,MAAAtC,OAAA,EAAAA,EAASiD,YAAYT,OAAO,cAAc,KAAG,IACnDF,EAAAA,QAAM,MAAAtC,OAAA,EAAAA,EAASmD,UAAUX,OAAO;qBAGpC4F,EAAAA,QAAA,CAAA,QAIN7C,GAAW,gBAAWvF,WAASuC,cAAetC,kBAC7CiG,MAAC,MAAA,CAAIF,MAAO,CAAE+B,QAAS,OAAQE,IAAK,OAClCpC,wBAAAC,EAAAA,KAAC,MAAA,CACCC,UAAU,gDACVoC,IAAK1E,GACL2C,QAAS,KACFnE,GAIHyB,MAHAN,GAAUO,QAAUF,GAAkBE,QACtCzB,IAAQ,KAMZ2D,SAAA;eAAAC,EAAAA,KAAC,MAAA,CACCC,UAAU,sDACV5G,MAAO,GAAGmD,EAAAA,cAAMtC,WAASuC,YAAYC,OAAO,gBAE5CqD,SAAA;eAAAK,MAACI,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASX,SAAA;eAGtCK,EAAAA,IAACI,EAAAA,WAAA,CACCP,UAAU,6DACVQ,KAAK,KAEJV,SAAAvD,EAAAA,cAAMtC,WAASuC,YAAYC,OAAO;qBAGtC4F,EAAAA,QAAA,CAAA,uBAtYblC,EAAAA,IAAAmC,WAAA,CACGxC,SAAA9E,EAAc8F,IAjCE,EACnB7F,MACAC,QACAC,cACAC,UACAC,WACAC,eACAC,YAAW,KAENiE,GAAWvE,oBAGdkF,IAAC,MAAA,CAAIH,UAAU,gBACbF,wBAAAK,EAAAA,IAACoC,EAAAA,QAAA,CACCC,QAAS,GAAGvH,UACZwH,kBAAmBvH,EACnB0B,MAAO,MAAA3C,OAAA,EAAAA,EAAUoB,GACjBqH,SAAWC,GAAM3I,EAAmB,CAAEqB,CAACA,GAAWsH,EAAEpE,OAAO3B,QAC3DxB,UACAG,WACAJ,cACAyH,cAAetH,EAEfrC,cACAuC,gBAZgCP,GAHT,WAqaxBlB,kBAAuBgG,EAAAA,KAAC,MAAA,CAAIC,UAAU,yCAAyCF,SAAA,CAAA;eAE9EC,OAAAuC,EAAAA,SAAA,CACExC,SAAA;eAAAK,EAAAA,IAACmB,EAAAA,QAAA,CACCpB,OAAQ,IACRF,UAAU,yCACVzG,uBAAwB,CACtBsJ,oBAAM1C,EAAAA,IAAC,MAAA,CAAI2C,IAAKC,SAAOC,QAAQC,YAC/BnD,wBACEC,EAAAA,KAAAuC,WAAA,CACGxC,SAAA,CAAA7B,EAAAA,MAAMjC;qBACNqG,EAAAA,QAAA,CAAA,MAGL7D,YAEF7E;iBAEFwG,IAAC,MAAA,CAAIiC,IAAK3E,QACT;iBAILsC,KAAC,MAAA,CAAIC,UAAU,yCACbF,SAAA;eAAAK,EAAAA,IAACkB,EAAAA,QAAA,CACCM,GAAI,EAAGuB,eACLhK,OAAQ,YACRuC,YAAa,WACb0H,aAAc,OACdvH,MAAO,GAAGsH,EAAQE,KAAK,kBACvB,UAAW,CACTC,QAAS,GAAGH,EAAQE,KAAK,qBAG7B7B,QAAQ,OACR+B,2BAAWnD,IAACoD,EAAAA,OAAA,CAAW5H,SAAS,UAChC0E,QAAUhC,GAAUb,GAAkBa,EAAMmF,eAC7C1D,SAAA,WAGAzF,kBAAgB8F,EAAAA,IAACuB,UAAA,CAAQ+B,UAAQ,EAACC,YAAY,WAAW/B,GAAK,CAAEgC,UAAW,yBA7PhFxD,EAAAA,IAACyD,EAAAA,KAAA,CACCC,SAAUtG,GACVrB,KAAM4H,QAAQvG,IACdwG,QAlBoB,KACxBvG,GAAkB,OAqBXsC,SAAA,MAAAhF,OAAA,EAAAA,EAAgBgG,IAAKnB,mBACpBI,SAAAA,KAACiE,EAAAA,SAAA,CAAS3D,QAAS,KAAM4D,OApBPrH,EAoB0B+C,OAnBhDjD,GAAcgD,KAAMC,GAASA,EAAK/C,OAASA,EAAMA,OACnDD,GAAiBD,GAAcwH,OAAQvE,UAASA,WAAM/C,QAASA,EAAMA,QAGvED,GAAiB,IAAID,GAAeE,KALX,IAACA,GAoB6CA,MAAO,MAAA+C,OAAA,EAAAA,EAAM/C,MAC1EkD,SAAA;eAAAK,EAAAA,IAACgE,EAAAA,QAAA,CAASC,SA1CJxH,EA0CuB+C,EAzChCjD,GAAcgD,KAAKC,IAAQ,MAAAA,OAAA,EAAAA,EAAM/C,eAASA,WAAOA;iBA0C9CuD,IAACI,EAAAA,WAAA,CAAWoB,GAAI,CAAC0C,WAAW,QAASzI,MAAM,oBAAoB4E,KAAK,KAAMV,SAAA,MAAAH,OAAA,EAAAA,EAAM2E,SAFzB3E,GAzClD,IAAC/C,MAgSTvC,kBACC8F,EAAAA,IAAAmC,EAAAA,SAAA,CACExC,wBAAAC,OAAC0B,EAAAA,IAAA,CAAIzB,UAAU,oDACbF,SAAA;eAAAC,OAACQ,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAAS7E,MAAM,WAAWkE,SAAA,CAAA,UAAQjD,GAAM,OAAKhC;eAC1EkF,OAACwE,EAAAA,YAAA,CAAYhD,QAAQ,WAAWiD,kBAAgB,EAAC7C,GAAI,EAAGuB,eACpD,oBAAqB,CACnBzH,YAAa,GAAGyH,EAAQE,KAAK,kBAC7B,UAAW,CACXC,QAAS,GAAGH,EAAQE,KAAK,oBAG3B,gCAAkC,CAChCqB,oBAAqB,GACrBC,uBAAwB,IAE1B,+BAAiC,CAC/BC,qBAAsB,GACtBC,wBAAyB,MAEzB9E,SAAA;qBAAC+E,EAAAA,OAAA,CAAUxE,QAAS,KAChBvD,GAASD,IAAShC,EAAagC,GAAQA,GAAQ,GAC/C,MAAAtC,GAAAA,EAAqBsC,KAErBiD,wBAAAK,EAAAA,IAAC,MAAA,CAAI2C,IAAKC,EAAAA,OAAO+B,OAAOC;qBAE3BF,EAAAA,OAAA,CAAUxE,QAAS,KAChBvD,GAAkB,GAATD,GAAaA,GAAQ,EAAI,GAClC,MAAAvC,GAAAA,EAAmBuC,KAEnBiD,wBAAAK,EAAAA,IAAC,MAAA,CAAI2C,IAAKC,SAAO+B,OAAOE;eAkB5C7E,EAAAA,IAACuB,EAAAA,QAAA,CAAQC,GAAI,CAAEsD,GAAI,EAAGpD,GAAI,EAAGpG,YAAa;eAE1C0E,EAAAA,IAAC+E,EAAAA,OAAA,CACCvD,GAAI,CACFzB,OAAQ,MAEVhE,QACA2H,SAAUxG,GAAUO,QACpBuH,UAAM,EACNC,YAAU,EACVC,eAAa,EAEZvF,SAAA,EAAGwF,kBAAiBC,8BACnBpF,EAAAA,IAACqF,EAAAA,KAAA,IACKF,EACJrF,MAAO,CACLwF,OAAQ,gBACRC,gBACgB,WAAdH,EAAyB,aAAe,iBAG5CzF,wBAAAK,EAAAA,IAACwF,QAAA,CACC7F,wBAAAK,EAAAA,IAACyF,EAAAA,kBAAA,CAAkBC,YAAazH,GAC9B0B,wBAAAC,EAAAA,KAAC0B,EAAAA,IAAA,CACCE,GAAI,CACFK,QAAS,OACT8D,cAAe,SACfC,WAAY,YAGdjG,SAAA;iBAAAK,IAAC,OACEL,SAAA5F,iBACCiG,EAAAA,IAAC6F,EAAAA,UAAA,CACCC,oBAAoB,EACpBvD,SAAW/C,GAAS3C,GAAmB2C,EAAKuG,WAC5CC,2BAA2B,EAC3BC,OAAQ,CAACrJ,IACTsJ,OAAQC,EAAAA,sBAGVnG,EAAAA,IAACoG,EAAAA,SAAA,CACC7D,SAAW/C,GAAStD,GAAcsD,GAClC6G,KAAMpK,GACNiK,OAAQC,EAAAA;qBAIb7E,EAAAA,IAAA,CAAIE,GAAI,CAAEjG,QAAS,iBAClBoE,wBAAAK,EAAAA,IAACkB,EAAAA,QAAA,CACCE,QAAQ,YACRI,GAAI,CAAE8E,MAAO,eACbpG,QAAShB,GACVS,SAAA"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/inventory-reports-title-bar/inventory-reports-title-bar.tsx"],"sourcesContent":["import Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\nimport \"./inventory-reports-title-bar.scss\";\n\nimport TitleDropdownButton from \"../title-dropdown-button/title-dropdown-button\";\nimport { useEffect, useRef, useState } from \"react\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport { generateFields } from \"../../utils/common\";\nimport ReportButtons, { IReportButtons } from \"./report-buttons/report-buttons\";\nimport TabBar, { TabProps } from \"../tabs/tabs\";\nimport { Box, ButtonGroup, ClickAwayListener, Divider, Grow, Menu, MenuItem, Paper, Popper, Button as MuiButton } from \"@mui/material\";\nimport images from \"../../assets/images\";\nimport { enUS } from 'date-fns/locale'; // Import the desired locale\n// import ReportFilter from './component/reportFilter'\nimport {\n handleCompareDateRangeSync as handleCompareDateRange,\n RANGE,\n} from \"../../utils/date-range\";\nimport { DateRange, Calendar } from \"react-date-range\";\nimport \"react-date-range/dist/styles.css\"; // main css file\nimport \"react-date-range/dist/theme/default.css\"; // theme css file\nimport dayjs from \"dayjs\";\n// import { fetchOptions } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport HeaderCard from \"../header-card/header-card\";\nimport viewTypes from \"../../constants/action-bar\";\n// import SearchBar from \"../search-bar/search-bar\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport SearchableSelect from \"../searchable-select\";\nimport { Filter as FilterIcon } from \"../icons\";\n\ninterface IReportFilters {\n company: number;\n start_date: string;\n end_date: string;\n as_of_date: string;\n item_id: string \| number;\n warehouse_id: string \| number;\n assembly_item_id: number \| string;\n bom_id: number \| string\n}\n\ninterface ActionBarPropsType extends Partial<TabProps>, IReportButtons {\n title: string;\n handleAddButton?: (e?: any) => void;\n isTitleMenu?: boolean;\n titleMenus?: any;\n reportFilterFields?: any[];\n isDateFilterEnabled?: boolean;\n onDateFilterChange?: (data: Partial<IReportFilters>) => void;\n filters?: Partial<IReportFilters>;\n isDateRange?: boolean;\n activeView?: string;\n setActiveView?: (string: string) => void;\n handleSearch?: (string: string) => void;\n showLevelBtn?: boolean;\n handleRowsExpand: () => void;\n handleRowsCollapse: () => void;\n customElement?: React.ReactNode;\n showLeftContent: boolean;\n showAssembluItemsFilter?: boolean;\n showBomFilter: boolean;\n isViewButton?: boolean;\n handleRedirect?: () => void;\n buttonText?: string;\n dataLength: number,\n filterDropDown: any[],\n filterKeys?:any\n}\n\ntype TDatePickerVal = {\n startDate?: Date;\n endDate?: Date;\n key?: string;\n};\n\nconst customStyle =\n{\n \n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n },\n '&:hover fieldset': {\n border: 'none',\n },\n\n '&.Mui-focused fieldset': {\n border: 'none',\n },\n \n },\n}\nconst InventoryReportsTitleBar = (props: ActionBarPropsType) => {\n const {\n title,\n handleAddButton,\n buttons = [],\n dropdownMenuButtonData,\n isTitleMenu = false,\n titleMenus = [],\n reportFilterFields = [],\n toggleCallback,\n tabs,\n activeValue,\n setActiveValue,\n isDateFilterEnabled,\n onDateFilterChange,\n filters = {},\n isDateRange = true,\n activeView = \"\",\n setActiveView,\n // handleSearch,\n showLevelBtn = false,\n handleRowsExpand,\n handleRowsCollapse,\n customElement,\n showLeftContent = true,\n // showAssembluItemsFilter = false,\n // showBomFilter = false,\n isViewButton = false,\n handleRedirect,\n buttonText = '',\n dataLength,\n filterDropDown = [],\n filterKeys\n } = props;\n const filtersConfig = [\n {\n key: 'company',\n label: 'Search Company',\n placeholder: 'Company',\n apiType: 'company',\n valueKey:filterKeys?.['company']?filterKeys['company']: 'company',\n customFilter: null,\n },\n {\n key: 'assembly_item',\n label: 'Search Assembaly Items',\n placeholder: 'Assembaly Items',\n apiType: 'assemblyItems',\n valueKey: filterKeys?.['assembly_item']?filterKeys['assembly_item']: 'assembly_item_id',\n },\n {\n key: 'item',\n label: 'Search Items',\n placeholder: 'Items',\n apiType: 'reportItems',\n valueKey: filterKeys?.['item']?filterKeys['item']: 'item_id',\n multiple:true\n },\n {\n key: 'location',\n label: 'Search Warehouse Location',\n placeholder: 'Warehouse Location',\n apiType: 'location',\n valueKey: filterKeys?.['location']?filterKeys['location']: 'warehouse_id',\n customFilter: null,\n multiple: true\n \n },\n {\n key: 'bom',\n label: 'Search Bill of Materials',\n placeholder: 'Filter Bill of Materials',\n apiType: 'bom',\n valueKey: filterKeys?.['bom']?filterKeys['bom']: 'bom_id',\n customFilter: null,\n multiple: true\n },\n {\n key: 'work_order',\n label: 'Search Work Order',\n placeholder: ' Work Order',\n apiType: 'workOrder',\n valueKey: filterKeys?.['work_order']?filterKeys['work_order']: 'work_order_id',\n customFilter: null,\n multiple: true\n },\n {\n key: 'routing',\n label: 'Search Routing',\n placeholder: ' Routing',\n apiType: 'routing',\n valueKey: filterKeys?.['routing']?filterKeys['routing']: 'routing_id',\n customFilter: null,\n multiple: true\n },\n {\n key: 'operation',\n label: 'Search Operation',\n placeholder: ' Operation',\n apiType: 'operations',\n valueKey: filterKeys?.['operation']?filterKeys['operation']: 'operation_id',\n customFilter: null,\n multiple: true\n },\n {\n key: 'equipment',\n label: 'Search Equipment',\n placeholder: ' Equipment',\n apiType: 'equipment',\n valueKey: filterKeys?.['equipment']?filterKeys['equipment']: 'equipment_id',\n customFilter: null,\n multiple: true\n },\n {\n key: 'work_center',\n label: 'Search Work Center',\n placeholder: ' Work Center',\n apiType: 'workCenter',\n valueKey: filterKeys?.['work_center']?filterKeys['work_center']: 'work_center_id',\n customFilter: null,\n multiple: true\n },\n ];\nconst inputStyle=\n {\n border: \"none\",\n \"&.Mui-focused\": {\n borderColor: \"transparent\",\n },\n \"& .MuiOutlinedInput-input\": {\n padding: \"0px\",\n fontSize: \"14px\",\n color:'#289b64'\n },\n \"& .MuiOutlinedInput-notchedOutline\": {\n border: \"none\", \n },\n '& .MuiSelect-icon': {\n color: 'green',\n },\n}\n\n\n const renderFilter = ({\n key,\n label,\n placeholder,\n apiType,\n valueKey,\n customFilter,\n multiple = false\n }: FilterConfig) => {\n if (!showFilter(key)) return null;\n\n return (\n <div className=\"search-filter\" key={key}>\n <SearchableSelect\n labelId={`${key}-label`}\n searchPlaceholder={label}\n value={filters?.[valueKey]}\n onChange={(e) => onDateFilterChange({ [valueKey]: e.target.value })}\n apiType={apiType}\n multiple={multiple}\n placeholder={placeholder}\n customeFilter={customFilter}\n // CustomDropDownIcon={FilterAltIcon}\n customStyle={customStyle}\n inputStyle={inputStyle}\n />\n </div>\n );\n };\n // const dispatch = useAppDispatch();\n\n const FilterContainer = () => (\n <>\n {filtersConfig.map(renderFilter)}\n </>\n );\n\n\n\n\n // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n const [allFields, setAllFields] = useState<any[]>([]);\n const [dateRange, setDateRange] = useState<keyof typeof RANGE>(\"TODAY\");\n const [open, setOpen] = useState<boolean>(false);\n const [customDate, setCustomDate] = useState<Date>(\n new Date(dayjs(filters?.as_of_date \|\| \"\").format(\"YYYY-MM-DD\"))\n );\n \n const defaultSelected=[\n {\n value:'date',\n },\n {\n value:'location',\n },\n {\n value:'company',\n },\n // {\n // value:'item',\n // }\n ]\n const [selectedItems, setSelectedItems] = useState<string[]>(defaultSelected);\n\n const [level, setLevel] = useState<number>(1)\n const [customDateRange, setCustomDateRange] = useState<TDatePickerVal>({\n startDate: new Date(dayjs(filters?.start_date \|\| \"\").format(\"YYYY-MM-DD\")),\n endDate: new Date(dayjs(filters?.end_date \|\| \"\").format(\"YYYY-MM-DD\")),\n key: \"selection\",\n });\n const anchorRef = useRef<HTMLDivElement \| null>(null);\n const [actionAnchorEl, setActionAnchorEl] = useState<null \| HTMLElement>(\n null\n );\n\n const dateSelectRef = useRef<HTMLDivElement>(null);\n const chipDateSelectRef = useRef<HTMLDivElement>(null);\n\n const handleCloseDatePopper = () => {\n anchorRef.current = null;\n setOpen(false);\n };\n\n const handleDateChange = (range: keyof typeof RANGE) => {\n setDateRange(range);\n if (range === \"CUSTOM\") {\n anchorRef.current = dateSelectRef.current;\n setOpen(true);\n } else {\n const data = handleCompareDateRange({\n range: RANGE[range],\n from: \"\",\n to: \"\",\n });\n onDateFilterChange?.({\n start_date: data?.from ? data?.from : \"\",\n end_date: data?.to ? data?.to : \"\",\n });\n handleCloseDatePopper();\n }\n };\n\n\n const handleClose = (event: Event) => {\n if (\n anchorRef.current &&\n anchorRef.current.contains(event.target as HTMLElement)\n ) {\n return;\n }\n\n handleCloseDatePopper();\n };\n\n const options = [\n {\n label: RANGE.TODAY,\n callback: () => {\n handleDateChange(\"TODAY\");\n },\n },\n {\n label: RANGE.THIS_WEEK,\n callback: () => {\n handleDateChange(\"THIS_WEEK\");\n },\n },\n {\n label: RANGE.THIS_MONTH,\n callback: () => {\n handleDateChange(\"THIS_MONTH\");\n },\n },\n {\n label: RANGE.THIS_QUARTER,\n callback: () => {\n handleDateChange(\"THIS_QUARTER\");\n },\n },\n {\n label: RANGE.THIS_YEAR,\n callback: () => {\n handleDateChange(\"THIS_YEAR\");\n },\n },\n {\n label: RANGE.YESTERDAY,\n callback: () => {\n handleDateChange(\"YESTERDAY\");\n },\n },\n {\n label: RANGE.PREVIOUS_WEEK,\n callback: () => {\n handleDateChange(\"PREVIOUS_WEEK\");\n },\n },\n {\n label: RANGE.PREVIOUS_MONTH,\n callback: () => {\n handleDateChange(\"PREVIOUS_MONTH\");\n },\n },\n {\n label: RANGE.PREVIOUS_QUARTER,\n callback: () => {\n handleDateChange(\"PREVIOUS_QUARTER\");\n },\n },\n {\n label: RANGE.PREVIOUS_YEAR,\n callback: () => {\n handleDateChange(\"PREVIOUS_YEAR\");\n },\n },\n {\n label: RANGE.CUSTOM,\n callback: () => {\n handleDateChange(\"CUSTOM\");\n },\n },\n ];\n\n const isChecked =(value: any) => {\n return selectedItems.some(item => item?.value == value?.value)\n }\n \n const handleFilterPopperSubmit = () => {\n const dateRangeFilter = {\n start_date: dayjs(customDateRange.startDate).format(\"YYYY-MM-DD\"),\n end_date: dayjs(customDateRange.endDate).format(\"YYYY-MM-DD\"),\n };\n const dateFilter = {\n as_of_date: dayjs(customDate).format(\"YYYY-MM-DD\"),\n };\n\n onDateFilterChange?.({\n ...(isDateRange ? dateRangeFilter : dateFilter),\n });\n handleCloseDatePopper();\n };\n const handleFilterClose = () => {\n setActionAnchorEl(null);\n };\n const handleSelectChange = (value: any) => {\n if (selectedItems.some((item) => item.value == value.value)) {\n setSelectedItems(selectedItems.filter((item) => item?.value != value.value));\n return;\n }\n setSelectedItems([...selectedItems, value]);\n };\n function showFilter(val) {\n return selectedItems.some(item => item?.value == val)\n }\n const filterDropDownFunc = () => {\n return (\n <Menu\n anchorEl={actionAnchorEl}\n open={Boolean(actionAnchorEl)}\n onClose={handleFilterClose}\n >\n {/* <MenuItem className=\"inventoryReportsTitleBar--report-filter\"> /}\n {/ Add your options here /}\n {filterDropDown?.map((item) => (\n <MenuItem onClick={() => handleSelectChange(item)} key={item} value={item?.value}>\n <Checkbox checked={isChecked(item)} />\n <Typography sx={{marginLeft:'10px'}} color='theme.neutral.800' type='s3'>{item?.name}</Typography>\n </MenuItem>\n ))}\n {/ </MenuItem> /}\n </Menu>\n );\n };\n useEffect(() => {\n setCustomDate(\n new Date(dayjs(filters?.as_of_date \|\| \"\").format(\"YYYY-MM-DD\"))\n );\n }, [filters?.as_of_date]);\n\n useEffect(() => {\n setCustomDateRange({\n ...customDateRange,\n startDate: new Date(\n dayjs(filters?.start_date \|\| \"\").format(\"YYYY-MM-DD\")\n ),\n endDate: new Date(dayjs(filters?.end_date \|\| \"\").format(\"YYYY-MM-DD\")),\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [filters?.end_date, filters?.start_date]);\n\n useEffect(() => {\n if (open) {\n if (isDateRange) {\n setCustomDateRange({\n ...customDateRange,\n startDate: new Date(\n dayjs(filters?.start_date \|\| \"\").format(\"YYYY-MM-DD\")\n ),\n endDate: new Date(\n dayjs(filters?.end_date \|\| \"\").format(\"YYYY-MM-DD\")\n ),\n });\n } else {\n setCustomDate(\n new Date(dayjs(filters?.as_of_date \|\| \"\").format(\"YYYY-MM-DD\"))\n );\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open, isDateRange]);\n\n // useEffect(() => {\n // // dispatch(fetchOptions());\n // if (showBomFilter) {\n // dispatch(fetchBom())\n // }\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, []);\n\n useEffect(() => {\n setAllFields(generateFields(reportFilterFields));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [reportFilterFields]);\n\n return (\n <div>\n <div className=\"inventoryReportsTitleBar\">\n {showLeftContent && <div className=\"inventoryReportsTitleBar--LeftContent\">\n {isTitleMenu ? (\n <div style={{ zIndex: 999 }}>\n <TitleDropdownButton\n onClick={handleAddButton}\n options={titleMenus}\n isMenuThirdItemDisabled={true}\n >\n {title}\n </TitleDropdownButton>\n </div>\n ) : (\n <Typography type=\"h3\" weight=\"medium\" color=\"theme.secondary.1000\">\n {title}\n </Typography>\n )}\n {[\n { label: viewTypes.TABLE, position: 1 },\n { label: viewTypes.CHART, position: 2 },\n ]\n .map((ele) => ele)\n .sort((a, b) => a.position - b.position)\n .map((item) => (\n <HeaderCard\n key={item?.position}\n title={item?.label}\n active={activeView}\n onClick={() => setActiveView?.(item.label)}\n />\n ))}\n\n </div>}\n {isViewButton &&\n <div className=\"inventoryReportsTitleBar--ExtraButtonUi\">\n <Button onClick={handleRedirect} >{buttonText}</Button>\n </div>\n }\n <ReportButtons\n zIndex={999}\n className=\"inventoryReportsTitleBar--RightContent\"\n buttons={buttons}\n dropdownMenuButtonData={dropdownMenuButtonData}\n toggleCallback={toggleCallback}\n variant={\"contained\"}\n iconPosition=\"end\"\n />\n {customElement && <Box >\n {customElement}\n </Box>}\n\n </div>\n <Divider sx={{ mb: 2, mx: 1, borderColor: 'grey.200' }}/>\n\n {tabs?.length ? (\n <div>\n <TabBar\n tabs={tabs \|\| []}\n activeValue={activeValue}\n setActiveValue={setActiveValue}\n />\n </div>\n ) : null}\n <Box\n sx={{\n display: \"flex\",\n justifyContent: \"space-between\",\n gap: 1,\n flexWrap: 'wrap',\n mx: 1\n }}\n >\n <div className=\"inventoryReportsTitleBar--FilterWrapper\">\n\n {showFilter('date') && isDateRange && (\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip\"\n ref={chipDateSelectRef}\n onClick={() => {\n if (!open) {\n anchorRef.current = chipDateSelectRef.current;\n setOpen(true);\n } else {\n handleCloseDatePopper();\n }\n }}\n >\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} - ${dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Date Range:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} -{\" \"}\n {dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </div>\n )}\n {showFilter('date') && filters?.as_of_date && !isDateRange&& (\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip\"\n ref={chipDateSelectRef}\n onClick={() => {\n if (!open) {\n anchorRef.current = chipDateSelectRef.current;\n setOpen(true);\n } else {\n handleCloseDatePopper();\n }\n }}\n >\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Date:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </div>\n )}\n {FilterContainer()}\n </div>\n\n\n {isDateFilterEnabled && <div className=\"inventoryReportsTitleBar--FilterAction\">\n (\n <>\n <ReportButtons\n zIndex={997}\n className=\"inventoryReportsTitleBar--RightContent\"\n dropdownMenuButtonData={{\n icon: <img src={images.sidebar.calendar2} />,\n children: (\n <>\n {RANGE[dateRange]}\n <KeyboardArrowDownIcon />\n </>\n ),\n options: options,\n }}\n toggleCallback={toggleCallback}\n />\n <div ref={dateSelectRef}></div>\n </>\n )\n </div>\n }\n <div className=\"inventoryReportsTitleBar--FilterAction\">\n <Button\n sx={({ palette }) => ({\n border: \"1px solid\",\n borderColor: 'grey.200',\n borderRadius: \"50px\",\n color: `${palette.grey[800]} !important`,\n '&:hover': {\n bgcolor: `${palette.grey[200]} !important`,\n }\n })}\n variant=\"text\"\n startIcon={<FilterIcon fontSize=\"small\"/>}\n onClick={(event) => setActionAnchorEl(event.currentTarget)}\n >\n Filter\n </Button>\n {showLevelBtn && <Divider flexItem orientation=\"vertical\" sx= {{ alignSelf: 'auto'}} />}\n {filterDropDownFunc()}\n {showLevelBtn && (\n <>\n <Box className=\"inventoryReportsTitleBar--FilterAction--lvWrapper\">\n <Typography type=\"s3\" weight=\"medium\" color='grey.800'> Level {level} of {dataLength}</Typography>\n <ButtonGroup variant=\"outlined\" disableElevation sx={({ palette }) => ({ \n '& .MuiButton-root' :{\n borderColor: `${palette.grey[200]} !important`,\n '&:hover': {\n bgcolor: `${palette.grey[200]} !important`,\n }\n },\n '& .MuiButtonGroup-firstButton' : {\n borderTopLeftRadius: 20,\n borderBottomLeftRadius: 20\n },\n '& .MuiButtonGroup-lastButton' : {\n borderTopRightRadius: 20,\n borderBottomRightRadius: 20\n }})}>\n <MuiButton onClick={() => {\n setLevel(level == dataLength ? level : level + 1)\n handleRowsCollapse?.(level)\n }}>\n <img src={images.common.expand} />\n </MuiButton>\n <MuiButton onClick={() => {\n setLevel(level != 1 ? level - 1 : 1)\n handleRowsExpand?.(level)\n }}>\n <img src={images.common.collapse} />\n </MuiButton>\n </ButtonGroup>\n </Box>\n </>\n )}\n {/ <SearchBar\n placeholder=\"Search\"\n handleSearch={(val) => handleSearch?.(val)}\n sx={{\n width: \"250px\",\n background: \"#fff !important\",\n border: \"1px solid #F3F2F2 !important\",\n }}\n /> */}\n </div>\n </Box>\n\n <Divider sx={{ my: 2, mx: 1, borderColor: 'grey.200' }}/>\n \n <Popper\n sx={{\n zIndex: 9999,\n }}\n open={open}\n anchorEl={anchorRef.current}\n role={undefined}\n transition\n disablePortal\n >\n {({ TransitionProps, placement }) => (\n <Grow\n {...TransitionProps}\n style={{\n margin: \"0 20px 0 20px\",\n transformOrigin:\n placement === \"bottom\" ? \"center top\" : \"center bottom\",\n }}\n >\n <Paper>\n <ClickAwayListener onClickAway={handleClose}>\n <Box\n sx={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"flex-end\",\n }}\n >\n <div>\n {isDateRange ? (\n <DateRange\n editableDateInputs={true}\n onChange={(item) => setCustomDateRange(item.selection)}\n moveRangeOnFirstSelection={false}\n ranges={[customDateRange]}\n locale={enUS}\n />\n ) : (\n <Calendar\n onChange={(item) => setCustomDate(item)}\n date={customDate}\n locale={enUS}\n />\n )}\n </div>\n <Box sx={{ padding: \"0 12px 12px 0\" }}>\n <Button\n variant=\"contained\"\n sx={{ width: \"fit-content\" }}\n onClick={handleFilterPopperSubmit}\n >\n Apply\n </Button>\n </Box>\n </Box>\n </ClickAwayListener>\n </Paper>\n </Grow>\n )}\n </Popper>\n\n </div>\n );\n};\n\nexport default InventoryReportsTitleBar;\n"],"names":["customStyle","border","props","title","handleAddButton","buttons","dropdownMenuButtonData","isTitleMenu","titleMenus","reportFilterFields","toggleCallback","tabs","activeValue","setActiveValue","isDateFilterEnabled","onDateFilterChange","filters","isDateRange","activeView","setActiveView","showLevelBtn","handleRowsExpand","handleRowsCollapse","customElement","showLeftContent","isViewButton","handleRedirect","buttonText","dataLength","filterDropDown","filterKeys","filtersConfig","key","label","placeholder","apiType","valueKey","customFilter","multiple","inputStyle","borderColor","padding","fontSize","color","allFields","setAllFields","useState","dateRange","setDateRange","open","setOpen","customDate","setCustomDate","Date","dayjs","as_of_date","format","selectedItems","setSelectedItems","value","level","setLevel","customDateRange","setCustomDateRange","startDate","start_date","endDate","end_date","anchorRef","useRef","actionAnchorEl","setActionAnchorEl","dateSelectRef","chipDateSelectRef","handleCloseDatePopper","current","handleDateChange","range","data","handleCompareDateRange","RANGE","from","to","handleClose","event","contains","target","options","TODAY","callback","THIS_WEEK","THIS_MONTH","THIS_QUARTER","THIS_YEAR","YESTERDAY","PREVIOUS_WEEK","PREVIOUS_MONTH","PREVIOUS_QUARTER","PREVIOUS_YEAR","CUSTOM","handleFilterPopperSubmit","dateRangeFilter","dateFilter","showFilter","val","some","item","useEffect","generateFields","children","jsxs","className","style","zIndex","jsx","TitleDropdownButton","onClick","isMenuThirdItemDisabled","Typography","type","weight","viewTypes","TABLE","position","CHART","map","ele","sort","a","b","HeaderCard","active","Button","ReportButtons","variant","iconPosition","Box","Divider","sx","mb","mx","length","TabBar","display","justifyContent","gap","flexWrap","ref","KeyboardArrowDownIcon","Fragment","SearchableSelect","labelId","searchPlaceholder","onChange","e","customeFilter","icon","src","images","sidebar","calendar2","palette","borderRadius","grey","bgcolor","startIcon","FilterIcon","currentTarget","flexItem","orientation","alignSelf","Menu","anchorEl","Boolean","onClose","MenuItem","handleSelectChange","filter","Checkbox","checked","marginLeft","name","ButtonGroup","disableElevation","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","MuiButton","common","expand","collapse","my","Popper","role","transition","disablePortal","TransitionProps","placement","Grow","margin","transformOrigin","Paper","ClickAwayListener","onClickAway","flexDirection","alignItems","DateRange","editableDateInputs","selection","moveRangeOnFirstSelection","ranges","locale","enUS","Calendar","date","width"],"mappings":"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"}

package/dist/components/label-value/label-value/index.esm.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Box } from "@mui/material";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 const LabelValue = ({
   key,

package/dist/components/label-value/label-value/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("../../typography/typography/index.js");exports.default=({key:t,label:l,children:o})=>/* @__PURE__ */e.jsxs(r.Box,{gap:1,flexDirection:"column",display:"flex",children:[
-/* @__PURE__ */e.jsx(i.Typography,{type:"s3",weight:"bold",color:"theme.secondary.1000",children:l}),o]},t);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/Box/Box/index.js"),i=require("../../typography/typography/index.js");exports.default=({key:l,label:o,children:t})=>/* @__PURE__ */e.jsxs(r.default,{gap:1,flexDirection:"column",display:"flex",children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s3",weight:"bold",color:"theme.secondary.1000",children:o}),t]},l);
 //# sourceMappingURL=index.js.map

package/dist/components/label-value/label-value/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/label-value/label-value.tsx"],"sourcesContent":["import { Typography } from \"../../components\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nconst LabelValue = ({\r\n key,\r\n label,\r\n children\r\n}: {\r\n key: string;\r\n label: string;\r\n children: React.ReactNode;\r\n}) => {\r\n return (\r\n <Box key={key} gap={1} flexDirection=\"column\" display=\"flex\">\r\n <Typography type=\"s3\" weight=\"bold\" color=\"theme.secondary.1000\">{label}</Typography>\r\n {children}\r\n </Box>\r\n )\r\n}\r\n\r\nexport default LabelValue"],"names":["key","label","children","Box","gap","flexDirection","display","jsx","Typography","type","weight","color"],"mappings":"~~oMAGmB~~,EACfA,MACAC,QACAC,oCAOKC,~~MAAA~~,CAAcC,IAAK,EAAGC,cAAc,SAASC,QAAQ,OAClDJ,SAAA;eAAAK,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,OAAOC,MAAM,uBAAwBT,SAAAD,IACjEC,IAFKF"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/label-value/label-value.tsx"],"sourcesContent":["import { Typography } from \"../../components\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nconst LabelValue = ({\r\n key,\r\n label,\r\n children\r\n}: {\r\n key: string;\r\n label: string;\r\n children: React.ReactNode;\r\n}) => {\r\n return (\r\n <Box key={key} gap={1} flexDirection=\"column\" display=\"flex\">\r\n <Typography type=\"s3\" weight=\"bold\" color=\"theme.secondary.1000\">{label}</Typography>\r\n {children}\r\n </Box>\r\n )\r\n}\r\n\r\nexport default LabelValue"],"names":["key","label","children","Box","gap","flexDirection","display","jsx","Typography","type","weight","color"],"mappings":"2OAGmB,EACfA,MACAC,QACAC,oCAOKC,UAAA,CAAcC,IAAK,EAAGC,cAAc,SAASC,QAAQ,OAClDJ,SAAA;eAAAK,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,OAAOC,MAAM,uBAAwBT,SAAAD,IACjEC,IAFKF"}

package/dist/components/list/list/index.esm.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
-import Accordion from "@mui/material/Accordion";
-import Chip from "@mui/material/Chip";
-import AccordionSummary from "@mui/material/AccordionSummary";
-import AccordionDetails from "@mui/material/AccordionDetails";
-import Typography from "@mui/material/Typography";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import RadioButtonCheckedIcon from "@mui/icons-material/RadioButtonChecked";
+import default_1$1 from "../../../node_modules/@mui/icons-material/ExpandMore/index.esm.js";
+import default_1 from "../../../node_modules/@mui/icons-material/RadioButtonChecked/index.esm.js";
 import { GridCellKind, DataEditor } from "../../../node_modules/@glideapps/glide-data-grid/dist/js/index/index.esm.js";
 import { useExtraCells } from "../../../node_modules/@glideapps/glide-data-grid-cells/dist/js/index/index.esm.js";
 import { useLayer } from "react-laag";
 /* empty css                                                                        */
+import Accordion from "../../../node_modules/@mui/material/Accordion/Accordion/index.esm.js";
+import AccordionSummary from "../../../node_modules/@mui/material/AccordionSummary/AccordionSummary/index.esm.js";
+import Typography from "../../../node_modules/@mui/material/Typography/Typography/index.esm.js";
+import Chip from "../../../node_modules/@mui/material/Chip/Chip/index.esm.js";
+import AccordionDetails from "../../../node_modules/@mui/material/AccordionDetails/AccordionDetails/index.esm.js";
 function List(props) {
   const [showSearch, setShowSearch] = useState(false);
   const [columns, setColumns] = useState(props.header);
@@ -170,12 +170,12 @@ function List(props) {
     });
   }, []);
   return /* @__PURE__ */ jsxs(Accordion, { children: [
-    /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}), children: /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(default_1$1, {}), children: /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(
       Chip,
       {
         size: "small",
         color: "primary",
-        icon: /* @__PURE__ */ jsx(RadioButtonCheckedIcon, {}),
+        icon: /* @__PURE__ */ jsx(default_1, {}),
         label: "Accordion 1"
       }
     ) }) }),

package/dist/components/list/list/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import { useState, useCallback } from \"react\";\n\nimport Accordion from \"@mui/material/Accordion\";\nimport Chip from \"@mui/material/Chip\";\nimport AccordionSummary from \"@mui/material/AccordionSummary\";\nimport AccordionDetails from \"@mui/material/AccordionDetails\";\nimport Typography from \"@mui/material/Typography\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport RadioButtonCheckedIcon from \"@mui/icons-material/RadioButtonChecked\";\n\nimport DataEditor, {\n // DataEditorProps,\n GridCellKind,\n Item,\n GridCell,\n // GridColumn,\n // GridColumnIcon\n} from \"@glideapps/glide-data-grid\";\nimport { useExtraCells } from \"@glideapps/glide-data-grid-cells\";\nimport { useLayer } from \"react-laag\";\n\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport \"@glideapps/glide-data-grid/dist/index.css\";\n\nexport default function List(props: any) {\n const [showSearch, setShowSearch] = useState(false);\n const [columns, setColumns] = useState(props.header);\n const [data, setData] = useState(props.tableData);\n const [showMenu, setShowMenu] = useState<any>();\n const [isSubMenuOpen, setIsSubMenuOpen] = useState(true);\n\n const onSearchClose = useCallback(() => setShowSearch(false), []);\n const cellProps = useExtraCells();\n\n const onColumnResize = useCallback(\n (column: any, newSize: any) => {\n setColumns((prevColsMap: any) => {\n const index = columns.findIndex((ci: any) => ci.title === column.title);\n const newArray = [...prevColsMap];\n newArray.splice(index, 1, {\n ...prevColsMap[index],\n width: newSize,\n });\n return newArray;\n });\n },\n [columns],\n );\n\n const getContent = useCallback(\n ([col, row]: Item): GridCell => {\n // console.log(\"cell\", cell)\n // const [col, row]: Item = cell;\n const dataRow = data[row];\n const d = dataRow[columns[col].id];\n\n const { dataType } = columns[col];\n\n if (dataType === \"Number\") {\n return {\n allowOverlay: true,\n kind: GridCellKind.Number,\n data: d,\n displayData: d.toString(),\n };\n } else if (dataType === \"Image\") {\n return {\n kind: GridCellKind.Image,\n data: [d],\n allowOverlay: true,\n allowAdd: true,\n };\n } else if (dataType === \"Bubble\") {\n return {\n kind: GridCellKind.Bubble,\n data: [\"sss\", \"ss\"],\n allowOverlay: true,\n };\n } else if (dataType === \"SingleDropdown\") {\n return {\n kind: GridCellKind.Custom,\n allowOverlay: true,\n copyData: \"4\",\n data: {\n kind: \"dropdown-cell\",\n allowedValues: [\"Good\", \"Better\", \"Best\"],\n value: \"Good\",\n },\n };\n } else if (dataType === \"DatePicker\") {\n return {\n kind: GridCellKind.Custom,\n allowOverlay: true,\n copyData: \"4\",\n data: {\n kind: \"date-picker-cell\",\n date: new Date(),\n displayDate: new Date().toISOString(),\n format: \"date\",\n },\n };\n } else {\n return {\n kind: GridCellKind.Text,\n allowOverlay: true,\n readonly: false,\n displayData: d,\n data: d,\n };\n }\n },\n [data, columns],\n );\n\n const onCellEdited = useCallback(\n (cell: any, newValue: any) => {\n if (newValue.kind !== GridCellKind.Text) {\n // we only have text cells, might as well just die here.\n return;\n }\n\n const [col, row] = cell;\n const key = columns[col].id;\n data[row][key] = newValue.data;\n\n setData(data);\n },\n [data, columns],\n );\n\n const onDragOverCell = (cell: any) => {\n console.log(cell);\n };\n\n const onRowAppended = useCallback(() => {\n const newRowObj: any = {};\n console.log(Object.entries(data[0]));\n for (const [key] of Object.entries(data[0])) {\n newRowObj[key] = \"\";\n }\n setData([...data, newRowObj]);\n }, [data]);\n\n const onHeaderClicked = useCallback(() => {\n console.log(\"Header clicked\");\n }, []);\n\n const onOutsideClick = () => {\n if (isSubMenuOpen) {\n setShowMenu(undefined);\n setIsSubMenuOpen((cv) => !cv);\n }\n setIsSubMenuOpen((cv) => !cv);\n };\n\n const { renderLayer, layerProps } = useLayer({\n isOpen: showMenu !== undefined,\n triggerOffset: 2,\n onOutsideClick,\n trigger: {\n getBounds: () => ({\n bottom: (showMenu?.bounds.y ?? 0) + (showMenu?.bounds.height ?? 0),\n height: showMenu?.bounds.height ?? 0,\n left: showMenu?.bounds.x ?? 0,\n right: (showMenu?.bounds.x ?? 0) + (showMenu?.bounds.width ?? 0),\n top: showMenu?.bounds.y ?? 0,\n width: showMenu?.bounds.width ?? 0,\n }),\n },\n placement: \"bottom-end\",\n auto: true,\n });\n\n const onHeaderMenuClick = useCallback((col: any, bounds: any) => {\n setIsSubMenuOpen((cv) => !cv);\n setShowMenu({ col, bounds });\n }, []);\n\n const onAddCol = useCallback(() => {\n const newData = data.map((row: any) => {\n return { ...row, new: \"\" };\n });\n setData(newData);\n // setIndexes([...Object.keys(data[0]), \"new\"]);\n setColumns([\n ...columns,\n {\n title: \"New\",\n id: \"new\",\n hasMenu: true,\n },\n ]);\n }, [data, columns]);\n\n const onColMoved = useCallback((startIndex: any, endIndex: any) => {\n setColumns((old: any) => {\n const newCols = [...old];\n const [toMove] = newCols.splice(startIndex, 1);\n newCols.splice(endIndex, 0, toMove);\n return newCols;\n });\n }, []);\n\n return (\n <Accordion>\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <Typography>\n <Chip\n size=\"small\"\n color=\"primary\"\n icon={<RadioButtonCheckedIcon />}\n label=\"Accordion 1\"\n />\n </Typography>\n </AccordionSummary>\n <AccordionDetails></AccordionDetails>\n {/* <button onClick={() => setShowSearch(true)}>\n Show Search\n </button> */}\n <DataEditor\n {...cellProps}\n getCellContent={getContent}\n columns={columns}\n onCellEdited={onCellEdited}\n onHeaderMenuClick={onHeaderMenuClick}\n onHeaderClicked={onHeaderClicked}\n onCellContextMenu={(_, e) => e.preventDefault()}\n rows={data.length}\n rowMarkers={\"both\"}\n showSearch={showSearch}\n getCellsForSelection={true}\n onSearchClose={onSearchClose}\n onRowAppended={onRowAppended}\n onDragOverCell={onDragOverCell}\n onRowMoved={(s, e) => window.alert(`Moved row ${s} to ${e}`)}\n // height={\"100px\"}\n onColumnMoved={onColMoved}\n trailingRowOptions={{\n // How to get the trailing row to look right\n sticky: true,\n tint: false,\n hint: \"New row...\",\n // themeOverride: true\n }}\n smoothScrollX={true}\n smoothScrollY={true}\n verticalBorder={(c) => c > 0}\n // freezeColumns={1}\n onDragStart={(e) => {\n e.setData(\"text/plain\", \"Drag data here!\");\n }}\n rightElement={\n <div className=\"addCol\">\n <button onClick={() => onAddCol()}>+</button>\n </div>\n }\n rightElementProps={{\n fill: false,\n sticky: true,\n }}\n onColumnResize={onColumnResize}\n />\n <div id=\"portal\" />\n {showMenu !== undefined &&\n renderLayer(\n <div\n {...layerProps}\n style={{\n ...layerProps.style,\n width: 300,\n padding: 4,\n borderRadius: 8,\n backgroundColor: \"white\",\n border: \"1px solid black\",\n }}\n >\n <ul>\n <li>Action 1</li>\n <li>Action 2</li>\n <li>Action 3</li>\n </ul>\n </div>,\n )}\n </Accordion>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import { useState, useCallback } from \"react\";\n\nimport Accordion from \"@mui/material/Accordion\";\nimport Chip from \"@mui/material/Chip\";\nimport AccordionSummary from \"@mui/material/AccordionSummary\";\nimport AccordionDetails from \"@mui/material/AccordionDetails\";\nimport Typography from \"@mui/material/Typography\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport RadioButtonCheckedIcon from \"@mui/icons-material/RadioButtonChecked\";\n\nimport DataEditor, {\n // DataEditorProps,\n GridCellKind,\n Item,\n GridCell,\n // GridColumn,\n // GridColumnIcon\n} from \"@glideapps/glide-data-grid\";\nimport { useExtraCells } from \"@glideapps/glide-data-grid-cells\";\nimport { useLayer } from \"react-laag\";\n\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport \"@glideapps/glide-data-grid/dist/index.css\";\n\nexport default function List(props: any) {\n const [showSearch, setShowSearch] = useState(false);\n const [columns, setColumns] = useState(props.header);\n const [data, setData] = useState(props.tableData);\n const [showMenu, setShowMenu] = useState<any>();\n const [isSubMenuOpen, setIsSubMenuOpen] = useState(true);\n\n const onSearchClose = useCallback(() => setShowSearch(false), []);\n const cellProps = useExtraCells();\n\n const onColumnResize = useCallback(\n (column: any, newSize: any) => {\n setColumns((prevColsMap: any) => {\n const index = columns.findIndex((ci: any) => ci.title === column.title);\n const newArray = [...prevColsMap];\n newArray.splice(index, 1, {\n ...prevColsMap[index],\n width: newSize,\n });\n return newArray;\n });\n },\n [columns],\n );\n\n const getContent = useCallback(\n ([col, row]: Item): GridCell => {\n // console.log(\"cell\", cell)\n // const [col, row]: Item = cell;\n const dataRow = data[row];\n const d = dataRow[columns[col].id];\n\n const { dataType } = columns[col];\n\n if (dataType === \"Number\") {\n return {\n allowOverlay: true,\n kind: GridCellKind.Number,\n data: d,\n displayData: d.toString(),\n };\n } else if (dataType === \"Image\") {\n return {\n kind: GridCellKind.Image,\n data: [d],\n allowOverlay: true,\n allowAdd: true,\n };\n } else if (dataType === \"Bubble\") {\n return {\n kind: GridCellKind.Bubble,\n data: [\"sss\", \"ss\"],\n allowOverlay: true,\n };\n } else if (dataType === \"SingleDropdown\") {\n return {\n kind: GridCellKind.Custom,\n allowOverlay: true,\n copyData: \"4\",\n data: {\n kind: \"dropdown-cell\",\n allowedValues: [\"Good\", \"Better\", \"Best\"],\n value: \"Good\",\n },\n };\n } else if (dataType === \"DatePicker\") {\n return {\n kind: GridCellKind.Custom,\n allowOverlay: true,\n copyData: \"4\",\n data: {\n kind: \"date-picker-cell\",\n date: new Date(),\n displayDate: new Date().toISOString(),\n format: \"date\",\n },\n };\n } else {\n return {\n kind: GridCellKind.Text,\n allowOverlay: true,\n readonly: false,\n displayData: d,\n data: d,\n };\n }\n },\n [data, columns],\n );\n\n const onCellEdited = useCallback(\n (cell: any, newValue: any) => {\n if (newValue.kind !== GridCellKind.Text) {\n // we only have text cells, might as well just die here.\n return;\n }\n\n const [col, row] = cell;\n const key = columns[col].id;\n data[row][key] = newValue.data;\n\n setData(data);\n },\n [data, columns],\n );\n\n const onDragOverCell = (cell: any) => {\n console.log(cell);\n };\n\n const onRowAppended = useCallback(() => {\n const newRowObj: any = {};\n console.log(Object.entries(data[0]));\n for (const [key] of Object.entries(data[0])) {\n newRowObj[key] = \"\";\n }\n setData([...data, newRowObj]);\n }, [data]);\n\n const onHeaderClicked = useCallback(() => {\n console.log(\"Header clicked\");\n }, []);\n\n const onOutsideClick = () => {\n if (isSubMenuOpen) {\n setShowMenu(undefined);\n setIsSubMenuOpen((cv) => !cv);\n }\n setIsSubMenuOpen((cv) => !cv);\n };\n\n const { renderLayer, layerProps } = useLayer({\n isOpen: showMenu !== undefined,\n triggerOffset: 2,\n onOutsideClick,\n trigger: {\n getBounds: () => ({\n bottom: (showMenu?.bounds.y ?? 0) + (showMenu?.bounds.height ?? 0),\n height: showMenu?.bounds.height ?? 0,\n left: showMenu?.bounds.x ?? 0,\n right: (showMenu?.bounds.x ?? 0) + (showMenu?.bounds.width ?? 0),\n top: showMenu?.bounds.y ?? 0,\n width: showMenu?.bounds.width ?? 0,\n }),\n },\n placement: \"bottom-end\",\n auto: true,\n });\n\n const onHeaderMenuClick = useCallback((col: any, bounds: any) => {\n setIsSubMenuOpen((cv) => !cv);\n setShowMenu({ col, bounds });\n }, []);\n\n const onAddCol = useCallback(() => {\n const newData = data.map((row: any) => {\n return { ...row, new: \"\" };\n });\n setData(newData);\n // setIndexes([...Object.keys(data[0]), \"new\"]);\n setColumns([\n ...columns,\n {\n title: \"New\",\n id: \"new\",\n hasMenu: true,\n },\n ]);\n }, [data, columns]);\n\n const onColMoved = useCallback((startIndex: any, endIndex: any) => {\n setColumns((old: any) => {\n const newCols = [...old];\n const [toMove] = newCols.splice(startIndex, 1);\n newCols.splice(endIndex, 0, toMove);\n return newCols;\n });\n }, []);\n\n return (\n <Accordion>\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <Typography>\n <Chip\n size=\"small\"\n color=\"primary\"\n icon={<RadioButtonCheckedIcon />}\n label=\"Accordion 1\"\n />\n </Typography>\n </AccordionSummary>\n <AccordionDetails></AccordionDetails>\n {/* <button onClick={() => setShowSearch(true)}>\n Show Search\n </button> */}\n <DataEditor\n {...cellProps}\n getCellContent={getContent}\n columns={columns}\n onCellEdited={onCellEdited}\n onHeaderMenuClick={onHeaderMenuClick}\n onHeaderClicked={onHeaderClicked}\n onCellContextMenu={(_, e) => e.preventDefault()}\n rows={data.length}\n rowMarkers={\"both\"}\n showSearch={showSearch}\n getCellsForSelection={true}\n onSearchClose={onSearchClose}\n onRowAppended={onRowAppended}\n onDragOverCell={onDragOverCell}\n onRowMoved={(s, e) => window.alert(`Moved row ${s} to ${e}`)}\n // height={\"100px\"}\n onColumnMoved={onColMoved}\n trailingRowOptions={{\n // How to get the trailing row to look right\n sticky: true,\n tint: false,\n hint: \"New row...\",\n // themeOverride: true\n }}\n smoothScrollX={true}\n smoothScrollY={true}\n verticalBorder={(c) => c > 0}\n // freezeColumns={1}\n onDragStart={(e) => {\n e.setData(\"text/plain\", \"Drag data here!\");\n }}\n rightElement={\n <div className=\"addCol\">\n <button onClick={() => onAddCol()}>+</button>\n </div>\n }\n rightElementProps={{\n fill: false,\n sticky: true,\n }}\n onColumnResize={onColumnResize}\n />\n <div id=\"portal\" />\n {showMenu !== undefined &&\n renderLayer(\n <div\n {...layerProps}\n style={{\n ...layerProps.style,\n width: 300,\n padding: 4,\n borderRadius: 8,\n backgroundColor: \"white\",\n border: \"1px solid black\",\n }}\n >\n <ul>\n <li>Action 1</li>\n <li>Action 2</li>\n <li>Action 3</li>\n </ul>\n </div>,\n )}\n </Accordion>\n );\n}\n"],"names":["ExpandMoreIcon","RadioButtonCheckedIcon"],"mappings":";;;;;;;;;;;;;AAwBA,SAAwB,KAAK,OAAY;AACvC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,MAAM;AACnD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM,SAAS;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAA;AAChC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,IAAI;AAEvD,QAAM,gBAAgB,YAAY,MAAM,cAAc,KAAK,GAAG,CAAA,CAAE;AAChE,QAAM,YAAY,cAAA;AAElB,QAAM,iBAAiB;AAAA,IACrB,CAAC,QAAa,YAAiB;AAC7B,iBAAW,CAAC,gBAAqB;AAC/B,cAAM,QAAQ,QAAQ,UAAU,CAAC,OAAY,GAAG,UAAU,OAAO,KAAK;AACtE,cAAM,WAAW,CAAC,GAAG,WAAW;AAChC,iBAAS,OAAO,OAAO,GAAG;AAAA,UACxB,GAAG,YAAY,KAAK;AAAA,UACpB,OAAO;AAAA,QAAA,CACR;AACD,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,OAAO;AAAA,EAAA;AAGV,QAAM,aAAa;AAAA,IACjB,CAAC,CAAC,KAAK,GAAG,MAAsB;AAG9B,YAAM,UAAU,KAAK,GAAG;AACxB,YAAM,IAAI,QAAQ,QAAQ,GAAG,EAAE,EAAE;AAEjC,YAAM,EAAE,SAAA,IAAa,QAAQ,GAAG;AAEhC,UAAI,aAAa,UAAU;AACzB,eAAO;AAAA,UACL,cAAc;AAAA,UACd,MAAM,aAAa;AAAA,UACnB,MAAM;AAAA,UACN,aAAa,EAAE,SAAA;AAAA,QAAS;AAAA,MAE5B,WAAW,aAAa,SAAS;AAC/B,eAAO;AAAA,UACL,MAAM,aAAa;AAAA,UACnB,MAAM,CAAC,CAAC;AAAA,UACR,cAAc;AAAA,UACd,UAAU;AAAA,QAAA;AAAA,MAEd,WAAW,aAAa,UAAU;AAChC,eAAO;AAAA,UACL,MAAM,aAAa;AAAA,UACnB,MAAM,CAAC,OAAO,IAAI;AAAA,UAClB,cAAc;AAAA,QAAA;AAAA,MAElB,WAAW,aAAa,kBAAkB;AACxC,eAAO;AAAA,UACL,MAAM,aAAa;AAAA,UACnB,cAAc;AAAA,UACd,UAAU;AAAA,UACV,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,eAAe,CAAC,QAAQ,UAAU,MAAM;AAAA,YACxC,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MAEJ,WAAW,aAAa,cAAc;AACpC,eAAO;AAAA,UACL,MAAM,aAAa;AAAA,UACnB,cAAc;AAAA,UACd,UAAU;AAAA,UACV,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,0BAAU,KAAA;AAAA,YACV,cAAa,oBAAI,KAAA,GAAO,YAAA;AAAA,YACxB,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAEJ,OAAO;AACL,eAAO;AAAA,UACL,MAAM,aAAa;AAAA,UACnB,cAAc;AAAA,UACd,UAAU;AAAA,UACV,aAAa;AAAA,UACb,MAAM;AAAA,QAAA;AAAA,MAEV;AAAA,IACF;AAAA,IACA,CAAC,MAAM,OAAO;AAAA,EAAA;AAGhB,QAAM,eAAe;AAAA,IACnB,CAAC,MAAW,aAAkB;AAC5B,UAAI,SAAS,SAAS,aAAa,MAAM;AAEvC;AAAA,MACF;AAEA,YAAM,CAAC,KAAK,GAAG,IAAI;AACnB,YAAM,MAAM,QAAQ,GAAG,EAAE;AACzB,WAAK,GAAG,EAAE,GAAG,IAAI,SAAS;AAE1B,cAAQ,IAAI;AAAA,IACd;AAAA,IACA,CAAC,MAAM,OAAO;AAAA,EAAA;AAGhB,QAAM,iBAAiB,CAAC,SAAc;AACpC,YAAQ,IAAI,IAAI;AAAA,EAClB;AAEA,QAAM,gBAAgB,YAAY,MAAM;AACtC,UAAM,YAAiB,CAAA;AACvB,YAAQ,IAAI,OAAO,QAAQ,KAAK,CAAC,CAAC,CAAC;AACnC,eAAW,CAAC,GAAG,KAAK,OAAO,QAAQ,KAAK,CAAC,CAAC,GAAG;AAC3C,gBAAU,GAAG,IAAI;AAAA,IACnB;AACA,YAAQ,CAAC,GAAG,MAAM,SAAS,CAAC;AAAA,EAC9B,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,kBAAkB,YAAY,MAAM;AACxC,YAAQ,IAAI,gBAAgB;AAAA,EAC9B,GAAG,CAAA,CAAE;AAEL,QAAM,iBAAiB,MAAM;AAC3B,QAAI,eAAe;AACjB,kBAAY,MAAS;AACrB,uBAAiB,CAAC,OAAO,CAAC,EAAE;AAAA,IAC9B;AACA,qBAAiB,CAAC,OAAO,CAAC,EAAE;AAAA,EAC9B;AAEA,QAAM,EAAE,aAAa,WAAA,IAAe,SAAS;AAAA,IAC3C,QAAQ,aAAa;AAAA,IACrB,eAAe;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,WAAW,OAAO;AAAA,QAChB,UAAS,qCAAU,OAAO,MAAK,OAAM,qCAAU,OAAO,WAAU;AAAA,QAChE,SAAQ,qCAAU,OAAO,WAAU;AAAA,QACnC,OAAM,qCAAU,OAAO,MAAK;AAAA,QAC5B,SAAQ,qCAAU,OAAO,MAAK,OAAM,qCAAU,OAAO,UAAS;AAAA,QAC9D,MAAK,qCAAU,OAAO,MAAK;AAAA,QAC3B,QAAO,qCAAU,OAAO,UAAS;AAAA,MAAA;AAAA,IACnC;AAAA,IAEF,WAAW;AAAA,IACX,MAAM;AAAA,EAAA,CACP;AAED,QAAM,oBAAoB,YAAY,CAAC,KAAU,WAAgB;AAC/D,qBAAiB,CAAC,OAAO,CAAC,EAAE;AAC5B,gBAAY,EAAE,KAAK,QAAQ;AAAA,EAC7B,GAAG,CAAA,CAAE;AAEL,QAAM,WAAW,YAAY,MAAM;AACjC,UAAM,UAAU,KAAK,IAAI,CAAC,QAAa;AACrC,aAAO,EAAE,GAAG,KAAK,KAAK,GAAA;AAAA,IACxB,CAAC;AACD,YAAQ,OAAO;AAEf,eAAW;AAAA,MACT,GAAG;AAAA,MACH;AAAA,QACE,OAAO;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,MAAA;AAAA,IACX,CACD;AAAA,EACH,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,QAAM,aAAa,YAAY,CAAC,YAAiB,aAAkB;AACjE,eAAW,CAAC,QAAa;AACvB,YAAM,UAAU,CAAC,GAAG,GAAG;AACvB,YAAM,CAAC,MAAM,IAAI,QAAQ,OAAO,YAAY,CAAC;AAC7C,cAAQ,OAAO,UAAU,GAAG,MAAM;AAClC,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,8BACG,WAAA,EACC,UAAA;AAAA,IAAA,oBAAC,oBAAiB,YAAY,oBAACA,aAAA,EAAe,GAC5C,8BAAC,YAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,0BAAOC,WAAA,EAAuB;AAAA,QAC9B,OAAM;AAAA,MAAA;AAAA,IAAA,GAEV,EAAA,CACF;AAAA,wBACC,kBAAA,EAAiB;AAAA,IAIlB;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,mBAAmB,CAAC,GAAG,MAAM,EAAE,eAAA;AAAA,QAC/B,MAAM,KAAK;AAAA,QACX,YAAY;AAAA,QACZ;AAAA,QACA,sBAAsB;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,CAAC,GAAG,MAAM,OAAO,MAAM,aAAa,CAAC,OAAO,CAAC,EAAE;AAAA,QAE3D,eAAe;AAAA,QACf,oBAAoB;AAAA;AAAA,UAElB,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA;AAAA,QAAA;AAAA,QAGR,eAAe;AAAA,QACf,eAAe;AAAA,QACf,gBAAgB,CAAC,MAAM,IAAI;AAAA,QAE3B,aAAa,CAAC,MAAM;AAClB,YAAE,QAAQ,cAAc,iBAAiB;AAAA,QAC3C;AAAA,QACA,cACE,oBAAC,OAAA,EAAI,WAAU,UACb,UAAA,oBAAC,UAAA,EAAO,SAAS,MAAM,SAAA,GAAY,UAAA,IAAA,CAAC,GACtC;AAAA,QAEF,mBAAmB;AAAA,UACjB,MAAM;AAAA,UACN,QAAQ;AAAA,QAAA;AAAA,QAEV;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,oBAAC,OAAA,EAAI,IAAG,SAAA,CAAS;AAAA,IAChB,aAAa,UACZ;AAAA,MACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,OAAO;AAAA,YACL,GAAG,WAAW;AAAA,YACd,OAAO;AAAA,YACP,SAAS;AAAA,YACT,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,QAAQ;AAAA,UAAA;AAAA,UAGV,+BAAC,MAAA,EACC,UAAA;AAAA,YAAA,oBAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,YACZ,oBAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,YACZ,oBAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,UAAA,EAAA,CACd;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,GACJ;AAEJ;"}

package/dist/components/list/list/index.js CHANGED Viewed

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("@mui/material/Accordion"),t=require("@mui/material/Chip"),a=require("@mui/material/AccordionSummary"),d=require("@mui/material/AccordionDetails"),r=require("@mui/material/Typography"),o=require("@mui/icons-material/ExpandMore"),n=require("@mui/icons-material/RadioButtonChecked"),s=,/* empty css                                                                    */u=,/* empty css                                                                          */c=require("react-laag");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}};/* empty css                                                                     */var m=/* @__PURE__ */p(i),h=/* @__PURE__ */p(t),b=/* @__PURE__ */p(a),C=/* @__PURE__ */p(d),g=/* @__PURE__ */p(r),x=/* @__PURE__ */p(o),w=/* @__PURE__ */p(n);exports.default=function(i){const[t,a]=l.useState(!1),[d,r]=l.useState(i.header),[o,n]=l.useState(i.tableData),[p,k]=l.useState(),[v,y]=l.useState(!0),j=l.useCallback(()=>a(!1),[]),f=u.useExtraCells(),D=l.useCallback((e,l)=>{r(i=>{const t=d.findIndex(l=>l.title===e.title),a=[...i];return a.splice(t,1,{...i[t],width:l}),a})},[d]),S=l.useCallback(([e,l])=>{const i=o[l][d[e].id],{dataType:t}=d[e];return"Number"===t?{allowOverlay:!0,kind:s.GridCellKind.Number,data:i,displayData:i.toString()}:"Image"===t?{kind:s.GridCellKind.Image,data:[i],allowOverlay:!0,allowAdd:!0}:"Bubble"===t?{kind:s.GridCellKind.Bubble,data:["sss","ss"],allowOverlay:!0}:"SingleDropdown"===t?{kind:s.GridCellKind.Custom,allowOverlay:!0,copyData:"4",data:{kind:"dropdown-cell",allowedValues:["Good","Better","Best"],value:"Good"}}:"DatePicker"===t?{kind:s.GridCellKind.Custom,allowOverlay:!0,copyData:"4",data:{kind:"date-picker-cell",date:/* @__PURE__ */new Date,displayDate:/* @__PURE__ */(new Date).toISOString(),format:"date"}}:{kind:s.GridCellKind.Text,allowOverlay:!0,readonly:!1,displayData:i,data:i}},[o,d]),O=l.useCallback((e,l)=>{if(l.kind!==s.GridCellKind.Text)return;const[i,t]=e,a=d[i].id;o[t][a]=l.data,n(o)},[o,d]),q=l.useCallback(()=>{const e={};for(const[l]of Object.entries(o[0]))e[l]="";n([...o,e])},[o]),A=l.useCallback(()=>{},[]),{renderLayer:G,layerProps:M}=c.useLayer({isOpen:void 0!==p,triggerOffset:2,onOutsideClick:()=>{v&&(k(void 0),y(e=>!e)),y(e=>!e)},trigger:{getBounds:()=>({bottom:((null==p?void 0:p.bounds.y)??0)+((null==p?void 0:p.bounds.height)??0),height:(null==p?void 0:p.bounds.height)??0,left:(null==p?void 0:p.bounds.x)??0,right:((null==p?void 0:p.bounds.x)??0)+((null==p?void 0:p.bounds.width)??0),top:(null==p?void 0:p.bounds.y)??0,width:(null==p?void 0:p.bounds.width)??0})},placement:"bottom-end",auto:!0}),B=l.useCallback((e,l)=>{y(e=>!e),k({col:e,bounds:l})},[]),K=l.useCallback(()=>{const e=o.map(e=>({...e,new:""}));n(e),r([...d,{title:"New",id:"new",hasMenu:!0}])},[o,d]),E=l.useCallback((e,l)=>{r(i=>{const t=[...i],[a]=t.splice(e,1);return t.splice(l,0,a),t})},[]);/* @__PURE__ */
-return e.jsxs(m.default,{children:[
-/* @__PURE__ */e.jsx(b.default,{expandIcon:/* @__PURE__ */e.jsx(x.default,{}),children:/* @__PURE__ */e.jsx(g.default,{children:/* @__PURE__ */e.jsx(h.default,{size:"small",color:"primary",icon:/* @__PURE__ */e.jsx(w.default,{}),label:"Accordion 1"})})}),
-/* @__PURE__ */e.jsx(C.default,{}),
-/* @__PURE__ */e.jsx(s.DataEditor,{...f,getCellContent:S,columns:d,onCellEdited:O,onHeaderMenuClick:B,onHeaderClicked:A,onCellContextMenu:(e,l)=>l.preventDefault(),rows:o.length,rowMarkers:"both",showSearch:t,getCellsForSelection:!0,onSearchClose:j,onRowAppended:q,onDragOverCell:e=>{},onRowMoved:(e,l)=>window.alert(`Moved row ${e} to ${l}`),onColumnMoved:E,trailingRowOptions:{sticky:!0,tint:!1,hint:"New row..."},smoothScrollX:!0,smoothScrollY:!0,verticalBorder:e=>e>0,onDragStart:e=>{e.setData("text/plain","Drag data here!")},rightElement:/* @__PURE__ */e.jsx("div",{className:"addCol",children:/* @__PURE__ */e.jsx("button",{onClick:()=>K(),children:"+"})}),rightElementProps:{fill:!1,sticky:!0},onColumnResize:D}),
-/* @__PURE__ */e.jsx("div",{id:"portal"}),void 0!==p&&G(
-/* @__PURE__ */e.jsx("div",{...M,style:{...M.style,width:300,padding:4,borderRadius:8,backgroundColor:"white",border:"1px solid black"},children:/* @__PURE__ */e.jsxs("ul",{children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),d=,/* empty css                                                          */i=,/* empty css                                                                  */o=,/* empty css                                                                    */t=,/* empty css                                                                          */a=require("react-laag");;/* empty css                                                                     */var r=,/* empty css                                                             */n=,/* empty css                                                                           */s=,/* empty css                                                               */u=,/* empty css                                                   */c=;/* empty css                                                                           */exports.default=function(m){const[p,x]=l.useState(!1),[h,C]=l.useState(m.header),[g,b]=l.useState(m.tableData),[w,j]=l.useState(),[k,v]=l.useState(!0),y=l.useCallback(()=>x(!1),[]),f=t.useExtraCells(),D=l.useCallback((e,l)=>{C(d=>{const i=h.findIndex(l=>l.title===e.title),o=[...d];return o.splice(i,1,{...d[i],width:l}),o})},[h]),S=l.useCallback(([e,l])=>{const d=g[l][h[e].id],{dataType:i}=h[e];return"Number"===i?{allowOverlay:!0,kind:o.GridCellKind.Number,data:d,displayData:d.toString()}:"Image"===i?{kind:o.GridCellKind.Image,data:[d],allowOverlay:!0,allowAdd:!0}:"Bubble"===i?{kind:o.GridCellKind.Bubble,data:["sss","ss"],allowOverlay:!0}:"SingleDropdown"===i?{kind:o.GridCellKind.Custom,allowOverlay:!0,copyData:"4",data:{kind:"dropdown-cell",allowedValues:["Good","Better","Best"],value:"Good"}}:"DatePicker"===i?{kind:o.GridCellKind.Custom,allowOverlay:!0,copyData:"4",data:{kind:"date-picker-cell",date:/* @__PURE__ */new Date,displayDate:/* @__PURE__ */(new Date).toISOString(),format:"date"}}:{kind:o.GridCellKind.Text,allowOverlay:!0,readonly:!1,displayData:d,data:d}},[g,h]),O=l.useCallback((e,l)=>{if(l.kind!==o.GridCellKind.Text)return;const[d,i]=e,t=h[d].id;g[i][t]=l.data,b(g)},[g,h]),q=l.useCallback(()=>{const e={};for(const[l]of Object.entries(g[0]))e[l]="";b([...g,e])},[g]),A=l.useCallback(()=>{},[]),{renderLayer:_,layerProps:G}=a.useLayer({isOpen:void 0!==w,triggerOffset:2,onOutsideClick:()=>{k&&(j(void 0),v(e=>!e)),v(e=>!e)},trigger:{getBounds:()=>({bottom:((null==w?void 0:w.bounds.y)??0)+((null==w?void 0:w.bounds.height)??0),height:(null==w?void 0:w.bounds.height)??0,left:(null==w?void 0:w.bounds.x)??0,right:((null==w?void 0:w.bounds.x)??0)+((null==w?void 0:w.bounds.width)??0),top:(null==w?void 0:w.bounds.y)??0,width:(null==w?void 0:w.bounds.width)??0})},placement:"bottom-end",auto:!0}),M=l.useCallback((e,l)=>{v(e=>!e),j({col:e,bounds:l})},[]),B=l.useCallback(()=>{const e=g.map(e=>({...e,new:""}));b(e),C([...h,{title:"New",id:"new",hasMenu:!0}])},[g,h]),K=l.useCallback((e,l)=>{C(d=>{const i=[...d],[o]=i.splice(e,1);return i.splice(l,0,o),i})},[]);/* @__PURE__ */
+return e.jsxs(r.default,{children:[
+/* @__PURE__ */e.jsx(n.default,{expandIcon:/* @__PURE__ */e.jsx(d.default,{}),children:/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(u.default,{size:"small",color:"primary",icon:/* @__PURE__ */e.jsx(i.default,{}),label:"Accordion 1"})})}),
+/* @__PURE__ */e.jsx(c.default,{}),
+/* @__PURE__ */e.jsx(o.DataEditor,{...f,getCellContent:S,columns:h,onCellEdited:O,onHeaderMenuClick:M,onHeaderClicked:A,onCellContextMenu:(e,l)=>l.preventDefault(),rows:g.length,rowMarkers:"both",showSearch:p,getCellsForSelection:!0,onSearchClose:y,onRowAppended:q,onDragOverCell:e=>{},onRowMoved:(e,l)=>window.alert(`Moved row ${e} to ${l}`),onColumnMoved:K,trailingRowOptions:{sticky:!0,tint:!1,hint:"New row..."},smoothScrollX:!0,smoothScrollY:!0,verticalBorder:e=>e>0,onDragStart:e=>{e.setData("text/plain","Drag data here!")},rightElement:/* @__PURE__ */e.jsx("div",{className:"addCol",children:/* @__PURE__ */e.jsx("button",{onClick:()=>B(),children:"+"})}),rightElementProps:{fill:!1,sticky:!0},onColumnResize:D}),
+/* @__PURE__ */e.jsx("div",{id:"portal"}),void 0!==w&&_(
+/* @__PURE__ */e.jsx("div",{...G,style:{...G.style,width:300,padding:4,borderRadius:8,backgroundColor:"white",border:"1px solid black"},children:/* @__PURE__ */e.jsxs("ul",{children:[
 /* @__PURE__ */e.jsx("li",{children:"Action 1"}),
 /* @__PURE__ */e.jsx("li",{children:"Action 2"}),
 /* @__PURE__ */e.jsx("li",{children:"Action 3"})]})}))]})};