@erpsquad/common 1.8.75 → 1.8.77

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

@@ -1,7 +1,7 @@
-"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,
+"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                                                                 */o=,/* empty css                           */n=,/* empty css                                      */s=,/* empty css                     */d=,/* empty css                     */u=require("date-fns/locale"),c=,/* empty css                               */p=require("react-date-range"),m=require("dayjs"),x=,/* empty css                                   */v=,/* empty css                                   */h=,/* empty css                             */f=,/* 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"}}},w=m=>{const{title:E,handleAddButton:w,buttons:B=[],dropdownMenuButtonData:A,isTitleMenu:I=!1,titleMenus:q=[],reportFilterFields:F=[],toggleCallback:N,tabs:O,activeValue:G,setActiveValue:W,isDateFilterEnabled:U,onDateFilterChange:K,filters:P={},isDateRange:V=!0,activeView:H="",setActiveView:L,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}],oe={border:"none","&.Mui-focused":{borderColor:"transparent"},"& .MuiOutlinedInput-input":{padding:"0px",fontSize:"14px",color:"#289b64"},"& .MuiOutlinedInput-notchedOutline":{border:"none"},"& .MuiSelect-icon":{color:"green"}},[ne,se]=r.useState([]),[de,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"))),[ve,he]=r.useState([{value:"date"},{value:"location"},{value:"company"}]),[fe,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 ve.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(()=>{se(o.generateFields(F))},[F]),/* @__PURE__ */e.jsxs("div",{children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar",children:[X&&/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--LeftContent",children:[I?/* @__PURE__ */e.jsx("div",{style:{zIndex:999},children:/* @__PURE__ */e.jsx(a.default,{onClick:w,options:q,isMenuThirdItemDisabled:!0,children:E})}):/* @__PURE__ */e.jsx(l.Typography,{type:"h3",weight:"medium",color:"theme.secondary.1000",children:E}),[{label:v.default.TABLE,position:1},{label:v.default.CHART,position:2}].map(e=>e).sort((e,t)=>e.position-t.position).map(t=>/* @__PURE__ */e.jsx(x.HeaderCard,{title:null==t?void 0:t.label,active:H,onClick:()=>null==L?void 0:L(t.label)},null==t?void 0:t.position))]}),Z&&/* @__PURE__ */e.jsx("div",{className:"inventoryReportsTitleBar--ExtraButtonUi",children:/* @__PURE__ */e.jsx(t.Button,{onClick:ee,children:te})}),
+/* @__PURE__ */e.jsx(n.ReportButtons,{zIndex:999,className:"inventoryReportsTitleBar--RightContent",buttons:B,dropdownMenuButtonData:A,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(s.TabBar,{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:[
@@ -11,21 +11,21 @@
 /* @__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: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.jsx(i.default,{})]})}),/* @__PURE__ */e.jsx(e.Fragment,{children:ie.map(({key:t,label:l,placeholder:a,apiType:r,valueKey:i,customFilter:o,multiple:n=!1})=>Se(t)?/* @__PURE__ */e.jsx("div",{className:"search-filter",children:/* @__PURE__ */e.jsx(f.default,{labelId:`${t}-label`,searchPlaceholder:l,value:null==P?void 0:P[i],onChange:e=>K({[i]:e.target.value}),apiType:r,multiple:n,placeholder:a,customeFilter:o,customStyle:S,inputStyle:oe})},t):null)})]}),U&&/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterAction",children:["(",
 /* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__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(n.ReportButtons,{zIndex:997,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{icon:/* @__PURE__ */e.jsx("img",{src:d.images.sidebar.calendar2}),children:/* @__PURE__ */e.jsxs(e.Fragment,{children:[c.RANGE[de],
 /* @__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(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(t.Button,{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(ve.some(t=>t.value==e.value)?he(ve.filter(t=>(null==t?void 0:t.value)!=e.value)):he([...ve,e]));var e},value:null==t?void 0:t.value,children:[
+/* @__PURE__ */e.jsx(h.Checkbox,{checked:(a=t,ve.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(l.Typography,{type:"s3",weight:"medium",color:"grey.800",children:[" Level ",fe," 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(_.default,{onClick:()=>{ye(fe==le?fe:fe+1),null==Q||Q(fe)},children:/* @__PURE__ */e.jsx("img",{src:d.images.common.expand})}),
+/* @__PURE__ */e.jsx(_.default,{onClick:()=>{ye(1!=fe?fe-1:1),null==z||z(fe)},children:/* @__PURE__ */e.jsx("img",{src:d.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"})})]})})})})})]})};
+/* @__PURE__ */e.jsx(y.default,{sx:{padding:"0 12px 12px 0"},children:/* @__PURE__ */e.jsx(t.Button,{variant:"contained",sx:{width:"fit-content"},onClick:Ce,children:"Apply"})})]})})})})})]})};exports.InventoryReportsTitleBar=w,exports.default=w;
 //# sourceMappingURL=index.js.map

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

@@ -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":"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"}
+{"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 { InventoryReportsTitleBar };\nexport default InventoryReportsTitleBar;\n"],"names":["customStyle","border","InventoryReportsTitleBar","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":"8wDA4EA,MAAMA,EACN,CAEE,2BAA4B,CAC1B,aAAc,CACZC,OAAQ,QAEV,mBAAoB,CAClBA,OAAQ,QAGV,yBAA0B,CACxBA,OAAQ,UAKRC,EAA4BC,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,GAAAC,WACAA,GAAa,GAAAC,WACbA,GAAAC,eACAA,GAAiB,GAAAC,WACjBA,IACE5B,EACE6B,GAAgB,CACpB,CACEC,IAAK,UACLC,MAAO,iBACPC,YAAa,UACbC,QAAS,UACTC,UAAS,MAAAN,QAAA,EAAAA,GAAa,SAAWA,GAAoB,QAAG,UACxDO,aAAc,MAEhB,CACEL,IAAK,gBACLC,MAAO,yBACPC,YAAa,kBACbC,QAAS,gBACTC,UAAU,MAAAN,QAAA,EAAAA,GAAa,eAAiBA,GAA0B,cAAG,oBAEvE,CACEE,IAAK,OACLC,MAAO,eACPC,YAAa,QACbC,QAAS,cACTC,UAAU,MAAAN,QAAA,EAAAA,GAAa,MAAQA,GAAiB,KAAG,UACnDQ,UAAS,GAEX,CACEN,IAAK,WACLC,MAAO,4BACPC,YAAa,qBACbC,QAAS,WACTC,UAAU,MAAAN,QAAA,EAAAA,GAAa,UAAYA,GAAqB,SAAG,eAC3DO,aAAc,KACdC,UAAU,GAGZ,CACEN,IAAK,MACLC,MAAO,2BACPC,YAAa,2BACbC,QAAS,MACTC,UAAU,MAAAN,QAAA,EAAAA,GAAa,KAAOA,GAAgB,IAAG,SACjDO,aAAc,KACdC,UAAU,GAEZ,CACEN,IAAK,aACLC,MAAO,oBACPC,YAAa,cACbC,QAAS,YACTC,UAAU,MAAAN,QAAA,EAAAA,GAAa,YAAcA,GAAuB,WAAG,gBAC/DO,aAAc,KACdC,UAAU,GAEZ,CACEN,IAAK,UACLC,MAAO,iBACPC,YAAa,WACbC,QAAS,UACTC,UAAU,MAAAN,QAAA,EAAAA,GAAa,SAAWA,GAAoB,QAAG,aACzDO,aAAc,KACdC,UAAU,GAEZ,CACEN,IAAK,YACLC,MAAO,mBACPC,YAAa,aACbC,QAAS,aACTC,UAAU,MAAAN,QAAA,EAAAA,GAAa,WAAaA,GAAsB,UAAG,eAC7DO,aAAc,KACdC,UAAU,GAEZ,CACEN,IAAK,YACLC,MAAO,mBACPC,YAAa,aACbC,QAAS,YACTC,UAAU,MAAAN,QAAA,EAAAA,GAAa,WAAaA,GAAsB,UAAG,eAC7DO,aAAc,KACdC,UAAU,GAEZ,CACEN,IAAK,cACLC,MAAO,qBACPC,YAAa,eACbC,QAAS,aACTC,UAAU,MAAAN,QAAA,EAAAA,GAAa,aAAeA,GAAwB,YAAG,iBACjEO,aAAc,KACdC,UAAU,IAGVC,GACJ,CACEvC,OAAQ,OACR,gBAAiB,CACbwC,YAAa,eAEjB,4BAA6B,CACzBC,QAAS,MACTC,SAAU,OACVC,MAAM,WAEV,qCAAsC,CAClC3C,OAAQ,QAEZ,oBAAqB,CACjB2C,MAAO,WA+CNC,GAAWC,IAAgBC,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,GAAa+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,WAAA,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,OAAA,CAAOhB,QAAS1F,GAAkBmF,SAAAlF;eAGvCuF,EAAAA,IAACmB,EAAAA,cAAA,CACCpB,OAAQ,IACRF,UAAU,yCACV1G,UACAC,yBACAI,iBACA4H,QAAS,YACTC,aAAa,QAEdhH,oBAAiB2F,IAACsB,EAAAA,QAAA,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,OAAA,CACCnI,KAAMA,GAAQ,GACdC,cACAC,qBAGF;eACJiG,EAAAA,KAAC0B,EAAAA,QAAA,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,GAAc8F,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,EAEftC,cACAwC,iBAZgCP,GAHT,WAqaxBlB,kBAAuBgG,EAAAA,KAAC,MAAA,CAAIC,UAAU,yCAAyCF,SAAA,CAAA;eAE9EC,OAAAuC,EAAAA,SAAA,CACExC,SAAA;eAAAK,EAAAA,IAACmB,EAAAA,cAAA,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,OAAA,CACCM,GAAI,EAAGuB,eACLjK,OAAQ,YACRwC,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,QAAA,CACCC,SAAUtG,GACVrB,KAAM4H,QAAQvG,IACdwG,QAlBoB,KACxBvG,GAAkB,OAqBXsC,SAAA,MAAAhF,QAAA,EAAAA,GAAgBgG,IAAKnB,mBACpBI,SAAAA,KAACiE,EAAAA,QAAA,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,SAAA,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,QAAA,CAAIzB,UAAU,oDACbF,SAAA;eAAAC,OAACQ,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAAS7E,MAAM,WAAWkE,SAAA,CAAA,UAAQjD,GAAM,OAAKhC;eAC1EkF,OAACwE,EAAAA,QAAA,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,QAAA,CAAUxE,QAAS,KAChBvD,GAASD,IAAShC,GAAagC,GAAQA,GAAQ,GAC/C,MAAAtC,GAAAA,EAAqBsC,KAErBiD,wBAAAK,EAAAA,IAAC,MAAA,CAAI2C,IAAKC,EAAAA,OAAO+B,OAAOC;qBAE3BF,EAAAA,QAAA,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,QAAA,CACCvD,GAAI,CACFzB,OAAQ,MAEVhE,QACA2H,SAAUxG,GAAUO,QACpBuH,UAAM,EACNC,YAAU,EACVC,eAAa,EAEZvF,SAAA,EAAGwF,kBAAiBC,8BACnBpF,EAAAA,IAACqF,EAAAA,QAAA,IACKF,EACJrF,MAAO,CACLwF,OAAQ,gBACRC,gBACgB,WAAdH,EAAyB,aAAe,iBAG5CzF,wBAAAK,EAAAA,IAACwF,UAAA,CACC7F,wBAAAK,EAAAA,IAACyF,EAAAA,kBAAA,CAAkBC,YAAazH,GAC9B0B,wBAAAC,EAAAA,KAAC0B,EAAAA,QAAA,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,QAAA,CAAIE,GAAI,CAAEjG,QAAS,iBAClBoE,wBAAAK,EAAAA,IAACkB,EAAAA,OAAA,CACCE,QAAQ,YACRI,GAAI,CAAE8E,MAAO,eACbpG,QAAShB,GACVS,SAAA"}

package/dist/components/inventory-reports-title-bar/inventory-reports-title-bar.d.ts

@@ -0,0 +1,44 @@
+import { IReportButtons } from './report-buttons/report-buttons';
+import { TabProps } from '../tabs/tabs';
+import { default as React } from 'react';
+
+interface IReportFilters {
+    company: number;
+    start_date: string;
+    end_date: string;
+    as_of_date: string;
+    item_id: string | number;
+    warehouse_id: string | number;
+    assembly_item_id: number | string;
+    bom_id: number | string;
+}
+interface ActionBarPropsType extends Partial<TabProps>, IReportButtons {
+    title: string;
+    handleAddButton?: (e?: any) => void;
+    isTitleMenu?: boolean;
+    titleMenus?: any;
+    reportFilterFields?: any[];
+    isDateFilterEnabled?: boolean;
+    onDateFilterChange?: (data: Partial<IReportFilters>) => void;
+    filters?: Partial<IReportFilters>;
+    isDateRange?: boolean;
+    activeView?: string;
+    setActiveView?: (string: string) => void;
+    handleSearch?: (string: string) => void;
+    showLevelBtn?: boolean;
+    handleRowsExpand: () => void;
+    handleRowsCollapse: () => void;
+    customElement?: React.ReactNode;
+    showLeftContent: boolean;
+    showAssembluItemsFilter?: boolean;
+    showBomFilter: boolean;
+    isViewButton?: boolean;
+    handleRedirect?: () => void;
+    buttonText?: string;
+    dataLength: number;
+    filterDropDown: any[];
+    filterKeys?: any;
+}
+declare const InventoryReportsTitleBar: (props: ActionBarPropsType) => import("react/jsx-runtime").JSX.Element;
+export { InventoryReportsTitleBar };
+export default InventoryReportsTitleBar;

package/dist/components/inventory-reports-title-bar/redux/actionCreator.d.ts

@@ -0,0 +1,11 @@
+export declare const fetchOptions: import('@reduxjs/toolkit').AsyncThunk<{
+    i: any;
+    c: any;
+    wl: any;
+    ai: any;
+}, void, import('@reduxjs/toolkit').AsyncThunkConfig>;
+export declare const fetchBom: import('@reduxjs/toolkit').AsyncThunk<any, void, import('@reduxjs/toolkit').AsyncThunkConfig>;
+export declare const handleFetchCompanies: () => Promise<any>;
+export declare const handleFetchItem: () => Promise<any>;
+export declare const handleFetchWarehouseLocations: () => Promise<any>;
+export declare const fetchAssemblyItems: () => Promise<any>;

package/dist/components/inventory-reports-title-bar/redux/index.d.ts

@@ -0,0 +1,5 @@
+export * from './actionCreator';
+export { default as inventoryReportsTitleBarSlice } from './reducer';
+export * from './reducer';
+export { default as state } from './state';
+export * from './state';

package/dist/components/inventory-reports-title-bar/redux/reducer.d.ts

@@ -0,0 +1,3 @@
+export declare const inventoryReportsTitleBarSlice: import('@reduxjs/toolkit').Slice<import('./state').IReportsTitleBarState, {}, "inventoryReportsTitleBar", "inventoryReportsTitleBar", import('@reduxjs/toolkit').SliceSelectors<import('./state').IReportsTitleBarState>>;
+declare const _default: import('redux').Reducer<import('./state').IReportsTitleBarState>;
+export default _default;

package/dist/components/inventory-reports-title-bar/redux/state.d.ts

@@ -0,0 +1,12 @@
+export interface IReportsTitleBarState {
+    companies: any[];
+    items: any[];
+    warehouseLocations: any[];
+    isLoading: boolean;
+    error: string;
+    isError: boolean;
+    assemblyItems: any[];
+    bomData: any[];
+}
+export declare const state: IReportsTitleBarState;
+export default state;

package/dist/components/inventory-reports-title-bar/report-buttons/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReportButtons } from './report-buttons';
+export * from './report-buttons';

package/dist/components/inventory-reports-title-bar/report-buttons/report-buttons/index.esm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import Button from "../../../button/button/index.esm.js";
+import { Button } from "../../../button/button/index.esm.js";
 import DropdownButton from "../../../dropdown-button/dropdown-button/index.esm.js";
 /* empty css                               */
 const ReportButtons = ({ buttons, dropdownMenuButtonData = null, toggleCallback, className, zIndex = 999, iconPosition = "start", ...rest }) => {
@@ -41,6 +41,7 @@ const ReportButtons = ({ buttons, dropdownMenuButtonData = null, toggleCallback,
   ] });
 };
 export {
+  ReportButtons,
   ReportButtons as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/inventory-reports-title-bar/report-buttons/report-buttons/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/inventory-reports-title-bar/report-buttons/report-buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport Button from \"../../button/button\";\nimport DropdownButton, {\n  IDropdownMenuOption,\n} from \"../../dropdown-button/dropdown-button\";\n\nimport './report-buttons.scss'\nimport { ButtonProps, SxProps } from \"@mui/material\";\n\nexport interface IActionButtons {\n  title?: string;\n  icon?: React.ReactNode;\n  btnStyle?: \"WhiteBtn\";\n  variant?: \"text\" | \"outlined\" | \"contained\";\n  action?: () => void;\n  class?: string;\n}\n\nexport interface IReportButtons extends ButtonProps {\n  className?: string;\n  buttons?: IActionButtons[];\n  dropdownMenuButtonData?: {\n    icon?: React.ReactNode;\n    children?: React.ReactNode;\n    options: IDropdownMenuOption[];\n    sx?: SxProps;\n  } | null;\n  toggleCallback?: (e?: boolean) => void;\n  zIndex?: number;\n  iconPosition: 'start' | 'end';\n}\n\nconst ReportButtons = ({ buttons, dropdownMenuButtonData = null, toggleCallback, className, zIndex = 999, iconPosition = 'start',  ...rest }: IReportButtons) => {\n  return (\n    <div className={className}>\n      {buttons?.map((ele) => (\n        <Button\n          className={\n            ele.class\n              ? ele.class\n              : `wrapper--${ele?.btnStyle}`\n          }\n          key={ele.title}\n          variant={ele.variant ? ele.variant : \"contained\"}\n          startIcon={ele.icon ? ele.icon : \"\"}\n          onClick={ele.action}\n        >\n          {ele.title ?? \"\"}\n        </Button>\n      ))}\n      {dropdownMenuButtonData && (\n        <div style={{ zIndex }}>\n          <DropdownButton\n            options={dropdownMenuButtonData.options || []}\n            {...(iconPosition === 'start' ? { startIcon: dropdownMenuButtonData.icon } : { endIcon: dropdownMenuButtonData.icon })}\n            isMenuThirdItemDisabled={true}\n            isOnlyDropDownButton={true}\n            variant={\"text\"}\n            buttonGroupProps={{\n              variant: \"text\",\n            }}\n            onlyDropDownButtonProps={{\n              style: {\n                backgroundColor: \"white !important\",\n                color: \"black !important\",\n                ...dropdownMenuButtonData.sx\n              },\n            }}\n            toggleCallback={toggleCallback}\n            {...rest}\n          >\n            {dropdownMenuButtonData.children}\n          </DropdownButton>\n        </div>\n      )}\n    </div>\n  );\n};\nexport default ReportButtons;\n"],"names":[],"mappings":";;;;AAgCA,MAAM,gBAAgB,CAAC,EAAE,SAAS,yBAAyB,MAAM,gBAAgB,WAAW,SAAS,KAAK,eAAe,SAAU,GAAG,WAA2B;AAC/J,SACE,qBAAC,SAAI,WACF,UAAA;AAAA,IAAA,mCAAS,IAAI,CAAC,QACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WACE,IAAI,QACA,IAAI,QACJ,YAAY,2BAAK,QAAQ;AAAA,QAG/B,SAAS,IAAI,UAAU,IAAI,UAAU;AAAA,QACrC,WAAW,IAAI,OAAO,IAAI,OAAO;AAAA,QACjC,SAAS,IAAI;AAAA,QAEZ,cAAI,SAAS;AAAA,MAAA;AAAA,MALT,IAAI;AAAA,IAAA;AAAA,IAQZ,0BACC,oBAAC,OAAA,EAAI,OAAO,EAAE,UACZ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,uBAAuB,WAAW,CAAA;AAAA,QAC1C,GAAI,iBAAiB,UAAU,EAAE,WAAW,uBAAuB,KAAA,IAAS,EAAE,SAAS,uBAAuB,KAAA;AAAA,QAC/G,yBAAyB;AAAA,QACzB,sBAAsB;AAAA,QACtB,SAAS;AAAA,QACT,kBAAkB;AAAA,UAChB,SAAS;AAAA,QAAA;AAAA,QAEX,yBAAyB;AAAA,UACvB,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,GAAG,uBAAuB;AAAA,UAAA;AAAA,QAC5B;AAAA,QAEF;AAAA,QACC,GAAG;AAAA,QAEH,UAAA,uBAAuB;AAAA,MAAA;AAAA,IAAA,EAC1B,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/inventory-reports-title-bar/report-buttons/report-buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport Button from \"../../button/button\";\nimport DropdownButton, {\n  IDropdownMenuOption,\n} from \"../../dropdown-button/dropdown-button\";\n\nimport './report-buttons.scss'\nimport { ButtonProps, SxProps } from \"@mui/material\";\n\nexport interface IActionButtons {\n  title?: string;\n  icon?: React.ReactNode;\n  btnStyle?: \"WhiteBtn\";\n  variant?: \"text\" | \"outlined\" | \"contained\";\n  action?: () => void;\n  class?: string;\n}\n\nexport interface IReportButtons extends ButtonProps {\n  className?: string;\n  buttons?: IActionButtons[];\n  dropdownMenuButtonData?: {\n    icon?: React.ReactNode;\n    children?: React.ReactNode;\n    options: IDropdownMenuOption[];\n    sx?: SxProps;\n  } | null;\n  toggleCallback?: (e?: boolean) => void;\n  zIndex?: number;\n  iconPosition: 'start' | 'end';\n}\n\nconst ReportButtons = ({ buttons, dropdownMenuButtonData = null, toggleCallback, className, zIndex = 999, iconPosition = 'start', ...rest }: IReportButtons) => {\n  return (\n    <div className={className}>\n      {buttons?.map((ele) => (\n        <Button\n          className={\n            ele.class\n              ? ele.class\n              : `wrapper--${ele?.btnStyle}`\n          }\n          key={ele.title}\n          variant={ele.variant ? ele.variant : \"contained\"}\n          startIcon={ele.icon ? ele.icon : \"\"}\n          onClick={ele.action}\n        >\n          {ele.title ?? \"\"}\n        </Button>\n      ))}\n      {dropdownMenuButtonData && (\n        <div style={{ zIndex }}>\n          <DropdownButton\n            options={dropdownMenuButtonData.options || []}\n            {...(iconPosition === 'start' ? { startIcon: dropdownMenuButtonData.icon } : { endIcon: dropdownMenuButtonData.icon })}\n            isMenuThirdItemDisabled={true}\n            isOnlyDropDownButton={true}\n            variant={\"text\"}\n            buttonGroupProps={{\n              variant: \"text\",\n            }}\n            onlyDropDownButtonProps={{\n              style: {\n                backgroundColor: \"white !important\",\n                color: \"black !important\",\n                ...dropdownMenuButtonData.sx\n              },\n            }}\n            toggleCallback={toggleCallback}\n            {...rest}\n          >\n            {dropdownMenuButtonData.children}\n          </DropdownButton>\n        </div>\n      )}\n    </div>\n  );\n};\nexport { ReportButtons };\nexport default ReportButtons;\n"],"names":[],"mappings":";;;;AAgCA,MAAM,gBAAgB,CAAC,EAAE,SAAS,yBAAyB,MAAM,gBAAgB,WAAW,SAAS,KAAK,eAAe,SAAS,GAAG,WAA2B;AAC9J,SACE,qBAAC,SAAI,WACF,UAAA;AAAA,IAAA,mCAAS,IAAI,CAAC,QACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WACE,IAAI,QACA,IAAI,QACJ,YAAY,2BAAK,QAAQ;AAAA,QAG/B,SAAS,IAAI,UAAU,IAAI,UAAU;AAAA,QACrC,WAAW,IAAI,OAAO,IAAI,OAAO;AAAA,QACjC,SAAS,IAAI;AAAA,QAEZ,cAAI,SAAS;AAAA,MAAA;AAAA,MALT,IAAI;AAAA,IAAA;AAAA,IAQZ,0BACC,oBAAC,OAAA,EAAI,OAAO,EAAE,UACZ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,uBAAuB,WAAW,CAAA;AAAA,QAC1C,GAAI,iBAAiB,UAAU,EAAE,WAAW,uBAAuB,KAAA,IAAS,EAAE,SAAS,uBAAuB,KAAA;AAAA,QAC/G,yBAAyB;AAAA,QACzB,sBAAsB;AAAA,QACtB,SAAS;AAAA,QACT,kBAAkB;AAAA,UAChB,SAAS;AAAA,QAAA;AAAA,QAEX,yBAAyB;AAAA,UACvB,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,GAAG,uBAAuB;AAAA,UAAA;AAAA,QAC5B;AAAA,QAEF;AAAA,QACC,GAAG;AAAA,QAEH,UAAA,uBAAuB;AAAA,MAAA;AAAA,IAAA,EAC1B,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/inventory-reports-title-bar/report-buttons/report-buttons/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),n=,/* empty css                            */o=;/* empty css                                              */,/* empty css                            */exports.default=({buttons:e,dropdownMenuButtonData:r=null,toggleCallback:i,className:s,zIndex:a=999,iconPosition:l="start",...c})=>/* @__PURE__ */t.jsxs("div",{className:s,children:[null==e?void 0:e.map(o=>/* @__PURE__ */t.jsx(n.default,{className:o.class?o.class:`wrapper--${null==o?void 0:o.btnStyle}`,variant:o.variant?o.variant:"contained",startIcon:o.icon?o.icon:"",onClick:o.action,children:o.title??""},o.title)),r&&/* @__PURE__ */t.jsx("div",{style:{zIndex:a},children:/* @__PURE__ */t.jsx(o.default,{options:r.options||[],..."start"===l?{startIcon:r.icon}:{endIcon:r.icon},isMenuThirdItemDisabled:!0,isOnlyDropDownButton:!0,variant:"text",buttonGroupProps:{variant:"text"},onlyDropDownButtonProps:{style:{backgroundColor:"white !important",color:"black !important",...r.sx}},toggleCallback:i,...c,children:r.children})})]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),n=,/* empty css                            */o=;/* empty css                                              */;/* empty css                            */const e=({buttons:e,dropdownMenuButtonData:r=null,toggleCallback:s,className:i,zIndex:a=999,iconPosition:l="start",...c})=>/* @__PURE__ */t.jsxs("div",{className:i,children:[null==e?void 0:e.map(o=>/* @__PURE__ */t.jsx(n.Button,{className:o.class?o.class:`wrapper--${null==o?void 0:o.btnStyle}`,variant:o.variant?o.variant:"contained",startIcon:o.icon?o.icon:"",onClick:o.action,children:o.title??""},o.title)),r&&/* @__PURE__ */t.jsx("div",{style:{zIndex:a},children:/* @__PURE__ */t.jsx(o.default,{options:r.options||[],..."start"===l?{startIcon:r.icon}:{endIcon:r.icon},isMenuThirdItemDisabled:!0,isOnlyDropDownButton:!0,variant:"text",buttonGroupProps:{variant:"text"},onlyDropDownButtonProps:{style:{backgroundColor:"white !important",color:"black !important",...r.sx}},toggleCallback:s,...c,children:r.children})})]});exports.ReportButtons=e,exports.default=e;
 //# sourceMappingURL=index.js.map

package/dist/components/inventory-reports-title-bar/report-buttons/report-buttons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/inventory-reports-title-bar/report-buttons/report-buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport Button from \"../../button/button\";\nimport DropdownButton, {\n  IDropdownMenuOption,\n} from \"../../dropdown-button/dropdown-button\";\n\nimport './report-buttons.scss'\nimport { ButtonProps, SxProps } from \"@mui/material\";\n\nexport interface IActionButtons {\n  title?: string;\n  icon?: React.ReactNode;\n  btnStyle?: \"WhiteBtn\";\n  variant?: \"text\" | \"outlined\" | \"contained\";\n  action?: () => void;\n  class?: string;\n}\n\nexport interface IReportButtons extends ButtonProps {\n  className?: string;\n  buttons?: IActionButtons[];\n  dropdownMenuButtonData?: {\n    icon?: React.ReactNode;\n    children?: React.ReactNode;\n    options: IDropdownMenuOption[];\n    sx?: SxProps;\n  } | null;\n  toggleCallback?: (e?: boolean) => void;\n  zIndex?: number;\n  iconPosition: 'start' | 'end';\n}\n\nconst ReportButtons = ({ buttons, dropdownMenuButtonData = null, toggleCallback, className, zIndex = 999, iconPosition = 'start',  ...rest }: IReportButtons) => {\n  return (\n    <div className={className}>\n      {buttons?.map((ele) => (\n        <Button\n          className={\n            ele.class\n              ? ele.class\n              : `wrapper--${ele?.btnStyle}`\n          }\n          key={ele.title}\n          variant={ele.variant ? ele.variant : \"contained\"}\n          startIcon={ele.icon ? ele.icon : \"\"}\n          onClick={ele.action}\n        >\n          {ele.title ?? \"\"}\n        </Button>\n      ))}\n      {dropdownMenuButtonData && (\n        <div style={{ zIndex }}>\n          <DropdownButton\n            options={dropdownMenuButtonData.options || []}\n            {...(iconPosition === 'start' ? { startIcon: dropdownMenuButtonData.icon } : { endIcon: dropdownMenuButtonData.icon })}\n            isMenuThirdItemDisabled={true}\n            isOnlyDropDownButton={true}\n            variant={\"text\"}\n            buttonGroupProps={{\n              variant: \"text\",\n            }}\n            onlyDropDownButtonProps={{\n              style: {\n                backgroundColor: \"white !important\",\n                color: \"black !important\",\n                ...dropdownMenuButtonData.sx\n              },\n            }}\n            toggleCallback={toggleCallback}\n            {...rest}\n          >\n            {dropdownMenuButtonData.children}\n          </DropdownButton>\n        </div>\n      )}\n    </div>\n  );\n};\nexport default ReportButtons;\n"],"names":["buttons","dropdownMenuButtonData","toggleCallback","className","zIndex","iconPosition","rest","jsxs","children","map","ele","jsx","Button","class","btnStyle","variant","startIcon","icon","onClick","action","title","style","DropdownButton","options","endIcon","isMenuThirdItemDisabled","isOnlyDropDownButton","buttonGroupProps","onlyDropDownButtonProps","backgroundColor","color","sx"],"mappings":"8QAgCsB,EAAGA,UAASC,yBAAyB,KAAMC,iBAAgBC,YAAWC,SAAS,IAAKC,eAAe,WAAaC,oBAElIC,OAAC,OAAIJ,YACFK,SAAA,CAAA,MAAAR,OAAA,EAAAA,EAASS,IAAKC,kBACbC,EAAAA,IAACC,EAAAA,QAAA,CACCT,UACEO,EAAIG,MACAH,EAAIG,MACJ,kBAAYH,WAAKI,WAGvBC,QAASL,EAAIK,QAAUL,EAAIK,QAAU,YACrCC,UAAWN,EAAIO,KAAOP,EAAIO,KAAO,GACjCC,QAASR,EAAIS,OAEZX,WAAIY,OAAS,IALTV,EAAIU,QAQZnB,kBACCU,EAAAA,IAAC,MAAA,CAAIU,MAAO,CAAEjB,UACZI,wBAAAG,EAAAA,IAACW,EAAAA,QAAA,CACCC,QAAStB,EAAuBsB,SAAW,MACrB,UAAjBlB,EAA2B,CAAEW,UAAWf,EAAuBgB,MAAS,CAAEO,QAASvB,EAAuBgB,MAC/GQ,yBAAyB,EACzBC,sBAAsB,EACtBX,QAAS,OACTY,iBAAkB,CAChBZ,QAAS,QAEXa,wBAAyB,CACvBP,MAAO,CACLQ,gBAAiB,mBACjBC,MAAO,sBACJ7B,EAAuB8B,KAG9B7B,oBACII,EAEHE,SAAAP,EAAuBO"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/inventory-reports-title-bar/report-buttons/report-buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport Button from \"../../button/button\";\nimport DropdownButton, {\n  IDropdownMenuOption,\n} from \"../../dropdown-button/dropdown-button\";\n\nimport './report-buttons.scss'\nimport { ButtonProps, SxProps } from \"@mui/material\";\n\nexport interface IActionButtons {\n  title?: string;\n  icon?: React.ReactNode;\n  btnStyle?: \"WhiteBtn\";\n  variant?: \"text\" | \"outlined\" | \"contained\";\n  action?: () => void;\n  class?: string;\n}\n\nexport interface IReportButtons extends ButtonProps {\n  className?: string;\n  buttons?: IActionButtons[];\n  dropdownMenuButtonData?: {\n    icon?: React.ReactNode;\n    children?: React.ReactNode;\n    options: IDropdownMenuOption[];\n    sx?: SxProps;\n  } | null;\n  toggleCallback?: (e?: boolean) => void;\n  zIndex?: number;\n  iconPosition: 'start' | 'end';\n}\n\nconst ReportButtons = ({ buttons, dropdownMenuButtonData = null, toggleCallback, className, zIndex = 999, iconPosition = 'start', ...rest }: IReportButtons) => {\n  return (\n    <div className={className}>\n      {buttons?.map((ele) => (\n        <Button\n          className={\n            ele.class\n              ? ele.class\n              : `wrapper--${ele?.btnStyle}`\n          }\n          key={ele.title}\n          variant={ele.variant ? ele.variant : \"contained\"}\n          startIcon={ele.icon ? ele.icon : \"\"}\n          onClick={ele.action}\n        >\n          {ele.title ?? \"\"}\n        </Button>\n      ))}\n      {dropdownMenuButtonData && (\n        <div style={{ zIndex }}>\n          <DropdownButton\n            options={dropdownMenuButtonData.options || []}\n            {...(iconPosition === 'start' ? { startIcon: dropdownMenuButtonData.icon } : { endIcon: dropdownMenuButtonData.icon })}\n            isMenuThirdItemDisabled={true}\n            isOnlyDropDownButton={true}\n            variant={\"text\"}\n            buttonGroupProps={{\n              variant: \"text\",\n            }}\n            onlyDropDownButtonProps={{\n              style: {\n                backgroundColor: \"white !important\",\n                color: \"black !important\",\n                ...dropdownMenuButtonData.sx\n              },\n            }}\n            toggleCallback={toggleCallback}\n            {...rest}\n          >\n            {dropdownMenuButtonData.children}\n          </DropdownButton>\n        </div>\n      )}\n    </div>\n  );\n};\nexport { ReportButtons };\nexport default ReportButtons;\n"],"names":["ReportButtons","buttons","dropdownMenuButtonData","toggleCallback","className","zIndex","iconPosition","rest","jsxs","children","map","ele","jsx","Button","class","btnStyle","variant","startIcon","icon","onClick","action","title","style","DropdownButton","options","endIcon","isMenuThirdItemDisabled","isOnlyDropDownButton","buttonGroupProps","onlyDropDownButtonProps","backgroundColor","color","sx"],"mappings":"8PAgCA,MAAMA,EAAgB,EAAGC,UAASC,yBAAyB,KAAMC,iBAAgBC,YAAWC,SAAS,IAAKC,eAAe,WAAYC,oBAEjIC,OAAC,OAAIJ,YACFK,SAAA,CAAA,MAAAR,OAAA,EAAAA,EAASS,IAAKC,kBACbC,EAAAA,IAACC,EAAAA,OAAA,CACCT,UACEO,EAAIG,MACAH,EAAIG,MACJ,kBAAYH,WAAKI,WAGvBC,QAASL,EAAIK,QAAUL,EAAIK,QAAU,YACrCC,UAAWN,EAAIO,KAAOP,EAAIO,KAAO,GACjCC,QAASR,EAAIS,OAEZX,WAAIY,OAAS,IALTV,EAAIU,QAQZnB,kBACCU,EAAAA,IAAC,MAAA,CAAIU,MAAO,CAAEjB,UACZI,wBAAAG,EAAAA,IAACW,EAAAA,QAAA,CACCC,QAAStB,EAAuBsB,SAAW,MACrB,UAAjBlB,EAA2B,CAAEW,UAAWf,EAAuBgB,MAAS,CAAEO,QAASvB,EAAuBgB,MAC/GQ,yBAAyB,EACzBC,sBAAsB,EACtBX,QAAS,OACTY,iBAAkB,CAChBZ,QAAS,QAEXa,wBAAyB,CACvBP,MAAO,CACLQ,gBAAiB,mBACjBC,MAAO,sBACJ7B,EAAuB8B,KAG9B7B,oBACII,EAEHE,SAAAP,EAAuBO"}

package/dist/components/inventory-reports-title-bar/report-buttons/report-buttons.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { IDropdownMenuOption } from '../../dropdown-button/dropdown-button';
+import { ButtonProps, SxProps } from '@mui/material';
+
+export interface IActionButtons {
+    title?: string;
+    icon?: React.ReactNode;
+    btnStyle?: "WhiteBtn";
+    variant?: "text" | "outlined" | "contained";
+    action?: () => void;
+    class?: string;
+}
+export interface IReportButtons extends ButtonProps {
+    className?: string;
+    buttons?: IActionButtons[];
+    dropdownMenuButtonData?: {
+        icon?: React.ReactNode;
+        children?: React.ReactNode;
+        options: IDropdownMenuOption[];
+        sx?: SxProps;
+    } | null;
+    toggleCallback?: (e?: boolean) => void;
+    zIndex?: number;
+    iconPosition: 'start' | 'end';
+}
+declare const ReportButtons: ({ buttons, dropdownMenuButtonData, toggleCallback, className, zIndex, iconPosition, ...rest }: IReportButtons) => import("react/jsx-runtime").JSX.Element;
+export { ReportButtons };
+export default ReportButtons;

package/dist/components/label-value/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LabelValue } from './label-value';
+export * from './label-value';

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

@@ -12,6 +12,7 @@ const LabelValue = ({
   ] }, key);
 };
 export {
+  LabelValue,
   LabelValue as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/label-value/label-value/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/label-value/label-value.tsx"],"sourcesContent":["import { Typography } from \"../../components\";\nimport { Box } from \"@mui/material\";\n\nconst LabelValue = ({\n    key,\n    label,\n    children\n}: {\n    key: string;\n    label: string;\n    children: React.ReactNode;\n}) => {\n    return (\n        <Box key={key} gap={1} flexDirection=\"column\" display=\"flex\">\n            <Typography type=\"s3\" weight=\"bold\" color=\"theme.secondary.1000\">{label}</Typography>\n            {children}\n        </Box>\n    )\n}\n\nexport default LabelValue"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AACJ,MAIM;AACF,8BACK,KAAA,EAAc,KAAK,GAAG,eAAc,UAAS,SAAQ,QAClD,UAAA;AAAA,IAAA,oBAAC,cAAW,MAAK,MAAK,QAAO,QAAO,OAAM,wBAAwB,UAAA,MAAA,CAAM;AAAA,IACvE;AAAA,EAAA,EAAA,GAFK,GAGV;AAER;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/label-value/label-value.tsx"],"sourcesContent":["import { Typography } from \"../../components\";\nimport { Box } from \"@mui/material\";\n\nconst LabelValue = ({\n    key,\n    label,\n    children\n}: {\n    key: string;\n    label: string;\n    children: React.ReactNode;\n}) => {\n    return (\n        <Box key={key} gap={1} flexDirection=\"column\" display=\"flex\">\n            <Typography type=\"s3\" weight=\"bold\" color=\"theme.secondary.1000\">{label}</Typography>\n            {children}\n        </Box>\n    )\n}\n\nexport { LabelValue };\nexport default LabelValue"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AACJ,MAIM;AACF,8BACK,KAAA,EAAc,KAAK,GAAG,eAAc,UAAS,SAAQ,QAClD,UAAA;AAAA,IAAA,oBAAC,cAAW,MAAK,MAAK,QAAO,QAAO,OAAM,wBAAwB,UAAA,MAAA,CAAM;AAAA,IACvE;AAAA,EAAA,EAAA,GAFK,GAGV;AAER;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/label-value/label-value.tsx"],"sourcesContent":["import { Typography } from \"../../components\";\nimport { Box } from \"@mui/material\";\n\nconst LabelValue = ({\n    key,\n    label,\n    children\n}: {\n    key: string;\n    label: string;\n    children: React.ReactNode;\n}) => {\n    return (\n        <Box key={key} gap={1} flexDirection=\"column\" display=\"flex\">\n            <Typography type=\"s3\" weight=\"bold\" color=\"theme.secondary.1000\">{label}</Typography>\n            {children}\n        </Box>\n    )\n}\n\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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/label-value/label-value.tsx"],"sourcesContent":["import { Typography } from \"../../components\";\nimport { Box } from \"@mui/material\";\n\nconst LabelValue = ({\n    key,\n    label,\n    children\n}: {\n    key: string;\n    label: string;\n    children: React.ReactNode;\n}) => {\n    return (\n        <Box key={key} gap={1} flexDirection=\"column\" display=\"flex\">\n            <Typography type=\"s3\" weight=\"bold\" color=\"theme.secondary.1000\">{label}</Typography>\n            {children}\n        </Box>\n    )\n}\n\nexport { LabelValue };\nexport default LabelValue"],"names":["LabelValue","key","label","children","Box","gap","flexDirection","display","jsx","Typography","type","weight","color"],"mappings":"2NAGA,MAAMA,EAAa,EACfC,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/label-value/label-value.d.ts

@@ -0,0 +1,7 @@
+declare const LabelValue: ({ key, label, children }: {
+    key: string;
+    label: string;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export { LabelValue };
+export default LabelValue;

package/dist/components/list/index.d.ts

@@ -0,0 +1,2 @@
+export { default as List } from './list';
+export * from './list';

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

@@ -11,7 +11,7 @@ import AccordionSummary from "../../../node_modules/@mui/material/AccordionSumma
 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 List = (props) => {
   const [showSearch, setShowSearch] = useState(false);
   const [columns, setColumns] = useState(props.header);
   const [data, setData] = useState(props.tableData);
@@ -243,8 +243,9 @@ function List(props) {
       )
     )
   ] });
-}
+};
 export {
+  List,
   List as default
 };
 //# sourceMappingURL=index.esm.js.map