@erpsquad/common 1.8.47 → 1.8.49

package/dist/components/rfq-response/item-response-details/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\nimport { Box, DialogTitle, Grid, IconButton } from \"@mui/material\";\nimport MaterialTable from \"../material-table/material-table\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { enqueueSnackbar } from \"notistack\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport {responseItemDetailsColumns} from '../../utils/constant'\nimport { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from \"../../utils/common\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nexport default function ItemResponseDetails(props:any){\n    const {isOpen, onClose,data,isRental=false} = props\n    const [responseItems, setResponseItems] = useState<any[]>([])\n    const [isLoading, setIsLoading] = useState<boolean>(false)\n    const {t} = useTranslation()\n\n    const getResponseItems=useCallback(async()=>{\n        if(!isOpen) return\n    try {\n        setIsLoading(true)\n        const filters=`(rfq_line_item_id.in=${[data?.id]})`\n       const rfqResponseItems =isRental?await fetchRentalResponseItems(filters): await fetchRfqItemsByIdForResponse(filters)\n       setResponseItems(rfqResponseItems)\n    } catch (error) {\n        const errorMsg=getErrorMessage(error?.message)\n        enqueueSnackbar(errorMsg,{variant:'error'})\n    }finally{\n        setTimeout(()=>setIsLoading(false),300)\n    }\n    },[isOpen,data?.id,isRental])\n    useEffect(()=>{\n        getResponseItems()\n    },[getResponseItems])\n    return(\n        <Modal open={isOpen}\n         onClose={onClose}\n         maxWidth='md'\n         fullWidth\n         >\n            {isLoading&&<ModalLoader />}\n           <DialogTitle className='itemEntryModal--DialogTitle'>\n                           <Typography type='s3' color='inherit' weight='medium'>\n                           Response Details\n                           </Typography>\n                           <IconButton onClick={onClose}>\n                               <Close fontSize='small' />\n                           </IconButton>\n                       </DialogTitle>\n                        <Grid container>\n                                       <Grid item xs={4}>\n                                               <Box sx={{ display: 'flex',padding:2, flexDirection: 'column' }}>\n                                                   <Typography type='s5' weight=\"medium\" color='theme.secondary.800'>Item</Typography>\n                                                   <Typography type='s3' weight=\"medium\" color='theme.neutral.1000'>{data?.item_data?.name}</Typography>\n                                               </Box>\n                                       </Grid>\n                                   </Grid>\n                       \n                                   <Grid container p={2} spacing={3}>\n                                       <Grid item xs={12}>\n                                           <Box sx={{ paddingTop: '1.2rem' }}>\n                                               <MaterialTable\n                                                   rows={responseItems || []}\n                                                   columns={transformTableColumns({\n                                                         columns: responseItemDetailsColumns,\n                                                        currencySymbol: undefined,\n                                                        translationFn: t,\n                                                        customizeValue: (row, columnAccessorKey, value) => {\n                                                            switch (columnAccessorKey) {\n                                                                case 'item_data.vendor_info.vendor_name':\n                                                                    return value||row?.original?.item_data?.name\n                                                            }\n                                                        }\n                                                            \n                                                          \n                                                   })}\n                                                   paginationModel={{ pageNo: 1, limit: 10 }}\n                                                   totalPages={20}\n                                                   enableColumnDragging={true}\n                                                   isResetRow={false}\n                                                   enableEditing={false}\n                                                   columnOrder={['mrt-row-select']}\n                                                   enableRowSelection={false}\n                                                   disabledDefaultActionColumnIcon\n                                                   enableBottomToolbar={false}\n                                               />\n                                           </Box>\n                                       </Grid>\n                                   </Grid>\n                       \n        </Modal>\n    )\n}"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;AAYA,SAAwB,oBAAoB,OAAU;;AAClD,QAAM,EAAC,QAAQ,SAAQ,MAAK,WAAS,UAAS;AAC9C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgB,CAAA,CAAE;AAC5D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkB,KAAK;AACzD,QAAM,EAAC,EAAA,IAAK,eAAA;AAEZ,QAAM,mBAAiB,YAAY,YAAS;AACxC,QAAG,CAAC,OAAQ;AAChB,QAAI;AACA,mBAAa,IAAI;AACjB,YAAM,UAAQ,wBAAwB,CAAC,6BAAM,EAAE,CAAC;AACjD,YAAM,mBAAkB,WAAS,MAAM,yBAAyB,OAAO,IAAG,MAAM,6BAA6B,OAAO;AACpH,uBAAiB,gBAAgB;AAAA,IACpC,SAAS,OAAO;AACZ,YAAM,WAAS,gBAAgB,+BAAO,OAAO;AAC7C,sBAAgB,UAAS,EAAC,SAAQ,QAAA,CAAQ;AAAA,IAC9C,UAAA;AACI,iBAAW,MAAI,aAAa,KAAK,GAAE,GAAG;AAAA,IAC1C;AAAA,EACA,GAAE,CAAC,QAAO,6BAAM,IAAG,QAAQ,CAAC;AAC5B,YAAU,MAAI;AACV,qBAAA;AAAA,EACJ,GAAE,CAAC,gBAAgB,CAAC;AACpB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MAAM,MAAM;AAAA,MACZ;AAAA,MACA,UAAS;AAAA,MACT,WAAS;AAAA,MAEL,UAAA;AAAA,QAAA,iCAAY,aAAA,EAAY;AAAA,QAC1B,qBAAC,aAAA,EAAY,WAAU,+BACP,UAAA;AAAA,UAAA,oBAAC,cAAW,MAAK,MAAK,OAAM,WAAU,QAAO,UAAS,UAAA,mBAAA,CAEtD;AAAA,UACA,oBAAC,cAAW,SAAS,SACjB,8BAAC,OAAA,EAAM,UAAS,SAAQ,EAAA,CAC5B;AAAA,QAAA,GACJ;AAAA,QACC,oBAAC,QAAK,WAAS,MACA,8BAAC,MAAA,EAAK,MAAI,MAAC,IAAI,GACP,+BAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAO,SAAQ,GAAG,eAAe,YACjD,UAAA;AAAA,UAAA,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAM,uBAAsB,UAAA,OAAA,CAAI;AAAA,UACtE,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,sBAAsB,WAAA,kCAAM,cAAN,mBAAiB,KAAA,CAAK;AAAA,QAAA,EAAA,CAC5F,GACR,GACJ;AAAA,QAEA,oBAAC,QAAK,WAAS,MAAC,GAAG,GAAG,SAAS,GAC3B,UAAA,oBAAC,MAAA,EAAK,MAAI,MAAC,IAAI,IACX,UAAA,oBAAC,KAAA,EAAI,IAAI,EAAE,YAAY,YACnB,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM,iBAAiB,CAAA;AAAA,YACvB,SAAS,sBAAsB;AAAA,cACzB,SAAS;AAAA,cACV,gBAAgB;AAAA,cAChB,eAAe;AAAA,cACf,gBAAgB,CAAC,KAAK,mBAAmB,UAAU;;AAC/C,wBAAQ,mBAAA;AAAA,kBACJ,KAAK;AACD,2BAAO,WAAO,MAAAA,MAAA,2BAAK,aAAL,gBAAAA,IAAe,cAAf,mBAA0B;AAAA,gBAAA;AAAA,cAEpD;AAAA,YAAA,CAGJ;AAAA,YACD,iBAAiB,EAAE,QAAQ,GAAG,OAAO,GAAA;AAAA,YACrC,YAAY;AAAA,YACZ,sBAAsB;AAAA,YACtB,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,aAAa,CAAC,gBAAgB;AAAA,YAC9B,oBAAoB;AAAA,YACpB,iCAA+B;AAAA,YAC/B,qBAAqB;AAAA,UAAA;AAAA,QAAA,EACzB,CACJ,GACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAInC;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from '@mui/icons-material';\nimport { Box, DialogTitle, Grid, IconButton } from '@mui/material';\nimport MaterialTable from '../material-table/material-table';\nimport Modal from '../modal/modal';\nimport Typography from '../typography/typography';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { enqueueSnackbar } from 'notistack';\nimport ModalLoader from '../loaders/modal-loader';\nimport { responseItemDetailsColumns } from '../../utils/constant';\nimport {\n\tfetchRentalResponseItems,\n\tfetchRfqItemsByIdForResponse,\n\tgetErrorMessage\n} from '../../utils/common';\nimport { transformTableColumns } from '../../utils/common-utility';\nexport const ItemResponseDetails = (props: any) => {\n\tconst { isOpen, onClose, data, isRental = false } = props;\n\tconst [responseItems, setResponseItems] = useState<any[]>([]);\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\tconst { t } = useTranslation();\n\n\tconst getResponseItems = useCallback(async () => {\n\t\tif (!isOpen) return;\n\t\ttry {\n\t\t\tsetIsLoading(true);\n\t\t\tconst filters = `(rfq_line_item_id.in=${[data?.id]})`;\n\t\t\tconst rfqResponseItems = isRental\n\t\t\t\t? await fetchRentalResponseItems(filters)\n\t\t\t\t: await fetchRfqItemsByIdForResponse(filters);\n\t\t\tsetResponseItems(rfqResponseItems);\n\t\t} catch (error) {\n\t\t\tconst errorMsg = getErrorMessage(error?.message);\n\t\t\tenqueueSnackbar(errorMsg, { variant: 'error' });\n\t\t} finally {\n\t\t\tsetTimeout(() => setIsLoading(false), 300);\n\t\t}\n\t}, [isOpen, data?.id, isRental]);\n\tuseEffect(() => {\n\t\tgetResponseItems();\n\t}, [getResponseItems]);\n\treturn (\n\t\t<Modal open={isOpen} onClose={onClose} maxWidth='md' fullWidth>\n\t\t\t{isLoading && <ModalLoader />}\n\t\t\t<DialogTitle className='itemEntryModal--DialogTitle'>\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\tResponse Details\n\t\t\t\t</Typography>\n\t\t\t\t<IconButton onClick={onClose}>\n\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t</DialogTitle>\n\t\t\t<Grid container>\n\t\t\t\t<Grid item xs={4}>\n\t\t\t\t\t<Box sx={{ display: 'flex', padding: 2, flexDirection: 'column' }}>\n\t\t\t\t\t\t<Typography type='s5' weight='medium' color='theme.secondary.800'>\n\t\t\t\t\t\t\tItem\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.neutral.1000'>\n\t\t\t\t\t\t\t{data?.item_data?.name}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\n\t\t\t<Grid container p={2} spacing={3}>\n\t\t\t\t<Grid item xs={12}>\n\t\t\t\t\t<Box sx={{ paddingTop: '1.2rem' }}>\n\t\t\t\t\t\t<MaterialTable\n\t\t\t\t\t\t\trows={responseItems || []}\n\t\t\t\t\t\t\tcolumns={transformTableColumns({\n\t\t\t\t\t\t\t\tcolumns: responseItemDetailsColumns,\n\t\t\t\t\t\t\t\tcurrencySymbol: undefined,\n\t\t\t\t\t\t\t\ttranslationFn: t,\n\t\t\t\t\t\t\t\tcustomizeValue: (row, columnAccessorKey, value) => {\n\t\t\t\t\t\t\t\t\tswitch (columnAccessorKey) {\n\t\t\t\t\t\t\t\t\t\tcase 'item_data.vendor_info.vendor_name':\n\t\t\t\t\t\t\t\t\t\t\treturn value || row?.original?.item_data?.name;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tpaginationModel={{ pageNo: 1, limit: 10 }}\n\t\t\t\t\t\t\ttotalPages={20}\n\t\t\t\t\t\t\tenableColumnDragging={true}\n\t\t\t\t\t\t\tisResetRow={false}\n\t\t\t\t\t\t\tenableEditing={false}\n\t\t\t\t\t\t\tcolumnOrder={['mrt-row-select']}\n\t\t\t\t\t\t\tenableRowSelection={false}\n\t\t\t\t\t\t\tdisabledDefaultActionColumnIcon\n\t\t\t\t\t\t\tenableBottomToolbar={false}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</Modal>\n\t);\n};\n\nexport default ItemResponseDetails;\n"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;AAgBO,MAAM,sBAAsB,CAAC,UAAe;;AAClD,QAAM,EAAE,QAAQ,SAAS,MAAM,WAAW,UAAU;AACpD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgB,CAAA,CAAE;AAC5D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkB,KAAK;AACzD,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,QAAM,mBAAmB,YAAY,YAAY;AAChD,QAAI,CAAC,OAAQ;AACb,QAAI;AACH,mBAAa,IAAI;AACjB,YAAM,UAAU,wBAAwB,CAAC,6BAAM,EAAE,CAAC;AAClD,YAAM,mBAAmB,WACtB,MAAM,yBAAyB,OAAO,IACtC,MAAM,6BAA6B,OAAO;AAC7C,uBAAiB,gBAAgB;AAAA,IAClC,SAAS,OAAO;AACf,YAAM,WAAW,gBAAgB,+BAAO,OAAO;AAC/C,sBAAgB,UAAU,EAAE,SAAS,QAAA,CAAS;AAAA,IAC/C,UAAA;AACC,iBAAW,MAAM,aAAa,KAAK,GAAG,GAAG;AAAA,IAC1C;AAAA,EACD,GAAG,CAAC,QAAQ,6BAAM,IAAI,QAAQ,CAAC;AAC/B,YAAU,MAAM;AACf,qBAAA;AAAA,EACD,GAAG,CAAC,gBAAgB,CAAC;AACrB,SACC,qBAAC,SAAM,MAAM,QAAQ,SAAkB,UAAS,MAAK,WAAS,MAC5D,UAAA;AAAA,IAAA,iCAAc,aAAA,EAAY;AAAA,IAC3B,qBAAC,aAAA,EAAY,WAAU,+BACtB,UAAA;AAAA,MAAA,oBAAC,cAAW,MAAK,MAAK,OAAM,WAAU,QAAO,UAAS,UAAA,mBAAA,CAEtD;AAAA,MACA,oBAAC,cAAW,SAAS,SACpB,8BAAC,OAAA,EAAM,UAAS,SAAQ,EAAA,CACzB;AAAA,IAAA,GACD;AAAA,IACA,oBAAC,QAAK,WAAS,MACd,8BAAC,MAAA,EAAK,MAAI,MAAC,IAAI,GACd,+BAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,SAAS,GAAG,eAAe,YACtD,UAAA;AAAA,MAAA,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAM,uBAAsB,UAAA,OAAA,CAElE;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,sBAC1C,WAAA,kCAAM,cAAN,mBAAiB,KAAA,CACnB;AAAA,IAAA,EAAA,CACD,GACD,GACD;AAAA,IAEA,oBAAC,QAAK,WAAS,MAAC,GAAG,GAAG,SAAS,GAC9B,UAAA,oBAAC,MAAA,EAAK,MAAI,MAAC,IAAI,IACd,UAAA,oBAAC,KAAA,EAAI,IAAI,EAAE,YAAY,YACtB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAM,iBAAiB,CAAA;AAAA,QACvB,SAAS,sBAAsB;AAAA,UAC9B,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,gBAAgB,CAAC,KAAK,mBAAmB,UAAU;;AAClD,oBAAQ,mBAAA;AAAA,cACP,KAAK;AACJ,uBAAO,WAAS,MAAAA,MAAA,2BAAK,aAAL,gBAAAA,IAAe,cAAf,mBAA0B;AAAA,YAAA;AAAA,UAE7C;AAAA,QAAA,CACA;AAAA,QACD,iBAAiB,EAAE,QAAQ,GAAG,OAAO,GAAA;AAAA,QACrC,YAAY;AAAA,QACZ,sBAAsB;AAAA,QACtB,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,aAAa,CAAC,gBAAgB;AAAA,QAC9B,oBAAoB;AAAA,QACpB,iCAA+B;AAAA,QAC/B,qBAAqB;AAAA,MAAA;AAAA,IAAA,EACtB,CACD,GACD,EAAA,CACD;AAAA,EAAA,GACD;AAEF;"}

package/dist/components/rfq-response/item-response-details/index.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../material-table/material-table/index.js"),t=require("../../modal/modal/index.js"),l=require("../../typography/typography/index.js"),n=require("react"),a=require("react-i18next"),o=require("../../../node_modules/notistack/notistack.esm/index.js"),r=require("../../loaders/modal-loader/index.js"),s=require("../../../utils/constant/index.js"),d=require("../../../utils/common/index.js"),u=require("../../../utils/common-utility/index.js"),m=require("../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),c=require("../../../node_modules/@mui/material/IconButton/IconButton/index.js"),x=require("../../../node_modules/@mui/icons-material/esm/Close/index.js"),j=require("../../../node_modules/@mui/material/Grid/Grid/index.js"),p=require("../../../node_modules/@mui/material/Box/Box/index.js");exports.default=function(f){var h;const{isOpen:g,onClose:y,data:q,isRental:v=!1}=f,[_,b]=n.useState([]),[T,w]=n.useState(!1),{t:C}=a.useTranslation(),R=n.useCallback(async()=>{if(g)try{w(!0);const e=`(rfq_line_item_id.in=${[null==q?void 0:q.id]})`,i=v?await d.fetchRentalResponseItems(e):await d.fetchRfqItemsByIdForResponse(e);b(i)}catch(e){const i=d.getErrorMessage(null==e?void 0:e.message);o.enqueueSnackbar(i,{variant:"error"})}finally{setTimeout(()=>w(!1),300)}},[g,null==q?void 0:q.id,v]);return n.useEffect(()=>{R()},[R]),/* @__PURE__ */e.jsxs(t.Modal,{open:g,onClose:y,maxWidth:"md",fullWidth:!0,children:[T&&/* @__PURE__ */e.jsx(r.ModalLoader,{}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../material-table/material-table/index.js"),t=require("../../modal/modal/index.js"),l=require("../../typography/typography/index.js"),n=require("react"),a=require("react-i18next"),o=require("../../../node_modules/notistack/notistack.esm/index.js"),r=require("../../loaders/modal-loader/index.js"),s=require("../../../utils/constant/index.js"),d=require("../../../utils/common/index.js"),u=require("../../../utils/common-utility/index.js"),m=require("../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),c=require("../../../node_modules/@mui/material/IconButton/IconButton/index.js"),x=require("../../../node_modules/@mui/icons-material/esm/Close/index.js"),p=require("../../../node_modules/@mui/material/Grid/Grid/index.js"),j=require("../../../node_modules/@mui/material/Box/Box/index.js");const h=h=>{var f;const{isOpen:g,onClose:y,data:q,isRental:v=!1}=h,[_,b]=n.useState([]),[T,R]=n.useState(!1),{t:w}=a.useTranslation(),C=n.useCallback(async()=>{if(g)try{R(!0);const e=`(rfq_line_item_id.in=${[null==q?void 0:q.id]})`,i=v?await d.fetchRentalResponseItems(e):await d.fetchRfqItemsByIdForResponse(e);b(i)}catch(e){const i=d.getErrorMessage(null==e?void 0:e.message);o.enqueueSnackbar(i,{variant:"error"})}finally{setTimeout(()=>R(!1),300)}},[g,null==q?void 0:q.id,v]);return n.useEffect(()=>{C()},[C]),/* @__PURE__ */e.jsxs(t.Modal,{open:g,onClose:y,maxWidth:"md",fullWidth:!0,children:[T&&/* @__PURE__ */e.jsx(r.ModalLoader,{}),
 /* @__PURE__ */e.jsxs(m.default,{className:"itemEntryModal--DialogTitle",children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s3",color:"inherit",weight:"medium",children:"Response Details"}),
 /* @__PURE__ */e.jsx(c.default,{onClick:y,children:/* @__PURE__ */e.jsx(x.default,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(j.default,{container:!0,children:/* @__PURE__ */e.jsx(j.default,{item:!0,xs:4,children:/* @__PURE__ */e.jsxs(p.default,{sx:{display:"flex",padding:2,flexDirection:"column"},children:[
+/* @__PURE__ */e.jsx(p.default,{container:!0,children:/* @__PURE__ */e.jsx(p.default,{item:!0,xs:4,children:/* @__PURE__ */e.jsxs(j.default,{sx:{display:"flex",padding:2,flexDirection:"column"},children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",children:"Item"}),
-/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.neutral.1000",children:null==(h=null==q?void 0:q.item_data)?void 0:h.name})]})})}),
-/* @__PURE__ */e.jsx(j.default,{container:!0,p:2,spacing:3,children:/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(p.default,{sx:{paddingTop:"1.2rem"},children:/* @__PURE__ */e.jsx(i.MaterialTable,{rows:_||[],columns:u.transformTableColumns({columns:s.responseItemDetailsColumns,currencySymbol:void 0,translationFn:C,customizeValue:(e,i,t)=>{var l,n;if("item_data.vendor_info.vendor_name"===i)return t||(null==(n=null==(l=null==e?void 0:e.original)?void 0:l.item_data)?void 0:n.name)}}),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!0,isResetRow:!1,enableEditing:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,disabledDefaultActionColumnIcon:!0,enableBottomToolbar:!1})})})})]})};
+/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.neutral.1000",children:null==(f=null==q?void 0:q.item_data)?void 0:f.name})]})})}),
+/* @__PURE__ */e.jsx(p.default,{container:!0,p:2,spacing:3,children:/* @__PURE__ */e.jsx(p.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(j.default,{sx:{paddingTop:"1.2rem"},children:/* @__PURE__ */e.jsx(i.MaterialTable,{rows:_||[],columns:u.transformTableColumns({columns:s.responseItemDetailsColumns,currencySymbol:void 0,translationFn:w,customizeValue:(e,i,t)=>{var l,n;if("item_data.vendor_info.vendor_name"===i)return t||(null==(n=null==(l=null==e?void 0:e.original)?void 0:l.item_data)?void 0:n.name)}}),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!0,isResetRow:!1,enableEditing:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,disabledDefaultActionColumnIcon:!0,enableBottomToolbar:!1})})})})]})};exports.ItemResponseDetails=h,exports.default=h;
 //# sourceMappingURL=index.js.map

package/dist/components/rfq-response/item-response-details/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\nimport { Box, DialogTitle, Grid, IconButton } from \"@mui/material\";\nimport MaterialTable from \"../material-table/material-table\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { enqueueSnackbar } from \"notistack\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport {responseItemDetailsColumns} from '../../utils/constant'\nimport { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from \"../../utils/common\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nexport default function ItemResponseDetails(props:any){\n    const {isOpen, onClose,data,isRental=false} = props\n    const [responseItems, setResponseItems] = useState<any[]>([])\n    const [isLoading, setIsLoading] = useState<boolean>(false)\n    const {t} = useTranslation()\n\n    const getResponseItems=useCallback(async()=>{\n        if(!isOpen) return\n    try {\n        setIsLoading(true)\n        const filters=`(rfq_line_item_id.in=${[data?.id]})`\n       const rfqResponseItems =isRental?await fetchRentalResponseItems(filters): await fetchRfqItemsByIdForResponse(filters)\n       setResponseItems(rfqResponseItems)\n    } catch (error) {\n        const errorMsg=getErrorMessage(error?.message)\n        enqueueSnackbar(errorMsg,{variant:'error'})\n    }finally{\n        setTimeout(()=>setIsLoading(false),300)\n    }\n    },[isOpen,data?.id,isRental])\n    useEffect(()=>{\n        getResponseItems()\n    },[getResponseItems])\n    return(\n        <Modal open={isOpen}\n         onClose={onClose}\n         maxWidth='md'\n         fullWidth\n         >\n            {isLoading&&<ModalLoader />}\n           <DialogTitle className='itemEntryModal--DialogTitle'>\n                           <Typography type='s3' color='inherit' weight='medium'>\n                           Response Details\n                           </Typography>\n                           <IconButton onClick={onClose}>\n                               <Close fontSize='small' />\n                           </IconButton>\n                       </DialogTitle>\n                        <Grid container>\n                                       <Grid item xs={4}>\n                                               <Box sx={{ display: 'flex',padding:2, flexDirection: 'column' }}>\n                                                   <Typography type='s5' weight=\"medium\" color='theme.secondary.800'>Item</Typography>\n                                                   <Typography type='s3' weight=\"medium\" color='theme.neutral.1000'>{data?.item_data?.name}</Typography>\n                                               </Box>\n                                       </Grid>\n                                   </Grid>\n                       \n                                   <Grid container p={2} spacing={3}>\n                                       <Grid item xs={12}>\n                                           <Box sx={{ paddingTop: '1.2rem' }}>\n                                               <MaterialTable\n                                                   rows={responseItems || []}\n                                                   columns={transformTableColumns({\n                                                         columns: responseItemDetailsColumns,\n                                                        currencySymbol: undefined,\n                                                        translationFn: t,\n                                                        customizeValue: (row, columnAccessorKey, value) => {\n                                                            switch (columnAccessorKey) {\n                                                                case 'item_data.vendor_info.vendor_name':\n                                                                    return value||row?.original?.item_data?.name\n                                                            }\n                                                        }\n                                                            \n                                                          \n                                                   })}\n                                                   paginationModel={{ pageNo: 1, limit: 10 }}\n                                                   totalPages={20}\n                                                   enableColumnDragging={true}\n                                                   isResetRow={false}\n                                                   enableEditing={false}\n                                                   columnOrder={['mrt-row-select']}\n                                                   enableRowSelection={false}\n                                                   disabledDefaultActionColumnIcon\n                                                   enableBottomToolbar={false}\n                                               />\n                                           </Box>\n                                       </Grid>\n                                   </Grid>\n                       \n        </Modal>\n    )\n}"],"names":["props","isOpen","onClose","data","isRental","responseItems","setResponseItems","useState","isLoading","setIsLoading","t","useTranslation","getResponseItems","useCallback","async","filters","id","rfqResponseItems","fetchRentalResponseItems","fetchRfqItemsByIdForResponse","error","errorMsg","getErrorMessage","message","enqueueSnackbar","variant","setTimeout","useEffect","jsxs","Modal","open","maxWidth","fullWidth","children","ModalLoader","DialogTitle","className","jsx","Typography","type","color","weight","IconButton","onClick","Close","fontSize","Grid","container","item","xs","Box","sx","display","padding","flexDirection","_a","item_data","name","p","spacing","paddingTop","MaterialTable","rows","columns","transformTableColumns","responseItemDetailsColumns","currencySymbol","translationFn","customizeValue","row","columnAccessorKey","value","_b","original","paginationModel","pageNo","limit","totalPages","enableColumnDragging","isResetRow","enableEditing","columnOrder","enableRowSelection","disabledDefaultActionColumnIcon","enableBottomToolbar"],"mappings":"86BAYA,SAA4CA,SACxC,MAAMC,OAACA,EAAAC,QAAQA,EAAAC,KAAQA,EAAAC,SAAKA,GAAS,GAASJ,GACvCK,EAAeC,GAAoBC,EAAAA,SAAgB,KACnDC,EAAWC,GAAgBF,EAAAA,UAAkB,IAC9CG,EAACA,GAAKC,mBAENC,EAAiBC,EAAAA,YAAYC,UAC/B,GAAIb,EACR,IACIQ,GAAa,GACb,MAAMM,EAAQ,wBAAwB,CAAC,MAAAZ,OAAA,EAAAA,EAAMa,OACxCC,EAAkBb,QAAec,EAAAA,yBAAyBH,SAAgBI,EAAAA,6BAA6BJ,GAC7GT,EAAiBW,EACpB,OAASG,GACL,MAAMC,EAASC,EAAAA,gBAAgB,MAAAF,OAAA,EAAAA,EAAOG,SACtCC,EAAAA,gBAAgBH,EAAS,CAACI,QAAQ,SACtC,CAAA,QACIC,WAAW,IAAIjB,GAAa,GAAO,IACvC,GACE,CAACR,EAAO,MAAAE,OAAA,EAAAA,EAAMa,GAAGZ,IAInB,OAHAuB,EAAAA,UAAU,KACNf,KACF,CAACA,mBAECgB,EAAAA,KAACC,EAAAA,MAAA,CAAMC,KAAM7B,EACZC,UACA6B,SAAS,KACTC,WAAS,EAELC,SAAA,CAAAzB,wBAAY0B,EAAAA,YAAA;iBACdN,KAACO,EAAAA,QAAA,CAAYC,UAAU,8BACPH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASR,SAAA;iBAGtDI,IAACK,EAAAA,SAAWC,QAASzC,EACjB+B,8BAACW,UAAA,CAAMC,SAAS;eAGvBR,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EACAd,8BAACa,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,EACPhB,+BAACiB,EAAAA,QAAA,CAAIC,GAAI,CAAEC,QAAS,OAAOC,QAAQ,EAAGC,cAAe,UACjDrB,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,sBAAsBP,SAAA;iBAClEI,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,qBAAsBP,SAAA,OAAAsB,EAAA,MAAApD,OAAA,EAAAA,EAAMqD,gBAAN,EAAAD,EAAiBE;eAKnGpB,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EAACW,EAAG,EAAGC,QAAS,EAC3B1B,wBAAAI,EAAAA,IAACS,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,GACXhB,0BAAAI,IAACa,EAAAA,QAAA,CAAIC,GAAI,CAAES,WAAY,UACnB3B,wBAAAI,EAAAA,IAACwB,EAAAA,cAAA,CACGC,KAAMzD,GAAiB,GACvB0D,QAASC,EAAAA,sBAAsB,CACzBD,QAASE,EAAAA,2BACVC,oBAAgB,EAChBC,cAAezD,EACf0D,eAAgB,CAACC,EAAKC,EAAmBC,aACrC,GACS,sCADDD,EAEA,OAAOC,IAAO,OAAAC,EAAA,OAAAjB,EAAA,MAAAc,OAAA,EAAAA,EAAKI,eAAL,EAAAlB,EAAeC,gBAAf,EAAAgB,EAA0Bf,SAMzDiB,gBAAiB,CAAEC,OAAQ,EAAGC,MAAO,IACrCC,WAAY,GACZC,sBAAsB,EACtBC,YAAY,EACZC,eAAe,EACfC,YAAa,CAAC,kBACdC,oBAAoB,EACpBC,iCAA+B,EAC/BC,qBAAqB,YAQxE"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from '@mui/icons-material';\nimport { Box, DialogTitle, Grid, IconButton } from '@mui/material';\nimport MaterialTable from '../material-table/material-table';\nimport Modal from '../modal/modal';\nimport Typography from '../typography/typography';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { enqueueSnackbar } from 'notistack';\nimport ModalLoader from '../loaders/modal-loader';\nimport { responseItemDetailsColumns } from '../../utils/constant';\nimport {\n\tfetchRentalResponseItems,\n\tfetchRfqItemsByIdForResponse,\n\tgetErrorMessage\n} from '../../utils/common';\nimport { transformTableColumns } from '../../utils/common-utility';\nexport const ItemResponseDetails = (props: any) => {\n\tconst { isOpen, onClose, data, isRental = false } = props;\n\tconst [responseItems, setResponseItems] = useState<any[]>([]);\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\tconst { t } = useTranslation();\n\n\tconst getResponseItems = useCallback(async () => {\n\t\tif (!isOpen) return;\n\t\ttry {\n\t\t\tsetIsLoading(true);\n\t\t\tconst filters = `(rfq_line_item_id.in=${[data?.id]})`;\n\t\t\tconst rfqResponseItems = isRental\n\t\t\t\t? await fetchRentalResponseItems(filters)\n\t\t\t\t: await fetchRfqItemsByIdForResponse(filters);\n\t\t\tsetResponseItems(rfqResponseItems);\n\t\t} catch (error) {\n\t\t\tconst errorMsg = getErrorMessage(error?.message);\n\t\t\tenqueueSnackbar(errorMsg, { variant: 'error' });\n\t\t} finally {\n\t\t\tsetTimeout(() => setIsLoading(false), 300);\n\t\t}\n\t}, [isOpen, data?.id, isRental]);\n\tuseEffect(() => {\n\t\tgetResponseItems();\n\t}, [getResponseItems]);\n\treturn (\n\t\t<Modal open={isOpen} onClose={onClose} maxWidth='md' fullWidth>\n\t\t\t{isLoading && <ModalLoader />}\n\t\t\t<DialogTitle className='itemEntryModal--DialogTitle'>\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\tResponse Details\n\t\t\t\t</Typography>\n\t\t\t\t<IconButton onClick={onClose}>\n\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t</DialogTitle>\n\t\t\t<Grid container>\n\t\t\t\t<Grid item xs={4}>\n\t\t\t\t\t<Box sx={{ display: 'flex', padding: 2, flexDirection: 'column' }}>\n\t\t\t\t\t\t<Typography type='s5' weight='medium' color='theme.secondary.800'>\n\t\t\t\t\t\t\tItem\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.neutral.1000'>\n\t\t\t\t\t\t\t{data?.item_data?.name}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\n\t\t\t<Grid container p={2} spacing={3}>\n\t\t\t\t<Grid item xs={12}>\n\t\t\t\t\t<Box sx={{ paddingTop: '1.2rem' }}>\n\t\t\t\t\t\t<MaterialTable\n\t\t\t\t\t\t\trows={responseItems || []}\n\t\t\t\t\t\t\tcolumns={transformTableColumns({\n\t\t\t\t\t\t\t\tcolumns: responseItemDetailsColumns,\n\t\t\t\t\t\t\t\tcurrencySymbol: undefined,\n\t\t\t\t\t\t\t\ttranslationFn: t,\n\t\t\t\t\t\t\t\tcustomizeValue: (row, columnAccessorKey, value) => {\n\t\t\t\t\t\t\t\t\tswitch (columnAccessorKey) {\n\t\t\t\t\t\t\t\t\t\tcase 'item_data.vendor_info.vendor_name':\n\t\t\t\t\t\t\t\t\t\t\treturn value || row?.original?.item_data?.name;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tpaginationModel={{ pageNo: 1, limit: 10 }}\n\t\t\t\t\t\t\ttotalPages={20}\n\t\t\t\t\t\t\tenableColumnDragging={true}\n\t\t\t\t\t\t\tisResetRow={false}\n\t\t\t\t\t\t\tenableEditing={false}\n\t\t\t\t\t\t\tcolumnOrder={['mrt-row-select']}\n\t\t\t\t\t\t\tenableRowSelection={false}\n\t\t\t\t\t\t\tdisabledDefaultActionColumnIcon\n\t\t\t\t\t\t\tenableBottomToolbar={false}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</Modal>\n\t);\n};\n\nexport default ItemResponseDetails;\n"],"names":["ItemResponseDetails","props","isOpen","onClose","data","isRental","responseItems","setResponseItems","useState","isLoading","setIsLoading","t","useTranslation","getResponseItems","useCallback","async","filters","id","rfqResponseItems","fetchRentalResponseItems","fetchRfqItemsByIdForResponse","error","errorMsg","getErrorMessage","message","enqueueSnackbar","variant","setTimeout","useEffect","jsxs","Modal","open","maxWidth","fullWidth","children","ModalLoader","DialogTitle","className","jsx","Typography","type","color","weight","IconButton","onClick","Close","fontSize","Grid","container","item","xs","Box","sx","display","padding","flexDirection","_a","item_data","name","p","spacing","paddingTop","MaterialTable","rows","columns","transformTableColumns","responseItemDetailsColumns","currencySymbol","translationFn","customizeValue","row","columnAccessorKey","value","_b","original","paginationModel","pageNo","limit","totalPages","enableColumnDragging","isResetRow","enableEditing","columnOrder","enableRowSelection","disabledDefaultActionColumnIcon","enableBottomToolbar"],"mappings":"85BAgBO,MAAMA,EAAuBC,UACnC,MAAMC,OAAEA,EAAAC,QAAQA,EAAAC,KAASA,EAAAC,SAAMA,GAAW,GAAUJ,GAC7CK,EAAeC,GAAoBC,EAAAA,SAAgB,KACnDC,EAAWC,GAAgBF,EAAAA,UAAkB,IAC9CG,EAAEA,GAAMC,mBAERC,EAAmBC,EAAAA,YAAYC,UACpC,GAAKb,EACL,IACCQ,GAAa,GACb,MAAMM,EAAU,wBAAwB,CAAC,MAAAZ,OAAA,EAAAA,EAAMa,OACzCC,EAAmBb,QAChBc,EAAAA,yBAAyBH,SACzBI,EAAAA,6BAA6BJ,GACtCT,EAAiBW,EAClB,OAASG,GACR,MAAMC,EAAWC,EAAAA,gBAAgB,MAAAF,OAAA,EAAAA,EAAOG,SACxCC,EAAAA,gBAAgBH,EAAU,CAAEI,QAAS,SACtC,CAAA,QACCC,WAAW,IAAMjB,GAAa,GAAQ,IACvC,GACE,CAACR,EAAQ,MAAAE,OAAA,EAAAA,EAAMa,GAAIZ,IAItB,OAHAuB,EAAAA,UAAU,KACTf,KACE,CAACA,mBAEHgB,OAACC,EAAAA,OAAMC,KAAM7B,EAAQC,UAAkB6B,SAAS,KAAKC,WAAS,EAC5DC,SAAA,CAAAzB,wBAAc0B,EAAAA,YAAA;iBACfN,KAACO,EAAAA,QAAA,CAAYC,UAAU,8BACtBH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASR,SAAA;iBAGtDI,IAACK,EAAAA,SAAWC,QAASzC,EACpB+B,8BAACW,UAAA,CAAMC,SAAS;eAGlBR,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EACdd,8BAACa,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,EACdhB,+BAACiB,EAAAA,QAAA,CAAIC,GAAI,CAAEC,QAAS,OAAQC,QAAS,EAAGC,cAAe,UACtDrB,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,sBAAsBP,SAAA;iBAGlEI,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,qBAC1CP,SAAA,OAAAsB,EAAA,MAAApD,OAAA,EAAAA,EAAMqD,gBAAN,EAAAD,EAAiBE;eAMtBpB,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EAACW,EAAG,EAAGC,QAAS,EAC9B1B,wBAAAI,EAAAA,IAACS,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,GACdhB,0BAAAI,IAACa,EAAAA,QAAA,CAAIC,GAAI,CAAES,WAAY,UACtB3B,wBAAAI,EAAAA,IAACwB,EAAAA,cAAA,CACAC,KAAMzD,GAAiB,GACvB0D,QAASC,EAAAA,sBAAsB,CAC9BD,QAASE,EAAAA,2BACTC,oBAAgB,EAChBC,cAAezD,EACf0D,eAAgB,CAACC,EAAKC,EAAmBC,aACxC,GACM,sCADED,EAEN,OAAOC,IAAS,OAAAC,EAAA,OAAAjB,EAAA,MAAAc,OAAA,EAAAA,EAAKI,eAAL,EAAAlB,EAAeC,gBAAf,EAAAgB,EAA0Bf,SAI9CiB,gBAAiB,CAAEC,OAAQ,EAAGC,MAAO,IACrCC,WAAY,GACZC,sBAAsB,EACtBC,YAAY,EACZC,eAAe,EACfC,YAAa,CAAC,kBACdC,oBAAoB,EACpBC,iCAA+B,EAC/BC,qBAAqB"}

package/dist/components/rfq-response/item-response-details.d.ts

@@ -1 +1,2 @@
-export default function ItemResponseDetails(props: any): import("react/jsx-runtime").JSX.Element;
+export declare const ItemResponseDetails: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default ItemResponseDetails;

package/dist/components/schedule-report/utils/common/index.esm.js

@@ -1,4 +1,4 @@
-import { putV1ReportsUpdateScheduleReportId, postV1ReportsScheduleReport, getV1ReportsScheduleReport, getV1ReportsReportList, deleteV1ReportsScheduleReportId } from "../../../../api-client/api.system-feature/api/index.esm.js";
+import { getV1ReportsScheduleReport, getV1ReportsReportList, putV1ReportsUpdateScheduleReportId, postV1ReportsScheduleReport, deleteV1ReportsScheduleReportId } from "../../../../api-client/api.system-feature/api/index.esm.js";
 const AUTO_POST_OPTIONS = [
   {
     label: "Day",

package/dist/components/share-modal/redux/reducer/index.esm.js

@@ -42,9 +42,7 @@ const shareSlice = createSlice({
     );
   }
 });
-var reducer = shareSlice.reducer;
 export {
-  reducer as default,
   shareSlice
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/share-modal/redux/reducer/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/share-modal/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { getAllUserAndDepartmentDropdown } from \"./actionCreator\";\n\nexport const shareSlice = createSlice({\n  name: \"share\",\n  initialState,\n  reducers: {},\n  extraReducers: (builder) => {\n    /*-------------------------------- get share drive Pending State ---------------------------------*/\n\n    builder.addCase(getAllUserAndDepartmentDropdown.pending, (state) => {\n      state.loading = true;\n      state.error = \"\";\n      state.users = [];\n      state.departments = [];\n      state.isError = false;\n    });\n\n    /*-------------------------------- get share drive fullfiled State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.fulfilled,\n      (state, action) => {\n        state.loading = false;\n        state.users = action.payload?.data?.users?.map((user: any) => ({\n          ...user,\n          label: `${user.first_name} ${user.last_name}`,\n          value: user.id,\n        }));\n        state.departments = action.payload?.data?.roles?.map((role: any) => ({\n          ...role,\n          label: role.name,\n          value: role.id,\n        }));\n        state.error = \"\";\n        state.isError = false;\n      },\n    );\n\n    /*-------------------------------- get share drive Rejected State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.rejected,\n      (state, action) => {\n        state.loading = false;\n        state.error = action.error.message || \"\";\n        state.isError = true;\n      },\n    );\n  },\n});\n\nexport default shareSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;AAIO,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe,CAAC,YAAY;AAG1B,YAAQ,QAAQ,gCAAgC,SAAS,CAACC,WAAU;AAClE,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,QAAQ,CAAA;AACd,MAAAA,OAAM,cAAc,CAAA;AACpB,MAAAA,OAAM,UAAU;AAAA,IAClB,CAAC;AAGD,YAAQ;AAAA,MACN,gCAAgC;AAAA,MAChC,CAACA,QAAO,WAAW;;AACjB,QAAAA,OAAM,UAAU;AAChB,QAAAA,OAAM,SAAQ,wBAAO,YAAP,mBAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,IAAI,CAAC,UAAe;AAAA,UAC7D,GAAG;AAAA,UACH,OAAO,GAAG,KAAK,UAAU,IAAI,KAAK,SAAS;AAAA,UAC3C,OAAO,KAAK;AAAA,QAAA;AAEd,QAAAA,OAAM,eAAc,wBAAO,YAAP,mBAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,IAAI,CAAC,UAAe;AAAA,UACnE,GAAG;AAAA,UACH,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,QAAA;AAEd,QAAAA,OAAM,QAAQ;AACd,QAAAA,OAAM,UAAU;AAAA,MAClB;AAAA,IAAA;AAIF,YAAQ;AAAA,MACN,gCAAgC;AAAA,MAChC,CAACA,QAAO,WAAW;AACjB,QAAAA,OAAM,UAAU;AAChB,QAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AACtC,QAAAA,OAAM,UAAU;AAAA,MAClB;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;AAED,IAAA,UAAe,WAAW;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/share-modal/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { getAllUserAndDepartmentDropdown } from \"./actionCreator\";\n\nexport const shareSlice = createSlice({\n  name: \"share\",\n  initialState,\n  reducers: {},\n  extraReducers: (builder) => {\n    /*-------------------------------- get share drive Pending State ---------------------------------*/\n\n    builder.addCase(getAllUserAndDepartmentDropdown.pending, (state) => {\n      state.loading = true;\n      state.error = \"\";\n      state.users = [];\n      state.departments = [];\n      state.isError = false;\n    });\n\n    /*-------------------------------- get share drive fullfiled State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.fulfilled,\n      (state, action) => {\n        state.loading = false;\n        state.users = action.payload?.data?.users?.map((user: any) => ({\n          ...user,\n          label: `${user.first_name} ${user.last_name}`,\n          value: user.id,\n        }));\n        state.departments = action.payload?.data?.roles?.map((role: any) => ({\n          ...role,\n          label: role.name,\n          value: role.id,\n        }));\n        state.error = \"\";\n        state.isError = false;\n      },\n    );\n\n    /*-------------------------------- get share drive Rejected State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.rejected,\n      (state, action) => {\n        state.loading = false;\n        state.error = action.error.message || \"\";\n        state.isError = true;\n      },\n    );\n  },\n});\n\nexport default shareSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;AAIO,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe,CAAC,YAAY;AAG1B,YAAQ,QAAQ,gCAAgC,SAAS,CAACC,WAAU;AAClE,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,QAAQ,CAAA;AACd,MAAAA,OAAM,cAAc,CAAA;AACpB,MAAAA,OAAM,UAAU;AAAA,IAClB,CAAC;AAGD,YAAQ;AAAA,MACN,gCAAgC;AAAA,MAChC,CAACA,QAAO,WAAW;;AACjB,QAAAA,OAAM,UAAU;AAChB,QAAAA,OAAM,SAAQ,wBAAO,YAAP,mBAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,IAAI,CAAC,UAAe;AAAA,UAC7D,GAAG;AAAA,UACH,OAAO,GAAG,KAAK,UAAU,IAAI,KAAK,SAAS;AAAA,UAC3C,OAAO,KAAK;AAAA,QAAA;AAEd,QAAAA,OAAM,eAAc,wBAAO,YAAP,mBAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,IAAI,CAAC,UAAe;AAAA,UACnE,GAAG;AAAA,UACH,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK;AAAA,QAAA;AAEd,QAAAA,OAAM,QAAQ;AACd,QAAAA,OAAM,UAAU;AAAA,MAClB;AAAA,IAAA;AAIF,YAAQ;AAAA,MACN,gCAAgC;AAAA,MAChC,CAACA,QAAO,WAAW;AACjB,QAAAA,OAAM,UAAU;AAChB,QAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AACtC,QAAAA,OAAM,UAAU;AAAA,MAClB;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/share-modal/redux/reducer/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../state/index.js"),a=require("../actionCreator/index.js");const d=e.createSlice({name:"share",initialState:r.state,reducers:{},extraReducers:e=>{e.addCase(a.getAllUserAndDepartmentDropdown.pending,e=>{e.loading=!0,e.error="",e.users=[],e.departments=[],e.isError=!1}),e.addCase(a.getAllUserAndDepartmentDropdown.fulfilled,(e,r)=>{var a,d,l,t,s,o;e.loading=!1,e.users=null==(l=null==(d=null==(a=r.payload)?void 0:a.data)?void 0:d.users)?void 0:l.map(e=>({...e,label:`${e.first_name} ${e.last_name}`,value:e.id})),e.departments=null==(o=null==(s=null==(t=r.payload)?void 0:t.data)?void 0:s.roles)?void 0:o.map(e=>({...e,label:e.name,value:e.id})),e.error="",e.isError=!1}),e.addCase(a.getAllUserAndDepartmentDropdown.rejected,(e,r)=>{e.loading=!1,e.error=r.error.message||"",e.isError=!0})}});var l=d.reducer;exports.default=l,exports.shareSlice=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../state/index.js"),a=require("../actionCreator/index.js");const l=e.createSlice({name:"share",initialState:r.state,reducers:{},extraReducers:e=>{e.addCase(a.getAllUserAndDepartmentDropdown.pending,e=>{e.loading=!0,e.error="",e.users=[],e.departments=[],e.isError=!1}),e.addCase(a.getAllUserAndDepartmentDropdown.fulfilled,(e,r)=>{var a,l,d,t,s,o;e.loading=!1,e.users=null==(d=null==(l=null==(a=r.payload)?void 0:a.data)?void 0:l.users)?void 0:d.map(e=>({...e,label:`${e.first_name} ${e.last_name}`,value:e.id})),e.departments=null==(o=null==(s=null==(t=r.payload)?void 0:t.data)?void 0:s.roles)?void 0:o.map(e=>({...e,label:e.name,value:e.id})),e.error="",e.isError=!1}),e.addCase(a.getAllUserAndDepartmentDropdown.rejected,(e,r)=>{e.loading=!1,e.error=r.error.message||"",e.isError=!0})}});exports.shareSlice=l;
 //# sourceMappingURL=index.js.map

package/dist/components/share-modal/redux/reducer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/share-modal/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { getAllUserAndDepartmentDropdown } from \"./actionCreator\";\n\nexport const shareSlice = createSlice({\n  name: \"share\",\n  initialState,\n  reducers: {},\n  extraReducers: (builder) => {\n    /*-------------------------------- get share drive Pending State ---------------------------------*/\n\n    builder.addCase(getAllUserAndDepartmentDropdown.pending, (state) => {\n      state.loading = true;\n      state.error = \"\";\n      state.users = [];\n      state.departments = [];\n      state.isError = false;\n    });\n\n    /*-------------------------------- get share drive fullfiled State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.fulfilled,\n      (state, action) => {\n        state.loading = false;\n        state.users = action.payload?.data?.users?.map((user: any) => ({\n          ...user,\n          label: `${user.first_name} ${user.last_name}`,\n          value: user.id,\n        }));\n        state.departments = action.payload?.data?.roles?.map((role: any) => ({\n          ...role,\n          label: role.name,\n          value: role.id,\n        }));\n        state.error = \"\";\n        state.isError = false;\n      },\n    );\n\n    /*-------------------------------- get share drive Rejected State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.rejected,\n      (state, action) => {\n        state.loading = false;\n        state.error = action.error.message || \"\";\n        state.isError = true;\n      },\n    );\n  },\n});\n\nexport default shareSlice.reducer;\n"],"names":["shareSlice","createSlice","name","initialState","reducers","extraReducers","builder","addCase","getAllUserAndDepartmentDropdown","pending","state","loading","error","users","departments","isError","fulfilled","action","_c","_b","_a","payload","data","map","user","label","first_name","last_name","value","id","_f","_e","_d","roles","role","rejected","message","reducer"],"mappings":"4KAIO,MAAMA,EAAaC,EAAAA,YAAY,CACpCC,KAAM,QAAAC,aACNA,EAAAA,MACAC,SAAU,CAAA,EACVC,cAAgBC,IAGdA,EAAQC,QAAQC,EAAAA,gCAAgCC,QAAUC,IACxDA,EAAMC,SAAU,EAChBD,EAAME,MAAQ,GACdF,EAAMG,MAAQ,GACdH,EAAMI,YAAc,GACpBJ,EAAMK,SAAU,IAIlBT,EAAQC,QACNC,EAAAA,gCAAgCQ,UAChC,CAACN,EAAOO,qBACNP,EAAMC,SAAU,EAChBD,EAAMG,MAAQ,OAAAK,EAAA,OAAAC,EAAA,OAAAC,EAAAH,EAAOI,cAAP,EAAAD,EAAgBE,WAAhB,EAAAH,EAAsBN,YAAtB,EAAAK,EAA6BK,IAAKC,IAAA,IAC3CA,EACHC,MAAO,GAAGD,EAAKE,cAAcF,EAAKG,YAClCC,MAAOJ,EAAKK,MAEdnB,EAAMI,YAAc,OAAAgB,EAAA,OAAAC,EAAA,OAAAC,EAAAf,EAAOI,cAAP,EAAAW,EAAgBV,WAAhB,EAAAS,EAAsBE,YAAtB,EAAAH,EAA6BP,IAAKW,IAAA,IACjDA,EACHT,MAAOS,EAAKhC,KACZ0B,MAAOM,EAAKL,MAEdnB,EAAME,MAAQ,GACdF,EAAMK,SAAU,IAKpBT,EAAQC,QACNC,EAAAA,gCAAgC2B,SAChC,CAACzB,EAAOO,KACNP,EAAMC,SAAU,EAChBD,EAAME,MAAQK,EAAOL,MAAMwB,SAAW,GACtC1B,EAAMK,SAAU,OAMxB,IAAAsB,EAAerC,EAAWqC"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/share-modal/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { getAllUserAndDepartmentDropdown } from \"./actionCreator\";\n\nexport const shareSlice = createSlice({\n  name: \"share\",\n  initialState,\n  reducers: {},\n  extraReducers: (builder) => {\n    /*-------------------------------- get share drive Pending State ---------------------------------*/\n\n    builder.addCase(getAllUserAndDepartmentDropdown.pending, (state) => {\n      state.loading = true;\n      state.error = \"\";\n      state.users = [];\n      state.departments = [];\n      state.isError = false;\n    });\n\n    /*-------------------------------- get share drive fullfiled State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.fulfilled,\n      (state, action) => {\n        state.loading = false;\n        state.users = action.payload?.data?.users?.map((user: any) => ({\n          ...user,\n          label: `${user.first_name} ${user.last_name}`,\n          value: user.id,\n        }));\n        state.departments = action.payload?.data?.roles?.map((role: any) => ({\n          ...role,\n          label: role.name,\n          value: role.id,\n        }));\n        state.error = \"\";\n        state.isError = false;\n      },\n    );\n\n    /*-------------------------------- get share drive Rejected State ---------------------------------*/\n    builder.addCase(\n      getAllUserAndDepartmentDropdown.rejected,\n      (state, action) => {\n        state.loading = false;\n        state.error = action.error.message || \"\";\n        state.isError = true;\n      },\n    );\n  },\n});\n\nexport default shareSlice.reducer;\n"],"names":["shareSlice","createSlice","name","initialState","reducers","extraReducers","builder","addCase","getAllUserAndDepartmentDropdown","pending","state","loading","error","users","departments","isError","fulfilled","action","_c","_b","_a","payload","data","map","user","label","first_name","last_name","value","id","_f","_e","_d","roles","role","rejected","message"],"mappings":"4KAIO,MAAMA,EAAaC,EAAAA,YAAY,CACpCC,KAAM,QAAAC,aACNA,EAAAA,MACAC,SAAU,CAAA,EACVC,cAAgBC,IAGdA,EAAQC,QAAQC,EAAAA,gCAAgCC,QAAUC,IACxDA,EAAMC,SAAU,EAChBD,EAAME,MAAQ,GACdF,EAAMG,MAAQ,GACdH,EAAMI,YAAc,GACpBJ,EAAMK,SAAU,IAIlBT,EAAQC,QACNC,EAAAA,gCAAgCQ,UAChC,CAACN,EAAOO,qBACNP,EAAMC,SAAU,EAChBD,EAAMG,MAAQ,OAAAK,EAAA,OAAAC,EAAA,OAAAC,EAAAH,EAAOI,cAAP,EAAAD,EAAgBE,WAAhB,EAAAH,EAAsBN,YAAtB,EAAAK,EAA6BK,IAAKC,IAAA,IAC3CA,EACHC,MAAO,GAAGD,EAAKE,cAAcF,EAAKG,YAClCC,MAAOJ,EAAKK,MAEdnB,EAAMI,YAAc,OAAAgB,EAAA,OAAAC,EAAA,OAAAC,EAAAf,EAAOI,cAAP,EAAAW,EAAgBV,WAAhB,EAAAS,EAAsBE,YAAtB,EAAAH,EAA6BP,IAAKW,IAAA,IACjDA,EACHT,MAAOS,EAAKhC,KACZ0B,MAAOM,EAAKL,MAEdnB,EAAME,MAAQ,GACdF,EAAMK,SAAU,IAKpBT,EAAQC,QACNC,EAAAA,gCAAgC2B,SAChC,CAACzB,EAAOO,KACNP,EAAMC,SAAU,EAChBD,EAAME,MAAQK,EAAOL,MAAMwB,SAAW,GACtC1B,EAAMK,SAAU"}

package/dist/components/tab-bar-ui/tab-bar-ui/index.esm.js

@@ -9,15 +9,8 @@ import TabContext from "../../../node_modules/@mui/lab/TabContext/TabContext/ind
 import TabList from "../../../node_modules/@mui/lab/TabList/TabList/index.esm.js";
 import Tab from "../../../node_modules/@mui/material/Tab/Tab/index.esm.js";
 import TabPanel from "../../../node_modules/@mui/lab/TabPanel/TabPanel/index.esm.js";
-function TabBarUi(props) {
-  const {
-    tabs,
-    onEditTabTitle,
-    activeTabValue,
-    setActiveTabValue,
-    handleTabChange,
-    handleRemoveTab
-  } = props;
+const TabBarUi = (props) => {
+  const { tabs, onEditTabTitle, activeTabValue, setActiveTabValue, handleTabChange, handleRemoveTab } = props;
   const [value, setValue] = useState(0);
   const [editableTabId, setEditableTabId] = useState(null);
   const handleChange = (event, newValue) => {
@@ -78,8 +71,9 @@ function TabBarUi(props) {
       (tab, index) => tab.content && /* @__PURE__ */ jsx(TabPanel, { value: index, children: value === index && tab.content }, tab.tab_order)
     )
   ] }) });
-}
+};
 export {
+  TabBarUi,
   TabBarUi as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/tab-bar-ui/tab-bar-ui/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/tab-bar-ui/tab-bar-ui.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\n\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tab-bar-ui.scss\";\nimport TextField from \"../text-field/text-field\";\nimport images from \"../../assets/images\";\n\ninterface TabItem {\n  tab_order: number;\n  title: string;\n  content?: string | ReactNode;\n  data?: any;\n  remove_tab?: boolean;\n  tabIcon?: string;\n}\ninterface TabProps {\n  tabs: TabItem[];\n  activeTabValue?: number;\n  setActiveTabValue?: React.Dispatch<React.SetStateAction<number | undefined>>;\n  onEditTabTitle?: (tabId: number, newTitle: string) => void;\n  handleTabChange?: () => void;\n  handleRemoveTab?: (tabId: number) => void;\n}\n\nexport default function TabBarUi(props: TabProps) {\n  const {\n    tabs,\n    onEditTabTitle,\n    activeTabValue,\n    setActiveTabValue,\n    handleTabChange,\n    handleRemoveTab,\n  } = props;\n  const [value, setValue] = useState(0);\n  const [editableTabId, setEditableTabId] = useState<number | null>(null);\n  const handleChange = (event: React.SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n    setActiveTabValue && setActiveTabValue(newValue);\n    handleTabChange && handleTabChange();\n  };\n\n  const handleTabDoubleClick = (tabId: number) => {\n    setEditableTabId(tabId);\n  };\n\n  const handleEditTabTitle = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    tabId: number,\n  ) => {\n    onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n  };\n\n  useEffect(() => {\n    if (setActiveTabValue && Boolean(tabs?.length)) setActiveTabValue(value);\n    // eslint-disable-next-line\n  }, [tabs]);\n\n  return (\n    <Box>\n      <TabContext value={activeTabValue ?? value}>\n        <Box>\n          <TabList\n            className=\"account-payble-tabsui-wrap\"\n            onChange={handleChange}\n          >\n            {tabs.map((tab: TabItem) => (\n              <Tab\n                className=\"account-payble-tab-items\"\n                key={tab.tab_order}\n                label={\n                  onEditTabTitle && editableTabId === tab.tab_order ? (\n                    <TextField\n                      value={tab.title}\n                      autoFocus\n                      onBlur={() => setEditableTabId(null)}\n                      onChange={(e: any) =>\n                        handleEditTabTitle(e, tab.tab_order)\n                      }\n                    />\n                  ) : handleRemoveTab ? (\n                    <div className=\"Tabs--Title\">\n                      <div>{tab.title}</div>\n                      {!tab.remove_tab && (\n                        <CloseIcon\n                          style={{ fontSize: \"15px\", cursor: \"pointer\" }}\n                          onClick={() => {\n                            handleRemoveTab(tab.tab_order);\n                          }}\n                        />\n                      )}\n                    </div>\n                  ) : (\n                    <div className=\"text-display\">\n                      <img src={images.common[tab.tabIcon]} />\n                      {tab.title}\n                    </div>\n                  )\n                }\n                wrapped\n                onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n              />\n            ))}\n          </TabList>\n        </Box>\n        {tabs.map(\n          (tab: TabItem, index: number) =>\n            tab.content && (\n              <TabPanel value={index} key={tab.tab_order}>\n                {value === index && tab.content}\n              </TabPanel>\n            ),\n        )}\n      </TabContext>\n    </Box>\n  );\n}\n"],"names":["CloseIcon"],"mappings":";;;;;;;;;;;AA8BA,SAAwB,SAAS,OAAiB;AAChD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,IAAI;AACtE,QAAM,eAAe,CAAC,OAA6B,aAAqB;AACtE,aAAS,QAAQ;AACjB,yBAAqB,kBAAkB,QAAQ;AAC/C,uBAAmB,gBAAA;AAAA,EACrB;AAEA,QAAM,uBAAuB,CAAC,UAAkB;AAC9C,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,qBAAqB,CACzB,OACA,UACG;AACH,sBAAkB,eAAe,OAAO,MAAM,OAAO,KAAK;AAAA,EAC5D;AAEA,YAAU,MAAM;AACd,QAAI,qBAAqB,QAAQ,6BAAM,MAAM,qBAAqB,KAAK;AAAA,EAEzE,GAAG,CAAC,IAAI,CAAC;AAET,6BACG,KAAA,EACC,UAAA,qBAAC,YAAA,EAAW,OAAO,kBAAkB,OACnC,UAAA;AAAA,IAAA,oBAAC,KAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,UAAU;AAAA,QAET,UAAA,KAAK,IAAI,CAAC,QACT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YAEV,OACE,kBAAkB,kBAAkB,IAAI,YACtC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,IAAI;AAAA,gBACX,WAAS;AAAA,gBACT,QAAQ,MAAM,iBAAiB,IAAI;AAAA,gBACnC,UAAU,CAAC,MACT,mBAAmB,GAAG,IAAI,SAAS;AAAA,cAAA;AAAA,YAAA,IAGrC,kBACF,qBAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAK,cAAI,MAAA,CAAM;AAAA,cACf,CAAC,IAAI,cACJ;AAAA,gBAACA;AAAAA,gBAAA;AAAA,kBACC,OAAO,EAAE,UAAU,QAAQ,QAAQ,UAAA;AAAA,kBACnC,SAAS,MAAM;AACb,oCAAgB,IAAI,SAAS;AAAA,kBAC/B;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF,EAAA,CAEJ,IAEA,qBAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,cAAA,oBAAC,SAAI,KAAK,OAAO,OAAO,IAAI,OAAO,GAAG;AAAA,cACrC,IAAI;AAAA,YAAA,GACP;AAAA,YAGJ,SAAO;AAAA,YACP,eAAe,MAAM,qBAAqB,IAAI,SAAS;AAAA,UAAA;AAAA,UA/BlD,IAAI;AAAA,QAAA,CAiCZ;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACC,KAAK;AAAA,MACJ,CAAC,KAAc,UACb,IAAI,WACF,oBAAC,UAAA,EAAS,OAAO,OACd,UAAA,UAAU,SAAS,IAAI,QAAA,GADG,IAAI,SAEjC;AAAA,IAAA;AAAA,EAEN,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/tab-bar-ui/tab-bar-ui.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\n\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tab-bar-ui.scss\";\nimport TextField from \"../text-field/text-field\";\nimport images from \"../../assets/images\";\n\ninterface TabItem {\n  tab_order: number;\n  title: string;\n  content?: string | ReactNode;\n  data?: any;\n  remove_tab?: boolean;\n  tabIcon?: string;\n}\nexport interface ITabProps {\n  tabs: TabItem[];\n  activeTabValue?: number;\n  setActiveTabValue?: React.Dispatch<React.SetStateAction<number | undefined>>;\n  onEditTabTitle?: (tabId: number, newTitle: string) => void;\n  handleTabChange?: () => void;\n  handleRemoveTab?: (tabId: number) => void;\n}\n\nexport const TabBarUi = (props: TabProps) => {\n  const { tabs, onEditTabTitle, activeTabValue, setActiveTabValue, handleTabChange, handleRemoveTab } = props;\n  const [value, setValue] = useState(0);\n  const [editableTabId, setEditableTabId] = useState<number | null>(null);\n  const handleChange = (event: React.SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n    setActiveTabValue && setActiveTabValue(newValue);\n    handleTabChange && handleTabChange();\n  };\n\n  const handleTabDoubleClick = (tabId: number) => {\n    setEditableTabId(tabId);\n  };\n\n  const handleEditTabTitle = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    tabId: number,\n  ) => {\n    onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n  };\n\n  useEffect(() => {\n    if (setActiveTabValue && Boolean(tabs?.length)) setActiveTabValue(value);\n    // eslint-disable-next-line\n  }, [tabs]);\n\n  return (\n    <Box>\n      <TabContext value={activeTabValue ?? value}>\n        <Box>\n          <TabList\n            className=\"account-payble-tabsui-wrap\"\n            onChange={handleChange}\n          >\n            {tabs.map((tab: TabItem) => (\n              <Tab\n                className=\"account-payble-tab-items\"\n                key={tab.tab_order}\n                label={\n                  onEditTabTitle && editableTabId === tab.tab_order ? (\n                    <TextField\n                      value={tab.title}\n                      autoFocus\n                      onBlur={() => setEditableTabId(null)}\n                      onChange={(e: any) =>\n                        handleEditTabTitle(e, tab.tab_order)\n                      }\n                    />\n                  ) : handleRemoveTab ? (\n                    <div className=\"Tabs--Title\">\n                      <div>{tab.title}</div>\n                      {!tab.remove_tab && (\n                        <CloseIcon\n                          style={{ fontSize: \"15px\", cursor: \"pointer\" }}\n                          onClick={() => {\n                            handleRemoveTab(tab.tab_order);\n                          }}\n                        />\n                      )}\n                    </div>\n                  ) : (\n                    <div className=\"text-display\">\n                      <img src={images.common[tab.tabIcon]} />\n                      {tab.title}\n                    </div>\n                  )\n                }\n                wrapped\n                onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n              />\n            ))}\n          </TabList>\n        </Box>\n        {tabs.map(\n          (tab: TabItem, index: number) =>\n            tab.content && (\n              <TabPanel value={index} key={tab.tab_order}>\n                {value === index && tab.content}\n              </TabPanel>\n            ),\n        )}\n      </TabContext>\n    </Box>\n  );\n};\n\nexport default TabBarUi;\n"],"names":["CloseIcon"],"mappings":";;;;;;;;;;;AA8BO,MAAM,WAAW,CAAC,UAAoB;AAC3C,QAAM,EAAE,MAAM,gBAAgB,gBAAgB,mBAAmB,iBAAiB,oBAAoB;AACtG,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,IAAI;AACtE,QAAM,eAAe,CAAC,OAA6B,aAAqB;AACtE,aAAS,QAAQ;AACjB,yBAAqB,kBAAkB,QAAQ;AAC/C,uBAAmB,gBAAA;AAAA,EACrB;AAEA,QAAM,uBAAuB,CAAC,UAAkB;AAC9C,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,qBAAqB,CACzB,OACA,UACG;AACH,sBAAkB,eAAe,OAAO,MAAM,OAAO,KAAK;AAAA,EAC5D;AAEA,YAAU,MAAM;AACd,QAAI,qBAAqB,QAAQ,6BAAM,MAAM,qBAAqB,KAAK;AAAA,EAEzE,GAAG,CAAC,IAAI,CAAC;AAET,6BACG,KAAA,EACC,UAAA,qBAAC,YAAA,EAAW,OAAO,kBAAkB,OACnC,UAAA;AAAA,IAAA,oBAAC,KAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,UAAU;AAAA,QAET,UAAA,KAAK,IAAI,CAAC,QACT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YAEV,OACE,kBAAkB,kBAAkB,IAAI,YACtC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,IAAI;AAAA,gBACX,WAAS;AAAA,gBACT,QAAQ,MAAM,iBAAiB,IAAI;AAAA,gBACnC,UAAU,CAAC,MACT,mBAAmB,GAAG,IAAI,SAAS;AAAA,cAAA;AAAA,YAAA,IAGrC,kBACF,qBAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,cAAA,oBAAC,OAAA,EAAK,cAAI,MAAA,CAAM;AAAA,cACf,CAAC,IAAI,cACJ;AAAA,gBAACA;AAAAA,gBAAA;AAAA,kBACC,OAAO,EAAE,UAAU,QAAQ,QAAQ,UAAA;AAAA,kBACnC,SAAS,MAAM;AACb,oCAAgB,IAAI,SAAS;AAAA,kBAC/B;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF,EAAA,CAEJ,IAEA,qBAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,cAAA,oBAAC,SAAI,KAAK,OAAO,OAAO,IAAI,OAAO,GAAG;AAAA,cACrC,IAAI;AAAA,YAAA,GACP;AAAA,YAGJ,SAAO;AAAA,YACP,eAAe,MAAM,qBAAqB,IAAI,SAAS;AAAA,UAAA;AAAA,UA/BlD,IAAI;AAAA,QAAA,CAiCZ;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACC,KAAK;AAAA,MACJ,CAAC,KAAc,UACb,IAAI,WACF,oBAAC,UAAA,EAAS,OAAO,OACd,UAAA,UAAU,SAAS,IAAI,QAAA,GADG,IAAI,SAEjC;AAAA,IAAA;AAAA,EAEN,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/tab-bar-ui/tab-bar-ui/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=;/* empty css                                                     */;/* empty css                        */var r=,/* empty css                                 */i=,/* empty css                     */l=,/* empty css                                                 */s=,/* empty css                                                          */n=,/* empty css                                                    */u=,/* empty css                                                 */d=;/* empty css                                                      */exports.default=function(o){const{tabs:c,onEditTabTitle:b,activeTabValue:x,setActiveTabValue:m,handleTabChange:j,handleRemoveTab:v}=o,[T,f]=a.useState(0),[_,h]=a.useState(null);return a.useEffect(()=>{m&&Boolean(null==c?void 0:c.length)&&m(T)},[c]),/* @__PURE__ */e.jsx(l.default,{children:/* @__PURE__ */e.jsxs(s.default,{value:x??T,children:[
-/* @__PURE__ */e.jsx(l.default,{children:/* @__PURE__ */e.jsx(n.default,{className:"account-payble-tabsui-wrap",onChange:(e,a)=>{f(a),m&&m(a),j&&j()},children:c.map(a=>/* @__PURE__ */e.jsx(u.default,{className:"account-payble-tab-items",label:b&&_===a.tab_order?/* @__PURE__ */e.jsx(r.TextField,{value:a.title,autoFocus:!0,onBlur:()=>h(null),onChange:e=>{return t=e,r=a.tab_order,void(b&&b(r,t.target.value));var t,r}}):v?/* @__PURE__ */e.jsxs("div",{className:"Tabs--Title",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=;/* empty css                                                     */;/* empty css                        */var r=,/* empty css                                 */i=,/* empty css                     */l=,/* empty css                                                 */s=,/* empty css                                                          */n=,/* empty css                                                    */d=,/* empty css                                                 */u=;/* empty css                                                      */const o=o=>{const{tabs:b,onEditTabTitle:c,activeTabValue:x,setActiveTabValue:m,handleTabChange:j,handleRemoveTab:v}=o,[T,_]=a.useState(0),[f,h]=a.useState(null);return a.useEffect(()=>{m&&Boolean(null==b?void 0:b.length)&&m(T)},[b]),/* @__PURE__ */e.jsx(l.default,{children:/* @__PURE__ */e.jsxs(s.default,{value:x??T,children:[
+/* @__PURE__ */e.jsx(l.default,{children:/* @__PURE__ */e.jsx(n.default,{className:"account-payble-tabsui-wrap",onChange:(e,a)=>{_(a),m&&m(a),j&&j()},children:b.map(a=>/* @__PURE__ */e.jsx(d.default,{className:"account-payble-tab-items",label:c&&f===a.tab_order?/* @__PURE__ */e.jsx(r.TextField,{value:a.title,autoFocus:!0,onBlur:()=>h(null),onChange:e=>{return t=e,r=a.tab_order,void(c&&c(r,t.target.value));var t,r}}):v?/* @__PURE__ */e.jsxs("div",{className:"Tabs--Title",children:[
 /* @__PURE__ */e.jsx("div",{children:a.title}),!a.remove_tab&&/* @__PURE__ */e.jsx(t.default,{style:{fontSize:"15px",cursor:"pointer"},onClick:()=>{v(a.tab_order)}})]}):/* @__PURE__ */e.jsxs("div",{className:"text-display",children:[
-/* @__PURE__ */e.jsx("img",{src:i.images.common[a.tabIcon]}),a.title]}),wrapped:!0,onDoubleClick:()=>{return e=a.tab_order,void h(e);var e}},a.tab_order))})}),c.map((a,t)=>a.content&&/* @__PURE__ */e.jsx(d.default,{value:t,children:T===t&&a.content},a.tab_order))]})})};
+/* @__PURE__ */e.jsx("img",{src:i.images.common[a.tabIcon]}),a.title]}),wrapped:!0,onDoubleClick:()=>{return e=a.tab_order,void h(e);var e}},a.tab_order))})}),b.map((a,t)=>a.content&&/* @__PURE__ */e.jsx(u.default,{value:t,children:T===t&&a.content},a.tab_order))]})})};exports.TabBarUi=o,exports.default=o;
 //# sourceMappingURL=index.js.map

package/dist/components/tab-bar-ui/tab-bar-ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/tab-bar-ui/tab-bar-ui.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\n\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tab-bar-ui.scss\";\nimport TextField from \"../text-field/text-field\";\nimport images from \"../../assets/images\";\n\ninterface TabItem {\n  tab_order: number;\n  title: string;\n  content?: string | ReactNode;\n  data?: any;\n  remove_tab?: boolean;\n  tabIcon?: string;\n}\ninterface TabProps {\n  tabs: TabItem[];\n  activeTabValue?: number;\n  setActiveTabValue?: React.Dispatch<React.SetStateAction<number | undefined>>;\n  onEditTabTitle?: (tabId: number, newTitle: string) => void;\n  handleTabChange?: () => void;\n  handleRemoveTab?: (tabId: number) => void;\n}\n\nexport default function TabBarUi(props: TabProps) {\n  const {\n    tabs,\n    onEditTabTitle,\n    activeTabValue,\n    setActiveTabValue,\n    handleTabChange,\n    handleRemoveTab,\n  } = props;\n  const [value, setValue] = useState(0);\n  const [editableTabId, setEditableTabId] = useState<number | null>(null);\n  const handleChange = (event: React.SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n    setActiveTabValue && setActiveTabValue(newValue);\n    handleTabChange && handleTabChange();\n  };\n\n  const handleTabDoubleClick = (tabId: number) => {\n    setEditableTabId(tabId);\n  };\n\n  const handleEditTabTitle = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    tabId: number,\n  ) => {\n    onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n  };\n\n  useEffect(() => {\n    if (setActiveTabValue && Boolean(tabs?.length)) setActiveTabValue(value);\n    // eslint-disable-next-line\n  }, [tabs]);\n\n  return (\n    <Box>\n      <TabContext value={activeTabValue ?? value}>\n        <Box>\n          <TabList\n            className=\"account-payble-tabsui-wrap\"\n            onChange={handleChange}\n          >\n            {tabs.map((tab: TabItem) => (\n              <Tab\n                className=\"account-payble-tab-items\"\n                key={tab.tab_order}\n                label={\n                  onEditTabTitle && editableTabId === tab.tab_order ? (\n                    <TextField\n                      value={tab.title}\n                      autoFocus\n                      onBlur={() => setEditableTabId(null)}\n                      onChange={(e: any) =>\n                        handleEditTabTitle(e, tab.tab_order)\n                      }\n                    />\n                  ) : handleRemoveTab ? (\n                    <div className=\"Tabs--Title\">\n                      <div>{tab.title}</div>\n                      {!tab.remove_tab && (\n                        <CloseIcon\n                          style={{ fontSize: \"15px\", cursor: \"pointer\" }}\n                          onClick={() => {\n                            handleRemoveTab(tab.tab_order);\n                          }}\n                        />\n                      )}\n                    </div>\n                  ) : (\n                    <div className=\"text-display\">\n                      <img src={images.common[tab.tabIcon]} />\n                      {tab.title}\n                    </div>\n                  )\n                }\n                wrapped\n                onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n              />\n            ))}\n          </TabList>\n        </Box>\n        {tabs.map(\n          (tab: TabItem, index: number) =>\n            tab.content && (\n              <TabPanel value={index} key={tab.tab_order}>\n                {value === index && tab.content}\n              </TabPanel>\n            ),\n        )}\n      </TabContext>\n    </Box>\n  );\n}\n"],"names":["props","tabs","onEditTabTitle","activeTabValue","setActiveTabValue","handleTabChange","handleRemoveTab","value","setValue","useState","editableTabId","setEditableTabId","useEffect","Boolean","length","Box","children","jsxs","TabContext","jsx","TabList","className","onChange","event","newValue","map","tab","Tab","label","tab_order","TextField","title","autoFocus","onBlur","e","handleEditTabTitle","tabId","target","remove_tab","CloseIcon","style","fontSize","cursor","onClick","src","images","common","tabIcon","wrapped","onDoubleClick","handleTabDoubleClick","index","content","TabPanel"],"mappings":"8qBA8BA,SAAiCA,GAC/B,MAAMC,KACJA,EAAAC,eACAA,EAAAC,eACAA,EAAAC,kBACAA,EAAAC,gBACAA,EAAAC,gBACAA,GACEN,GACGO,EAAOC,GAAYC,EAAAA,SAAS,IAC5BC,EAAeC,GAAoBF,EAAAA,SAAwB,MAuBlE,OALAG,EAAAA,UAAU,KACJR,GAAqBS,QAAQ,MAAAZ,OAAA,EAAAA,EAAMa,WAA2BP,IAEjE,CAACN,yBAGDc,EAAAA,QAAA,CACCC,wBAAAC,EAAAA,KAACC,UAAA,CAAWX,MAAOJ,GAAkBI,EACnCS,SAAA;qBAACD,EAAAA,QAAA,CACCC,wBAAAG,EAAAA,IAACC,EAAAA,QAAA,CACCC,UAAU,6BACVC,SA5BW,CAACC,EAA6BC,KACjDhB,EAASgB,GACTpB,GAAqBA,EAAkBoB,GACvCnB,GAAmBA,KA2BVW,SAAAf,EAAKwB,IAAKC,kBACTP,EAAAA,IAACQ,EAAAA,QAAA,CACCN,UAAU,2BAEVO,MACE1B,GAAkBQ,IAAkBgB,EAAIG,yBACtCV,EAAAA,IAACW,EAAAA,UAAA,CACCvB,MAAOmB,EAAIK,MACXC,WAAS,EACTC,OAAQ,IAAMtB,EAAiB,MAC/BW,SAAWY,IACTC,OA9BpBZ,EA8BuCW,EA7BvCE,EA6B0CV,EAAIG,eA3B9C3B,GAAkBA,EAAekC,EAAOb,EAAMc,OAAO9B,QAJ5B,IACzBgB,EACAa,KAgCkB9B,iBACFW,EAAAA,KAAC,MAAA,CAAII,UAAU,cACbL,SAAA;iBAAAG,IAAC,MAAA,CAAKH,WAAIe,SACRL,EAAIY,2BACJnB,EAAAA,IAACoB,EAAAA,QAAA,CACCC,MAAO,CAAEC,SAAU,OAAQC,OAAQ,WACnCC,QAAS,KACPrC,EAAgBoB,EAAIG,gCAM5BZ,EAAAA,KAAC,MAAA,CAAII,UAAU,eACbL,SAAA;eAAAG,MAAC,OAAIyB,IAAKC,EAAAA,OAAOC,OAAOpB,EAAIqB,WAC3BrB,EAAIK,SAIXiB,SAAO,EACPC,cAAe,KAAMC,OA1DLd,EA0D0BV,EAAIG,eAzD1DlB,EAAiByB,GADU,IAACA,IA2BXV,EAAIG,gBAoChB5B,EAAKwB,IACJ,CAACC,EAAcyB,IACbzB,EAAI0B,wBACFjC,EAAAA,IAACkC,EAAAA,QAAA,CAAS9C,MAAO4C,EACdnC,SAAAT,IAAU4C,GAASzB,EAAI0B,SADG1B,EAAIG,gBAQ/C"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/tab-bar-ui/tab-bar-ui.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\n\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tab-bar-ui.scss\";\nimport TextField from \"../text-field/text-field\";\nimport images from \"../../assets/images\";\n\ninterface TabItem {\n  tab_order: number;\n  title: string;\n  content?: string | ReactNode;\n  data?: any;\n  remove_tab?: boolean;\n  tabIcon?: string;\n}\nexport interface ITabProps {\n  tabs: TabItem[];\n  activeTabValue?: number;\n  setActiveTabValue?: React.Dispatch<React.SetStateAction<number | undefined>>;\n  onEditTabTitle?: (tabId: number, newTitle: string) => void;\n  handleTabChange?: () => void;\n  handleRemoveTab?: (tabId: number) => void;\n}\n\nexport const TabBarUi = (props: TabProps) => {\n  const { tabs, onEditTabTitle, activeTabValue, setActiveTabValue, handleTabChange, handleRemoveTab } = props;\n  const [value, setValue] = useState(0);\n  const [editableTabId, setEditableTabId] = useState<number | null>(null);\n  const handleChange = (event: React.SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n    setActiveTabValue && setActiveTabValue(newValue);\n    handleTabChange && handleTabChange();\n  };\n\n  const handleTabDoubleClick = (tabId: number) => {\n    setEditableTabId(tabId);\n  };\n\n  const handleEditTabTitle = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    tabId: number,\n  ) => {\n    onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n  };\n\n  useEffect(() => {\n    if (setActiveTabValue && Boolean(tabs?.length)) setActiveTabValue(value);\n    // eslint-disable-next-line\n  }, [tabs]);\n\n  return (\n    <Box>\n      <TabContext value={activeTabValue ?? value}>\n        <Box>\n          <TabList\n            className=\"account-payble-tabsui-wrap\"\n            onChange={handleChange}\n          >\n            {tabs.map((tab: TabItem) => (\n              <Tab\n                className=\"account-payble-tab-items\"\n                key={tab.tab_order}\n                label={\n                  onEditTabTitle && editableTabId === tab.tab_order ? (\n                    <TextField\n                      value={tab.title}\n                      autoFocus\n                      onBlur={() => setEditableTabId(null)}\n                      onChange={(e: any) =>\n                        handleEditTabTitle(e, tab.tab_order)\n                      }\n                    />\n                  ) : handleRemoveTab ? (\n                    <div className=\"Tabs--Title\">\n                      <div>{tab.title}</div>\n                      {!tab.remove_tab && (\n                        <CloseIcon\n                          style={{ fontSize: \"15px\", cursor: \"pointer\" }}\n                          onClick={() => {\n                            handleRemoveTab(tab.tab_order);\n                          }}\n                        />\n                      )}\n                    </div>\n                  ) : (\n                    <div className=\"text-display\">\n                      <img src={images.common[tab.tabIcon]} />\n                      {tab.title}\n                    </div>\n                  )\n                }\n                wrapped\n                onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n              />\n            ))}\n          </TabList>\n        </Box>\n        {tabs.map(\n          (tab: TabItem, index: number) =>\n            tab.content && (\n              <TabPanel value={index} key={tab.tab_order}>\n                {value === index && tab.content}\n              </TabPanel>\n            ),\n        )}\n      </TabContext>\n    </Box>\n  );\n};\n\nexport default TabBarUi;\n"],"names":["TabBarUi","props","tabs","onEditTabTitle","activeTabValue","setActiveTabValue","handleTabChange","handleRemoveTab","value","setValue","useState","editableTabId","setEditableTabId","useEffect","Boolean","length","Box","children","jsxs","TabContext","jsx","TabList","className","onChange","event","newValue","map","tab","Tab","label","tab_order","TextField","title","autoFocus","onBlur","e","handleEditTabTitle","tabId","target","remove_tab","CloseIcon","style","fontSize","cursor","onClick","src","images","common","tabIcon","wrapped","onDoubleClick","handleTabDoubleClick","index","content","TabPanel"],"mappings":"8pBA8BO,MAAMA,EAAYC,IACvB,MAAMC,KAAEA,EAAAC,eAAMA,EAAAC,eAAgBA,oBAAgBC,EAAAC,gBAAmBA,EAAAC,gBAAiBA,GAAoBN,GAC/FO,EAAOC,GAAYC,EAAAA,SAAS,IAC5BC,EAAeC,GAAoBF,EAAAA,SAAwB,MAuBlE,OALAG,EAAAA,UAAU,KACJR,GAAqBS,QAAQ,MAAAZ,OAAA,EAAAA,EAAMa,WAA2BP,IAEjE,CAACN,yBAGDc,EAAAA,QAAA,CACCC,wBAAAC,EAAAA,KAACC,UAAA,CAAWX,MAAOJ,GAAkBI,EACnCS,SAAA;qBAACD,EAAAA,QAAA,CACCC,wBAAAG,EAAAA,IAACC,EAAAA,QAAA,CACCC,UAAU,6BACVC,SA5BW,CAACC,EAA6BC,KACjDhB,EAASgB,GACTpB,GAAqBA,EAAkBoB,GACvCnB,GAAmBA,KA2BVW,SAAAf,EAAKwB,IAAKC,kBACTP,EAAAA,IAACQ,EAAAA,QAAA,CACCN,UAAU,2BAEVO,MACE1B,GAAkBQ,IAAkBgB,EAAIG,yBACtCV,EAAAA,IAACW,EAAAA,UAAA,CACCvB,MAAOmB,EAAIK,MACXC,WAAS,EACTC,OAAQ,IAAMtB,EAAiB,MAC/BW,SAAWY,IACTC,OA9BpBZ,EA8BuCW,EA7BvCE,EA6B0CV,EAAIG,eA3B9C3B,GAAkBA,EAAekC,EAAOb,EAAMc,OAAO9B,QAJ5B,IACzBgB,EACAa,KAgCkB9B,iBACFW,EAAAA,KAAC,MAAA,CAAII,UAAU,cACbL,SAAA;iBAAAG,IAAC,MAAA,CAAKH,WAAIe,SACRL,EAAIY,2BACJnB,EAAAA,IAACoB,EAAAA,QAAA,CACCC,MAAO,CAAEC,SAAU,OAAQC,OAAQ,WACnCC,QAAS,KACPrC,EAAgBoB,EAAIG,gCAM5BZ,EAAAA,KAAC,MAAA,CAAII,UAAU,eACbL,SAAA;eAAAG,MAAC,OAAIyB,IAAKC,EAAAA,OAAOC,OAAOpB,EAAIqB,WAC3BrB,EAAIK,SAIXiB,SAAO,EACPC,cAAe,KAAMC,OA1DLd,EA0D0BV,EAAIG,eAzD1DlB,EAAiByB,GADU,IAACA,IA2BXV,EAAIG,gBAoChB5B,EAAKwB,IACJ,CAACC,EAAcyB,IACbzB,EAAI0B,wBACFjC,EAAAA,IAACkC,EAAAA,QAAA,CAAS9C,MAAO4C,EACdnC,SAAAT,IAAU4C,GAASzB,EAAI0B,SADG1B,EAAIG"}

package/dist/components/tab-bar-ui/tab-bar-ui.d.ts

@@ -8,7 +8,7 @@ interface TabItem {
     remove_tab?: boolean;
     tabIcon?: string;
 }
-interface TabProps {
+export interface ITabProps {
     tabs: TabItem[];
     activeTabValue?: number;
     setActiveTabValue?: React.Dispatch<React.SetStateAction<number | undefined>>;
@@ -16,5 +16,5 @@ interface TabProps {
     handleTabChange?: () => void;
     handleRemoveTab?: (tabId: number) => void;
 }
-export default function TabBarUi(props: TabProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const TabBarUi: (props: TabProps) => import("react/jsx-runtime").JSX.Element;
+export default TabBarUi;

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

@@ -11,7 +11,7 @@ import TabList from "../../../node_modules/@mui/lab/TabList/TabList/index.esm.js
 import Tab from "../../../node_modules/@mui/material/Tab/Tab/index.esm.js";
 import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
 import TabPanel from "../../../node_modules/@mui/lab/TabPanel/TabPanel/index.esm.js";
-function TabBar(props) {
+const TabBar = (props) => {
   const { t } = useTranslation();
   const {
     tabs,
@@ -68,8 +68,9 @@ function TabBar(props) {
       (tab, index) => tab.content && /* @__PURE__ */ jsx(TabPanel, { value: index.toString(), children: value === index && tab.content }, tab.tab_order)
     )
   ] }) });
-}
+};
 export {
+  TabBar,
   TabBar as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/tabs/tabs/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/tabs/tabs.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box, IconButton } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tabs.scss\";\nimport TextField from \"../text-field/text-field\";\nimport { useTranslation } from \"react-i18next\";\nimport Typography from \"../typography/typography\";\n\ninterface TabItem {\n  tab_order: number;\n  title: string;\n  content?: string | ReactNode;\n  data?: any;\n  remove_tab?: boolean;\n}\nexport interface TabProps {\n  tabs: TabItem[];\n  activeValue?: number;\n  setActiveValue?: React.Dispatch<React.SetStateAction<number | undefined>>;\n  onEditTabTitle?: (tabId: number, newTitle: string) => void;\n  handleTabChange?: () => void;\n  handleRemoveTab?: (tabId: number) => void;\n  isFormTabValid?: boolean ;\n  isTabViewOnly?: boolean;\n  activeTabs?: any[] ;\n  setActiveTabs?: React.Dispatch<React.SetStateAction<number | undefined>>;\n  containerProps?: any;\n}\n\nexport default function TabBar(props: TabProps) {\n  const { t } = useTranslation();\n  const {\n    tabs,\n    onEditTabTitle,\n    activeValue,\n    setActiveValue,\n    handleTabChange,\n    handleRemoveTab,\n    // isFormTabValid ,  \n    isTabViewOnly,\n    activeTabs, \n    containerProps\n  } = props; \n  \n  const [value, setValue] = useState<number>(activeValue || 0);\n  const [editableTabId, setEditableTabId] = useState<number | null>(null);\n  useEffect(()=>{\n    activeValue && setValue(activeValue);\n\t} , [activeValue])\n\n  const handleChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n    setActiveValue && setActiveValue(newValue);\n    handleTabChange && handleTabChange();\n  };\n\n  const handleTabDoubleClick = (tabId: number) => {\n    setEditableTabId(tabId);\n  };\n\n  const handleEditTabTitle = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    tabId: number,\n  ) => {\n    onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n  };\n\n  // useEffect(() => {\n  //   if (setActiveValue && Boolean(tabs?.length)) setActiveValue(value);\n  //   // eslint-disable-next-line\n  // }, [tabs]);\n\n  return (\n    <Box mb={2} {...containerProps}>\n      <TabContext value={activeValue ?? value }>\n        <Box>\n          <TabList className=\"account-payble-tabs-wrap\" onChange={handleChange} variant=\"scrollable\" scrollButtons=\"auto\" aria-label=\"scrollable tabs\" sx={{ overflowX: 'auto', maxWidth: '100%' }}>\n            {tabs.map((tab: TabItem, index: any) => (\n              <Tab\n                className=\"account-payble-tab-items\"\n                key={tab.tab_order}\n              \n                label={\n                  <Box display='flex' alignItems='center'>\n                    {\n                        onEditTabTitle && editableTabId === tab.tab_order ? (\n                          <TextField\n                            value={tab.title}\n                            autoFocus\n                            onBlur={() => setEditableTabId(null)}\n                            onChange={(e: any) =>\n                              handleEditTabTitle(e, tab.tab_order)\n                            }\n                          />\n                        ) : handleRemoveTab ? (\n                          <div className=\"Tabs--Title\">\n                            <Typography color='theme.secondary.1000' type='s3'>{t(tab.title)}</Typography>\n                            {!tab.remove_tab && (\n                              <IconButton size=\"small\" onClick={(e) => {\n                                e.preventDefault();\n                                e.stopPropagation();\n                                handleRemoveTab(tab.tab_order);\n                              }}>\n                                <CloseIcon style={{ fontSize: \"15px\", cursor: \"pointer\" }}/>\n                              </IconButton>\n                            )}\n                          </div>\n                        ) : (\n                          <Typography color='theme.secondary.1000' type='s3'>{t(tab.title)}</Typography>\n                        )\n                    }\n                  </Box>\n                }\n                wrapped\n                onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n              />\n            ))}\n          </TabList>\n        </Box>\n        {tabs.map(\n          (tab: TabItem, index: number) =>\n            tab.content && (\n              <TabPanel value={index.toString()} key={tab.tab_order}>\n                {value === index && tab.content}\n              </TabPanel>\n            ),\n        )}\n      </TabContext>\n    </Box>\n  );\n}\n"],"names":["CloseIcon"],"mappings":";;;;;;;;;;;;;AAoCA,SAAwB,OAAO,OAAiB;AAC9C,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAIA;AAAA,EAAA,IACE;AAEJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,eAAe,CAAC;AAC3D,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,IAAI;AACtE,YAAU,MAAI;AACZ,mBAAe,SAAS,WAAW;AAAA,EACtC,GAAI,CAAC,WAAW,CAAC;AAEhB,QAAM,eAAe,CAAC,QAA8B,aAAqB;AACvE,aAAS,QAAQ;AACjB,sBAAkB,eAAe,QAAQ;AACzC,uBAAmB,gBAAA;AAAA,EACrB;AAEA,QAAM,uBAAuB,CAAC,UAAkB;AAC9C,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,qBAAqB,CACzB,OACA,UACG;AACH,sBAAkB,eAAe,OAAO,MAAM,OAAO,KAAK;AAAA,EAC5D;AAOA,SACE,oBAAC,KAAA,EAAI,IAAI,GAAI,GAAG,gBACd,UAAA,qBAAC,YAAA,EAAW,OAAO,eAAe,OAChC,UAAA;AAAA,IAAA,oBAAC,KAAA,EACC,UAAA,oBAAC,SAAA,EAAQ,WAAU,4BAA2B,UAAU,cAAc,SAAQ,cAAa,eAAc,QAAO,cAAW,mBAAkB,IAAI,EAAE,WAAW,QAAQ,UAAU,UAC7K,UAAA,KAAK,IAAI,CAAC,KAAc,UACvB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QAGV,OACE,oBAAC,KAAA,EAAI,SAAQ,QAAO,YAAW,UAEzB,UAAA,kBAAkB,kBAAkB,IAAI,YACtC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,IAAI;AAAA,YACX,WAAS;AAAA,YACT,QAAQ,MAAM,iBAAiB,IAAI;AAAA,YACnC,UAAU,CAAC,MACT,mBAAmB,GAAG,IAAI,SAAS;AAAA,UAAA;AAAA,QAAA,IAGrC,kBACF,qBAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAM,UAAA,EAAE,IAAI,KAAK,EAAA,CAAE;AAAA,UAChE,CAAC,IAAI,cACJ,oBAAC,cAAW,MAAK,SAAQ,SAAS,CAAC,MAAM;AACvC,cAAE,eAAA;AACF,cAAE,gBAAA;AACF,4BAAgB,IAAI,SAAS;AAAA,UAC/B,GACE,UAAA,oBAACA,WAAA,EAAU,OAAO,EAAE,UAAU,QAAQ,QAAQ,UAAA,EAAU,CAAE,EAAA,CAC5D;AAAA,QAAA,EAAA,CAEJ,IAEA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAM,UAAA,EAAE,IAAI,KAAK,EAAA,CAAE,EAAA,CAGzE;AAAA,QAEF,SAAO;AAAA,QACP,eAAe,MAAM,qBAAqB,IAAI,SAAS;AAAA,MAAA;AAAA,MAlClD,IAAI;AAAA,IAAA,CAoCZ,GACH,EAAA,CACF;AAAA,IACC,KAAK;AAAA,MACJ,CAAC,KAAc,UACb,IAAI,+BACD,UAAA,EAAS,OAAO,MAAM,SAAA,GACpB,UAAA,UAAU,SAAS,IAAI,QAAA,GADc,IAAI,SAE5C;AAAA,IAAA;AAAA,EAEN,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/tabs/tabs.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box, IconButton } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tabs.scss\";\nimport TextField from \"../text-field/text-field\";\nimport { useTranslation } from \"react-i18next\";\nimport Typography from \"../typography/typography\";\n\ninterface TabItem {\n  tab_order: number;\n  title: string;\n  content?: string | ReactNode;\n  data?: any;\n  remove_tab?: boolean;\n}\nexport interface TabProps {\n  tabs: TabItem[];\n  activeValue?: number;\n  setActiveValue?: React.Dispatch<React.SetStateAction<number | undefined>>;\n  onEditTabTitle?: (tabId: number, newTitle: string) => void;\n  handleTabChange?: () => void;\n  handleRemoveTab?: (tabId: number) => void;\n  isFormTabValid?: boolean ;\n  isTabViewOnly?: boolean;\n  activeTabs?: any[] ;\n  setActiveTabs?: React.Dispatch<React.SetStateAction<number | undefined>>;\n  containerProps?: any;\n}\n\nexport const TabBar = (props: TabProps) => {\n  const { t } = useTranslation();\n  const {\n    tabs,\n    onEditTabTitle,\n    activeValue,\n    setActiveValue,\n    handleTabChange,\n    handleRemoveTab,\n    // isFormTabValid ,  \n    isTabViewOnly,\n    activeTabs, \n    containerProps\n  } = props; \n  \n  const [value, setValue] = useState<number>(activeValue || 0);\n  const [editableTabId, setEditableTabId] = useState<number | null>(null);\n  useEffect(()=>{\n    activeValue && setValue(activeValue);\n\t} , [activeValue])\n\n  const handleChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n    setActiveValue && setActiveValue(newValue);\n    handleTabChange && handleTabChange();\n  };\n\n  const handleTabDoubleClick = (tabId: number) => {\n    setEditableTabId(tabId);\n  };\n\n  const handleEditTabTitle = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    tabId: number,\n  ) => {\n    onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n  };\n\n  // useEffect(() => {\n  //   if (setActiveValue && Boolean(tabs?.length)) setActiveValue(value);\n  //   // eslint-disable-next-line\n  // }, [tabs]);\n\n  return (\n    <Box mb={2} {...containerProps}>\n      <TabContext value={activeValue ?? value }>\n        <Box>\n          <TabList className=\"account-payble-tabs-wrap\" onChange={handleChange} variant=\"scrollable\" scrollButtons=\"auto\" aria-label=\"scrollable tabs\" sx={{ overflowX: 'auto', maxWidth: '100%' }}>\n            {tabs.map((tab: TabItem, index: any) => (\n              <Tab\n                className=\"account-payble-tab-items\"\n                key={tab.tab_order}\n              \n                label={\n                  <Box display='flex' alignItems='center'>\n                    {\n                        onEditTabTitle && editableTabId === tab.tab_order ? (\n                          <TextField\n                            value={tab.title}\n                            autoFocus\n                            onBlur={() => setEditableTabId(null)}\n                            onChange={(e: any) =>\n                              handleEditTabTitle(e, tab.tab_order)\n                            }\n                          />\n                        ) : handleRemoveTab ? (\n                          <div className=\"Tabs--Title\">\n                            <Typography color='theme.secondary.1000' type='s3'>{t(tab.title)}</Typography>\n                            {!tab.remove_tab && (\n                              <IconButton size=\"small\" onClick={(e) => {\n                                e.preventDefault();\n                                e.stopPropagation();\n                                handleRemoveTab(tab.tab_order);\n                              }}>\n                                <CloseIcon style={{ fontSize: \"15px\", cursor: \"pointer\" }}/>\n                              </IconButton>\n                            )}\n                          </div>\n                        ) : (\n                          <Typography color='theme.secondary.1000' type='s3'>{t(tab.title)}</Typography>\n                        )\n                    }\n                  </Box>\n                }\n                wrapped\n                onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n              />\n            ))}\n          </TabList>\n        </Box>\n        {tabs.map(\n          (tab: TabItem, index: number) =>\n            tab.content && (\n              <TabPanel value={index.toString()} key={tab.tab_order}>\n                {value === index && tab.content}\n              </TabPanel>\n            ),\n        )}\n      </TabContext>\n    </Box>\n  );\n}\n\nexport default TabBar;"],"names":["CloseIcon"],"mappings":";;;;;;;;;;;;;AAoCO,MAAM,SAAS,CAAC,UAAoB;AACzC,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAIA;AAAA,EAAA,IACE;AAEJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,eAAe,CAAC;AAC3D,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,IAAI;AACtE,YAAU,MAAI;AACZ,mBAAe,SAAS,WAAW;AAAA,EACtC,GAAI,CAAC,WAAW,CAAC;AAEhB,QAAM,eAAe,CAAC,QAA8B,aAAqB;AACvE,aAAS,QAAQ;AACjB,sBAAkB,eAAe,QAAQ;AACzC,uBAAmB,gBAAA;AAAA,EACrB;AAEA,QAAM,uBAAuB,CAAC,UAAkB;AAC9C,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,qBAAqB,CACzB,OACA,UACG;AACH,sBAAkB,eAAe,OAAO,MAAM,OAAO,KAAK;AAAA,EAC5D;AAOA,SACE,oBAAC,KAAA,EAAI,IAAI,GAAI,GAAG,gBACd,UAAA,qBAAC,YAAA,EAAW,OAAO,eAAe,OAChC,UAAA;AAAA,IAAA,oBAAC,KAAA,EACC,UAAA,oBAAC,SAAA,EAAQ,WAAU,4BAA2B,UAAU,cAAc,SAAQ,cAAa,eAAc,QAAO,cAAW,mBAAkB,IAAI,EAAE,WAAW,QAAQ,UAAU,UAC7K,UAAA,KAAK,IAAI,CAAC,KAAc,UACvB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QAGV,OACE,oBAAC,KAAA,EAAI,SAAQ,QAAO,YAAW,UAEzB,UAAA,kBAAkB,kBAAkB,IAAI,YACtC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,IAAI;AAAA,YACX,WAAS;AAAA,YACT,QAAQ,MAAM,iBAAiB,IAAI;AAAA,YACnC,UAAU,CAAC,MACT,mBAAmB,GAAG,IAAI,SAAS;AAAA,UAAA;AAAA,QAAA,IAGrC,kBACF,qBAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAM,UAAA,EAAE,IAAI,KAAK,EAAA,CAAE;AAAA,UAChE,CAAC,IAAI,cACJ,oBAAC,cAAW,MAAK,SAAQ,SAAS,CAAC,MAAM;AACvC,cAAE,eAAA;AACF,cAAE,gBAAA;AACF,4BAAgB,IAAI,SAAS;AAAA,UAC/B,GACE,UAAA,oBAACA,WAAA,EAAU,OAAO,EAAE,UAAU,QAAQ,QAAQ,UAAA,EAAU,CAAE,EAAA,CAC5D;AAAA,QAAA,EAAA,CAEJ,IAEA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAM,UAAA,EAAE,IAAI,KAAK,EAAA,CAAE,EAAA,CAGzE;AAAA,QAEF,SAAO;AAAA,QACP,eAAe,MAAM,qBAAqB,IAAI,SAAS;AAAA,MAAA;AAAA,MAlClD,IAAI;AAAA,IAAA,CAoCZ,GACH,EAAA,CACF;AAAA,IACC,KAAK;AAAA,MACJ,CAAC,KAAc,UACb,IAAI,+BACD,UAAA,EAAS,OAAO,MAAM,SAAA,GACpB,UAAA,UAAU,SAAS,IAAI,QAAA,GADc,IAAI,SAE5C;AAAA,IAAA;AAAA,EAEN,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/tabs/tabs/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=;/* empty css                                                     */;/* empty css                  */var r=,/* empty css                                 */l=require("react-i18next"),s=,/* empty css                                 */i=,/* empty css                                                 */o=,/* empty css                                                          */n=,/* empty css                                                    */u=,/* empty css                                                 */d=,/* empty css                                                               */c=;/* empty css                                                      */exports.default=function(x){const{t:b}=l.useTranslation(),{tabs:m,onEditTabTitle:p,activeValue:j,setActiveValue:h,handleTabChange:f,handleRemoveTab:v,containerProps:T}=x,[y,_]=a.useState(j||0),[q,g]=a.useState(null);return a.useEffect(()=>{j&&_(j)},[j]),/* @__PURE__ */e.jsx(i.default,{mb:2,...T,children:/* @__PURE__ */e.jsxs(o.default,{value:j??y,children:[
-/* @__PURE__ */e.jsx(i.default,{children:/* @__PURE__ */e.jsx(n.default,{className:"account-payble-tabs-wrap",onChange:(e,a)=>{_(a),h&&h(a),f&&f()},variant:"scrollable",scrollButtons:"auto","aria-label":"scrollable tabs",sx:{overflowX:"auto",maxWidth:"100%"},children:m.map((a,l)=>/* @__PURE__ */e.jsx(u.default,{className:"account-payble-tab-items",label:/* @__PURE__ */e.jsx(i.default,{display:"flex",alignItems:"center",children:p&&q===a.tab_order?/* @__PURE__ */e.jsx(r.TextField,{value:a.title,autoFocus:!0,onBlur:()=>g(null),onChange:e=>{return t=e,r=a.tab_order,void(p&&p(r,t.target.value));var t,r}}):v?/* @__PURE__ */e.jsxs("div",{className:"Tabs--Title",children:[
-/* @__PURE__ */e.jsx(s.Typography,{color:"theme.secondary.1000",type:"s3",children:b(a.title)}),!a.remove_tab&&/* @__PURE__ */e.jsx(d.default,{size:"small",onClick:e=>{e.preventDefault(),e.stopPropagation(),v(a.tab_order)},children:/* @__PURE__ */e.jsx(t.default,{style:{fontSize:"15px",cursor:"pointer"}})})]}):/* @__PURE__ */e.jsx(s.Typography,{color:"theme.secondary.1000",type:"s3",children:b(a.title)})}),wrapped:!0,onDoubleClick:()=>{return e=a.tab_order,void g(e);var e}},a.tab_order))})}),m.map((a,t)=>a.content&&/* @__PURE__ */e.jsx(c.default,{value:t.toString(),children:y===t&&a.content},a.tab_order))]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=;/* empty css                                                     */;/* empty css                  */var r=,/* empty css                                 */l=require("react-i18next"),s=,/* empty css                                 */o=,/* empty css                                                 */i=,/* empty css                                                          */n=,/* empty css                                                    */u=,/* empty css                                                 */d=,/* empty css                                                               */c=;/* empty css                                                      */const x=x=>{const{t:b}=l.useTranslation(),{tabs:m,onEditTabTitle:p,activeValue:j,setActiveValue:h,handleTabChange:f,handleRemoveTab:v,containerProps:T}=x,[y,_]=a.useState(j||0),[q,g]=a.useState(null);return a.useEffect(()=>{j&&_(j)},[j]),/* @__PURE__ */e.jsx(o.default,{mb:2,...T,children:/* @__PURE__ */e.jsxs(i.default,{value:j??y,children:[
+/* @__PURE__ */e.jsx(o.default,{children:/* @__PURE__ */e.jsx(n.default,{className:"account-payble-tabs-wrap",onChange:(e,a)=>{_(a),h&&h(a),f&&f()},variant:"scrollable",scrollButtons:"auto","aria-label":"scrollable tabs",sx:{overflowX:"auto",maxWidth:"100%"},children:m.map((a,l)=>/* @__PURE__ */e.jsx(u.default,{className:"account-payble-tab-items",label:/* @__PURE__ */e.jsx(o.default,{display:"flex",alignItems:"center",children:p&&q===a.tab_order?/* @__PURE__ */e.jsx(r.TextField,{value:a.title,autoFocus:!0,onBlur:()=>g(null),onChange:e=>{return t=e,r=a.tab_order,void(p&&p(r,t.target.value));var t,r}}):v?/* @__PURE__ */e.jsxs("div",{className:"Tabs--Title",children:[
+/* @__PURE__ */e.jsx(s.Typography,{color:"theme.secondary.1000",type:"s3",children:b(a.title)}),!a.remove_tab&&/* @__PURE__ */e.jsx(d.default,{size:"small",onClick:e=>{e.preventDefault(),e.stopPropagation(),v(a.tab_order)},children:/* @__PURE__ */e.jsx(t.default,{style:{fontSize:"15px",cursor:"pointer"}})})]}):/* @__PURE__ */e.jsx(s.Typography,{color:"theme.secondary.1000",type:"s3",children:b(a.title)})}),wrapped:!0,onDoubleClick:()=>{return e=a.tab_order,void g(e);var e}},a.tab_order))})}),m.map((a,t)=>a.content&&/* @__PURE__ */e.jsx(c.default,{value:t.toString(),children:y===t&&a.content},a.tab_order))]})})};exports.TabBar=x,exports.default=x;
 //# sourceMappingURL=index.js.map

package/dist/components/tabs/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/tabs/tabs.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box, IconButton } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tabs.scss\";\nimport TextField from \"../text-field/text-field\";\nimport { useTranslation } from \"react-i18next\";\nimport Typography from \"../typography/typography\";\n\ninterface TabItem {\n  tab_order: number;\n  title: string;\n  content?: string | ReactNode;\n  data?: any;\n  remove_tab?: boolean;\n}\nexport interface TabProps {\n  tabs: TabItem[];\n  activeValue?: number;\n  setActiveValue?: React.Dispatch<React.SetStateAction<number | undefined>>;\n  onEditTabTitle?: (tabId: number, newTitle: string) => void;\n  handleTabChange?: () => void;\n  handleRemoveTab?: (tabId: number) => void;\n  isFormTabValid?: boolean ;\n  isTabViewOnly?: boolean;\n  activeTabs?: any[] ;\n  setActiveTabs?: React.Dispatch<React.SetStateAction<number | undefined>>;\n  containerProps?: any;\n}\n\nexport default function TabBar(props: TabProps) {\n  const { t } = useTranslation();\n  const {\n    tabs,\n    onEditTabTitle,\n    activeValue,\n    setActiveValue,\n    handleTabChange,\n    handleRemoveTab,\n    // isFormTabValid ,  \n    isTabViewOnly,\n    activeTabs, \n    containerProps\n  } = props; \n  \n  const [value, setValue] = useState<number>(activeValue || 0);\n  const [editableTabId, setEditableTabId] = useState<number | null>(null);\n  useEffect(()=>{\n    activeValue && setValue(activeValue);\n\t} , [activeValue])\n\n  const handleChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n    setActiveValue && setActiveValue(newValue);\n    handleTabChange && handleTabChange();\n  };\n\n  const handleTabDoubleClick = (tabId: number) => {\n    setEditableTabId(tabId);\n  };\n\n  const handleEditTabTitle = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    tabId: number,\n  ) => {\n    onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n  };\n\n  // useEffect(() => {\n  //   if (setActiveValue && Boolean(tabs?.length)) setActiveValue(value);\n  //   // eslint-disable-next-line\n  // }, [tabs]);\n\n  return (\n    <Box mb={2} {...containerProps}>\n      <TabContext value={activeValue ?? value }>\n        <Box>\n          <TabList className=\"account-payble-tabs-wrap\" onChange={handleChange} variant=\"scrollable\" scrollButtons=\"auto\" aria-label=\"scrollable tabs\" sx={{ overflowX: 'auto', maxWidth: '100%' }}>\n            {tabs.map((tab: TabItem, index: any) => (\n              <Tab\n                className=\"account-payble-tab-items\"\n                key={tab.tab_order}\n              \n                label={\n                  <Box display='flex' alignItems='center'>\n                    {\n                        onEditTabTitle && editableTabId === tab.tab_order ? (\n                          <TextField\n                            value={tab.title}\n                            autoFocus\n                            onBlur={() => setEditableTabId(null)}\n                            onChange={(e: any) =>\n                              handleEditTabTitle(e, tab.tab_order)\n                            }\n                          />\n                        ) : handleRemoveTab ? (\n                          <div className=\"Tabs--Title\">\n                            <Typography color='theme.secondary.1000' type='s3'>{t(tab.title)}</Typography>\n                            {!tab.remove_tab && (\n                              <IconButton size=\"small\" onClick={(e) => {\n                                e.preventDefault();\n                                e.stopPropagation();\n                                handleRemoveTab(tab.tab_order);\n                              }}>\n                                <CloseIcon style={{ fontSize: \"15px\", cursor: \"pointer\" }}/>\n                              </IconButton>\n                            )}\n                          </div>\n                        ) : (\n                          <Typography color='theme.secondary.1000' type='s3'>{t(tab.title)}</Typography>\n                        )\n                    }\n                  </Box>\n                }\n                wrapped\n                onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n              />\n            ))}\n          </TabList>\n        </Box>\n        {tabs.map(\n          (tab: TabItem, index: number) =>\n            tab.content && (\n              <TabPanel value={index.toString()} key={tab.tab_order}>\n                {value === index && tab.content}\n              </TabPanel>\n            ),\n        )}\n      </TabContext>\n    </Box>\n  );\n}\n"],"names":["props","t","useTranslation","tabs","onEditTabTitle","activeValue","setActiveValue","handleTabChange","handleRemoveTab","containerProps","value","setValue","useState","editableTabId","setEditableTabId","useEffect","jsx","Box","mb","children","jsxs","TabContext","TabList","className","onChange","_event","newValue","variant","scrollButtons","sx","overflowX","maxWidth","map","tab","index","Tab","label","display","alignItems","tab_order","TextField","title","autoFocus","onBlur","e","handleEditTabTitle","event","tabId","target","Typography","color","type","remove_tab","IconButton","size","onClick","preventDefault","stopPropagation","CloseIcon","style","fontSize","cursor","wrapped","onDoubleClick","handleTabDoubleClick","content","TabPanel","toString"],"mappings":"+xBAoCA,SAA+BA,GAC7B,MAAMC,EAAEA,GAAMC,oBACRC,KACJA,EAAAC,eACAA,EAAAC,YACAA,EAAAC,eACAA,EAAAC,gBACAA,EAAAC,gBACAA,EAAAC,eAIAA,GACET,GAEGU,EAAOC,GAAYC,EAAAA,SAAiBP,GAAe,IACnDQ,EAAeC,GAAoBF,EAAAA,SAAwB,MA2BlE,OA1BAG,EAAAA,UAAU,KACRV,GAAeM,EAASN,IACvB,CAACA,qBAyBFW,IAACC,EAAAA,QAAA,CAAIC,GAAI,KAAOT,EACdU,wBAAAC,EAAAA,KAACC,EAAAA,QAAA,CAAWX,MAAOL,GAAeK,EAChCS,SAAA;eAAAH,EAAAA,IAACC,EAAAA,QAAA,CACCE,wBAAAH,EAAAA,IAACM,EAAAA,QAAA,CAAQC,UAAU,2BAA2BC,SA1BjC,CAACC,EAA8BC,KAClDf,EAASe,GACTpB,GAAkBA,EAAeoB,GACjCnB,GAAmBA,KAuByDoB,QAAQ,aAAaC,cAAc,OAAO,aAAW,kBAAkBC,GAAI,CAAEC,UAAW,OAAQC,SAAU,QAC7KZ,SAAAhB,EAAK6B,IAAI,CAACC,EAAcC,mBACvBlB,EAAAA,IAACmB,EAAAA,QAAA,CACCZ,UAAU,2BAGVa,qBACEpB,EAAAA,IAACC,EAAAA,QAAA,CAAIoB,QAAQ,OAAOC,WAAW,SAEzBnB,SAAAf,GAAkBS,IAAkBoB,EAAIM,yBACtCvB,EAAAA,IAACwB,EAAAA,UAAA,CACC9B,MAAOuB,EAAIQ,MACXC,WAAS,EACTC,OAAQ,IAAM7B,EAAiB,MAC/BU,SAAWoB,IACTC,OA9B1BC,EA8B6CF,EA7B7CG,EA6BgDd,EAAIM,eA3BpDnC,GAAkBA,EAAe2C,EAAOD,EAAME,OAAOtC,QAJ5B,IACzBoC,EACAC,KAgCwBvC,iBACFY,EAAAA,KAAC,MAAA,CAAIG,UAAU,cACbJ,SAAA;eAAAH,EAAAA,IAACiC,EAAAA,WAAA,CAAWC,MAAM,uBAAuBC,KAAK,KAAMhC,SAAAlB,EAAEgC,EAAIQ,UACxDR,EAAImB,2BACJpC,EAAAA,IAACqC,EAAAA,SAAWC,KAAK,QAAQC,QAAUX,IACjCA,EAAEY,iBACFZ,EAAEa,kBACFjD,EAAgByB,EAAIM,YAEpBpB,wBAAAH,MAAC0C,EAAAA,QAAA,CAAUC,MAAO,CAAEC,SAAU,OAAQC,OAAQ,mCAKpD7C,IAACiC,EAAAA,WAAA,CAAWC,MAAM,uBAAuBC,KAAK,KAAMhC,SAAAlB,EAAEgC,EAAIQ,WAKpEqB,SAAO,EACPC,cAAe,KAAMC,OA1DLjB,EA0D0Bd,EAAIM,eAzD1DzB,EAAiBiC,GADU,IAACA,IAwBXd,EAAIM,gBAuChBpC,EAAK6B,IACJ,CAACC,EAAcC,IACbD,EAAIgC,8BACDC,EAAAA,QAAA,CAASxD,MAAOwB,EAAMiC,WACpBhD,SAAAT,IAAUwB,GAASD,EAAIgC,SADchC,EAAIM,gBAQ1D"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/tabs/tabs.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { Box, IconButton } from \"@mui/material\";\nimport Tab from \"@mui/material/Tab\";\nimport TabContext from \"@mui/lab/TabContext\";\nimport TabList from \"@mui/lab/TabList\";\nimport TabPanel from \"@mui/lab/TabPanel\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nimport \"./tabs.scss\";\nimport TextField from \"../text-field/text-field\";\nimport { useTranslation } from \"react-i18next\";\nimport Typography from \"../typography/typography\";\n\ninterface TabItem {\n  tab_order: number;\n  title: string;\n  content?: string | ReactNode;\n  data?: any;\n  remove_tab?: boolean;\n}\nexport interface TabProps {\n  tabs: TabItem[];\n  activeValue?: number;\n  setActiveValue?: React.Dispatch<React.SetStateAction<number | undefined>>;\n  onEditTabTitle?: (tabId: number, newTitle: string) => void;\n  handleTabChange?: () => void;\n  handleRemoveTab?: (tabId: number) => void;\n  isFormTabValid?: boolean ;\n  isTabViewOnly?: boolean;\n  activeTabs?: any[] ;\n  setActiveTabs?: React.Dispatch<React.SetStateAction<number | undefined>>;\n  containerProps?: any;\n}\n\nexport const TabBar = (props: TabProps) => {\n  const { t } = useTranslation();\n  const {\n    tabs,\n    onEditTabTitle,\n    activeValue,\n    setActiveValue,\n    handleTabChange,\n    handleRemoveTab,\n    // isFormTabValid ,  \n    isTabViewOnly,\n    activeTabs, \n    containerProps\n  } = props; \n  \n  const [value, setValue] = useState<number>(activeValue || 0);\n  const [editableTabId, setEditableTabId] = useState<number | null>(null);\n  useEffect(()=>{\n    activeValue && setValue(activeValue);\n\t} , [activeValue])\n\n  const handleChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n    setActiveValue && setActiveValue(newValue);\n    handleTabChange && handleTabChange();\n  };\n\n  const handleTabDoubleClick = (tabId: number) => {\n    setEditableTabId(tabId);\n  };\n\n  const handleEditTabTitle = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    tabId: number,\n  ) => {\n    onEditTabTitle && onEditTabTitle(tabId, event.target.value);\n  };\n\n  // useEffect(() => {\n  //   if (setActiveValue && Boolean(tabs?.length)) setActiveValue(value);\n  //   // eslint-disable-next-line\n  // }, [tabs]);\n\n  return (\n    <Box mb={2} {...containerProps}>\n      <TabContext value={activeValue ?? value }>\n        <Box>\n          <TabList className=\"account-payble-tabs-wrap\" onChange={handleChange} variant=\"scrollable\" scrollButtons=\"auto\" aria-label=\"scrollable tabs\" sx={{ overflowX: 'auto', maxWidth: '100%' }}>\n            {tabs.map((tab: TabItem, index: any) => (\n              <Tab\n                className=\"account-payble-tab-items\"\n                key={tab.tab_order}\n              \n                label={\n                  <Box display='flex' alignItems='center'>\n                    {\n                        onEditTabTitle && editableTabId === tab.tab_order ? (\n                          <TextField\n                            value={tab.title}\n                            autoFocus\n                            onBlur={() => setEditableTabId(null)}\n                            onChange={(e: any) =>\n                              handleEditTabTitle(e, tab.tab_order)\n                            }\n                          />\n                        ) : handleRemoveTab ? (\n                          <div className=\"Tabs--Title\">\n                            <Typography color='theme.secondary.1000' type='s3'>{t(tab.title)}</Typography>\n                            {!tab.remove_tab && (\n                              <IconButton size=\"small\" onClick={(e) => {\n                                e.preventDefault();\n                                e.stopPropagation();\n                                handleRemoveTab(tab.tab_order);\n                              }}>\n                                <CloseIcon style={{ fontSize: \"15px\", cursor: \"pointer\" }}/>\n                              </IconButton>\n                            )}\n                          </div>\n                        ) : (\n                          <Typography color='theme.secondary.1000' type='s3'>{t(tab.title)}</Typography>\n                        )\n                    }\n                  </Box>\n                }\n                wrapped\n                onDoubleClick={() => handleTabDoubleClick(tab.tab_order)}\n              />\n            ))}\n          </TabList>\n        </Box>\n        {tabs.map(\n          (tab: TabItem, index: number) =>\n            tab.content && (\n              <TabPanel value={index.toString()} key={tab.tab_order}>\n                {value === index && tab.content}\n              </TabPanel>\n            ),\n        )}\n      </TabContext>\n    </Box>\n  );\n}\n\nexport default TabBar;"],"names":["TabBar","props","t","useTranslation","tabs","onEditTabTitle","activeValue","setActiveValue","handleTabChange","handleRemoveTab","containerProps","value","setValue","useState","editableTabId","setEditableTabId","useEffect","jsx","Box","mb","children","jsxs","TabContext","TabList","className","onChange","_event","newValue","variant","scrollButtons","sx","overflowX","maxWidth","map","tab","index","Tab","label","display","alignItems","tab_order","TextField","title","autoFocus","onBlur","e","handleEditTabTitle","event","tabId","target","Typography","color","type","remove_tab","IconButton","size","onClick","preventDefault","stopPropagation","CloseIcon","style","fontSize","cursor","wrapped","onDoubleClick","handleTabDoubleClick","content","TabPanel","toString"],"mappings":"+wBAoCO,MAAMA,EAAUC,IACrB,MAAMC,EAAEA,GAAMC,oBACRC,KACJA,EAAAC,eACAA,EAAAC,YACAA,EAAAC,eACAA,EAAAC,gBACAA,EAAAC,gBACAA,EAAAC,eAIAA,GACET,GAEGU,EAAOC,GAAYC,EAAAA,SAAiBP,GAAe,IACnDQ,EAAeC,GAAoBF,EAAAA,SAAwB,MA2BlE,OA1BAG,EAAAA,UAAU,KACRV,GAAeM,EAASN,IACvB,CAACA,qBAyBFW,IAACC,EAAAA,QAAA,CAAIC,GAAI,KAAOT,EACdU,wBAAAC,EAAAA,KAACC,EAAAA,QAAA,CAAWX,MAAOL,GAAeK,EAChCS,SAAA;eAAAH,EAAAA,IAACC,EAAAA,QAAA,CACCE,wBAAAH,EAAAA,IAACM,EAAAA,QAAA,CAAQC,UAAU,2BAA2BC,SA1BjC,CAACC,EAA8BC,KAClDf,EAASe,GACTpB,GAAkBA,EAAeoB,GACjCnB,GAAmBA,KAuByDoB,QAAQ,aAAaC,cAAc,OAAO,aAAW,kBAAkBC,GAAI,CAAEC,UAAW,OAAQC,SAAU,QAC7KZ,SAAAhB,EAAK6B,IAAI,CAACC,EAAcC,mBACvBlB,EAAAA,IAACmB,EAAAA,QAAA,CACCZ,UAAU,2BAGVa,qBACEpB,EAAAA,IAACC,EAAAA,QAAA,CAAIoB,QAAQ,OAAOC,WAAW,SAEzBnB,SAAAf,GAAkBS,IAAkBoB,EAAIM,yBACtCvB,EAAAA,IAACwB,EAAAA,UAAA,CACC9B,MAAOuB,EAAIQ,MACXC,WAAS,EACTC,OAAQ,IAAM7B,EAAiB,MAC/BU,SAAWoB,IACTC,OA9B1BC,EA8B6CF,EA7B7CG,EA6BgDd,EAAIM,eA3BpDnC,GAAkBA,EAAe2C,EAAOD,EAAME,OAAOtC,QAJ5B,IACzBoC,EACAC,KAgCwBvC,iBACFY,EAAAA,KAAC,MAAA,CAAIG,UAAU,cACbJ,SAAA;eAAAH,EAAAA,IAACiC,EAAAA,WAAA,CAAWC,MAAM,uBAAuBC,KAAK,KAAMhC,SAAAlB,EAAEgC,EAAIQ,UACxDR,EAAImB,2BACJpC,EAAAA,IAACqC,EAAAA,SAAWC,KAAK,QAAQC,QAAUX,IACjCA,EAAEY,iBACFZ,EAAEa,kBACFjD,EAAgByB,EAAIM,YAEpBpB,wBAAAH,MAAC0C,EAAAA,QAAA,CAAUC,MAAO,CAAEC,SAAU,OAAQC,OAAQ,mCAKpD7C,IAACiC,EAAAA,WAAA,CAAWC,MAAM,uBAAuBC,KAAK,KAAMhC,SAAAlB,EAAEgC,EAAIQ,WAKpEqB,SAAO,EACPC,cAAe,KAAMC,OA1DLjB,EA0D0Bd,EAAIM,eAzD1DzB,EAAiBiC,GADU,IAACA,IAwBXd,EAAIM,gBAuChBpC,EAAK6B,IACJ,CAACC,EAAcC,IACbD,EAAIgC,8BACDC,EAAAA,QAAA,CAASxD,MAAOwB,EAAMiC,WACpBhD,SAAAT,IAAUwB,GAASD,EAAIgC,SADchC,EAAIM"}

package/dist/components/tabs/tabs.d.ts

@@ -20,5 +20,5 @@ export interface TabProps {
     setActiveTabs?: React.Dispatch<React.SetStateAction<number | undefined>>;
     containerProps?: any;
 }
-export default function TabBar(props: TabProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const TabBar: (props: TabProps) => import("react/jsx-runtime").JSX.Element;
+export default TabBar;

package/dist/hooks/index.esm.js

@@ -4,9 +4,9 @@ import { default as default2 } from "./use-deep-memo/index.esm.js";
 import { getAvailableSteelTypes, getAvailableTubeTypes, useMaterialCalculations, validateFormValues } from "./use-material-calculations/index.esm.js";
 import { usePages } from "./use-pages/index.esm.js";
 import { usePermissions } from "./use-permissions/index.esm.js";
-import { default as default3 } from "./use-translations/index.esm.js";
+import { useAppTranslations } from "./use-translations/index.esm.js";
 import { useAuth } from "./useAuth/index.esm.js";
-import { default as default4 } from "./useCheckSkuAndName/index.esm.js";
+import { useNameSkuUniquenessCheck } from "./useCheckSkuAndName/index.esm.js";
 import { useDataFetcher } from "./useDataFetcher/index.esm.js";
 import { useLanguage } from "./useLangauge/index.esm.js";
 import { useLanguageFallback, useLanguageState } from "./useLanguageFallback/index.esm.js";
@@ -26,7 +26,7 @@ export {
   recursiveSort,
   removeExtraKeys,
   sortData,
-  default3 as useAppTranslations,
+  useAppTranslations,
   useAuth,
   useDataFetcher,
   default2 as useDeepMemo,
@@ -36,7 +36,7 @@ export {
   useLocationFilter,
   useMaterialCalculations,
   useMultipleLocationFilters,
-  default4 as useNameSkuUniquenessCheck,
+  useNameSkuUniquenessCheck,
   usePages,
   usePermissions,
   useReduxIntegration,

package/dist/hooks/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./apiHelper/index.js"),s=require("./common/index.js"),r=require("./use-deep-memo/index.js"),t=require("./use-material-calculations/index.js"),a=require("./use-pages/index.js"),u=require("./use-permissions/index.js"),i=require("./use-translations/index.js"),o=require("./useAuth/index.js"),l=require("./useCheckSkuAndName/index.js"),p=require("./useDataFetcher/index.js"),n=require("./useLangauge/index.js"),x=require("./useLanguageFallback/index.js"),c=require("./useLocationFilter/index.js"),d=require("./useReduxIntegration/index.js");exports.apiHelper=e.apiHelper,exports.apiType=s.apiType,exports.capitalizeWords=s.capitalizeWords,exports.convertEmptyToNull=s.convertEmptyToNull,exports.defaultUserCurrency=s.defaultUserCurrency,exports.formatNumber=s.formatNumber,exports.formatTime=s.formatTime,exports.formateDate=s.formateDate,exports.recursiveSort=s.recursiveSort,exports.removeExtraKeys=s.removeExtraKeys,exports.sortData=s.sortData,exports.valueWithCurrency=s.valueWithCurrency,exports.useDeepMemo=r.default,exports.getAvailableSteelTypes=t.getAvailableSteelTypes,exports.getAvailableTubeTypes=t.getAvailableTubeTypes,exports.useMaterialCalculations=t.useMaterialCalculations,exports.validateFormValues=t.validateFormValues,exports.usePages=a.usePages,exports.usePermissions=u.usePermissions,exports.useAppTranslations=i.default,exports.useAuth=o.useAuth,exports.useNameSkuUniquenessCheck=l.default,exports.useDataFetcher=p.useDataFetcher,exports.useLanguage=n.useLanguage,exports.useLanguageFallback=x.useLanguageFallback,exports.useLanguageState=x.useLanguageState,exports.useLocationFilter=c.useLocationFilter,exports.useMultipleLocationFilters=c.useMultipleLocationFilters,exports.useReduxIntegration=d.useReduxIntegration;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./apiHelper/index.js"),s=require("./common/index.js"),r=require("./use-deep-memo/index.js"),t=require("./use-material-calculations/index.js"),a=require("./use-pages/index.js"),u=require("./use-permissions/index.js"),i=require("./use-translations/index.js"),o=require("./useAuth/index.js"),p=require("./useCheckSkuAndName/index.js"),n=require("./useDataFetcher/index.js"),l=require("./useLangauge/index.js"),x=require("./useLanguageFallback/index.js"),c=require("./useLocationFilter/index.js"),d=require("./useReduxIntegration/index.js");exports.apiHelper=e.apiHelper,exports.apiType=s.apiType,exports.capitalizeWords=s.capitalizeWords,exports.convertEmptyToNull=s.convertEmptyToNull,exports.defaultUserCurrency=s.defaultUserCurrency,exports.formatNumber=s.formatNumber,exports.formatTime=s.formatTime,exports.formateDate=s.formateDate,exports.recursiveSort=s.recursiveSort,exports.removeExtraKeys=s.removeExtraKeys,exports.sortData=s.sortData,exports.valueWithCurrency=s.valueWithCurrency,exports.useDeepMemo=r.default,exports.getAvailableSteelTypes=t.getAvailableSteelTypes,exports.getAvailableTubeTypes=t.getAvailableTubeTypes,exports.useMaterialCalculations=t.useMaterialCalculations,exports.validateFormValues=t.validateFormValues,exports.usePages=a.usePages,exports.usePermissions=u.usePermissions,exports.useAppTranslations=i.useAppTranslations,exports.useAuth=o.useAuth,exports.useNameSkuUniquenessCheck=p.useNameSkuUniquenessCheck,exports.useDataFetcher=n.useDataFetcher,exports.useLanguage=l.useLanguage,exports.useLanguageFallback=x.useLanguageFallback,exports.useLanguageState=x.useLanguageState,exports.useLocationFilter=c.useLocationFilter,exports.useMultipleLocationFilters=c.useMultipleLocationFilters,exports.useReduxIntegration=d.useReduxIntegration;
 //# sourceMappingURL=index.js.map

package/dist/hooks/use-translations/index.esm.js

@@ -6,7 +6,7 @@ import modules from "../../constants/modules/index.esm.js";
 let globalLastLoadedModules = "";
 let globalIsLoading = false;
 let globalInitialLoad = true;
-function useAppTranslations() {
+const useAppTranslations = () => {
   const [isLoading, setIsLoading] = useState(globalInitialLoad);
   const location = useLocation();
   const { t } = useTranslation();
@@ -50,8 +50,9 @@ function useAppTranslations() {
     }
   }, [location.pathname, t]);
   return { isLoading };
-}
+};
 export {
-  useAppTranslations as default
+  useAppTranslations as default,
+  useAppTranslations
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/hooks/use-translations/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/hooks/use-translations.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { useLocation } from 'react-router-dom'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { loadModuleTranslations } from '../utils/translations'\r\nimport modules from '../constants/modules'\r\n\r\n// Global state to prevent duplicate calls across all hook instances\r\nlet globalLastLoadedModules = ''\r\nlet globalIsLoading = false\r\nlet globalInitialLoad = true\r\n\r\nexport default function useAppTranslations() {\r\n\tconst [isLoading, setIsLoading] = useState(globalInitialLoad)\r\n\tconst location = useLocation()\r\n\tconst { t } = useTranslation()\r\n\r\n\tuseEffect(() => {\r\n\t\tconst erpModules = modules(t)\r\n\t\tconst currentPath = location.pathname.toLowerCase()\r\n\r\n\t\tconst matchedModule = erpModules.find(\r\n\t\t\t(mod) =>\r\n\t\t\t\tmod.link.toLowerCase() === currentPath ||\r\n\t\t\t\tmod.connectedRoutes?.some((route: string) => currentPath.startsWith(route.toLowerCase()))\r\n\t\t)\r\n\r\n\t\tlet modulesToLoad: string[] = []\r\n\r\n\t\tif (matchedModule?.translationModule) {\r\n\t\t\tmodulesToLoad = [...matchedModule.translationModule, 'common']\r\n\t\t} else if (!matchedModule && currentPath === '/dashboard') {\r\n\t\t\tmodulesToLoad = ['common']\r\n\t\t}\r\n\r\n\t\tif (modulesToLoad.length > 0) {\r\n\t\t\tconst moduleKey = [...modulesToLoad].sort().join(',')\r\n\r\n\t\t\t// Skip if same modules are already loaded or currently loading\r\n\t\t\tif (globalLastLoadedModules === moduleKey || globalIsLoading) {\r\n\t\t\t\tif (globalInitialLoad) {\r\n\t\t\t\t\tsetIsLoading(false)\r\n\t\t\t\t\tglobalInitialLoad = false\r\n\t\t\t\t}\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\r\n\t\t\tglobalIsLoading = true\r\n\t\t\tglobalLastLoadedModules = moduleKey\r\n\t\t\tsetIsLoading(true)\r\n\r\n\t\t\tloadModuleTranslations(modulesToLoad).finally(() => {\r\n\t\t\t\tglobalIsLoading = false\r\n\t\t\t\tsetIsLoading(false)\r\n\t\t\t\tglobalInitialLoad = false\r\n\t\t\t})\r\n\t\t} else {\r\n\t\t\t// No modules to load, but still need to handle initial load state\r\n\t\t\tif (globalInitialLoad) {\r\n\t\t\t\tsetIsLoading(false)\r\n\t\t\t\tglobalInitialLoad = false\r\n\t\t\t}\r\n\t\t}\r\n\t}, [location.pathname, t])\r\n\r\n\treturn { isLoading }\r\n}\r\n"],"names":[],"mappings":";;;;;AAOA,IAAI,0BAA0B;AAC9B,IAAI,kBAAkB;AACtB,IAAI,oBAAoB;AAExB,SAAwB,qBAAqB;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,iBAAiB;AAC5D,QAAM,WAAW,YAAA;AACjB,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,YAAU,MAAM;AACf,UAAM,aAAa,QAAQ,CAAC;AAC5B,UAAM,cAAc,SAAS,SAAS,YAAA;AAEtC,UAAM,gBAAgB,WAAW;AAAA,MAChC,CAAC,QAAA;;AACA,mBAAI,KAAK,YAAA,MAAkB,iBAC3B,SAAI,oBAAJ,mBAAqB,KAAK,CAAC,UAAkB,YAAY,WAAW,MAAM,aAAa;AAAA;AAAA,IAAC;AAG1F,QAAI,gBAA0B,CAAA;AAE9B,QAAI,+CAAe,mBAAmB;AACrC,sBAAgB,CAAC,GAAG,cAAc,mBAAmB,QAAQ;AAAA,IAC9D,WAAW,CAAC,iBAAiB,gBAAgB,cAAc;AAC1D,sBAAgB,CAAC,QAAQ;AAAA,IAC1B;AAEA,QAAI,cAAc,SAAS,GAAG;AAC7B,YAAM,YAAY,CAAC,GAAG,aAAa,EAAE,KAAA,EAAO,KAAK,GAAG;AAGpD,UAAI,4BAA4B,aAAa,iBAAiB;AAC7D,YAAI,mBAAmB;AACtB,uBAAa,KAAK;AAClB,8BAAoB;AAAA,QACrB;AACA;AAAA,MACD;AAEA,wBAAkB;AAClB,gCAA0B;AAC1B,mBAAa,IAAI;AAEjB,6BAAuB,aAAa,EAAE,QAAQ,MAAM;AACnD,0BAAkB;AAClB,qBAAa,KAAK;AAClB,4BAAoB;AAAA,MACrB,CAAC;AAAA,IACF,OAAO;AAEN,UAAI,mBAAmB;AACtB,qBAAa,KAAK;AAClB,4BAAoB;AAAA,MACrB;AAAA,IACD;AAAA,EACD,GAAG,CAAC,SAAS,UAAU,CAAC,CAAC;AAEzB,SAAO,EAAE,UAAA;AACV;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/hooks/use-translations.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { useLocation } from 'react-router-dom'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { loadModuleTranslations } from '../utils/translations'\r\nimport modules from '../constants/modules'\r\n\r\n// Global state to prevent duplicate calls across all hook instances\r\nlet globalLastLoadedModules = ''\r\nlet globalIsLoading = false\r\nlet globalInitialLoad = true\r\n\r\nexport const useAppTranslations = () => {\r\n\tconst [isLoading, setIsLoading] = useState(globalInitialLoad)\r\n\tconst location = useLocation()\r\n\tconst { t } = useTranslation()\r\n\r\n\tuseEffect(() => {\r\n\t\tconst erpModules = modules(t)\r\n\t\tconst currentPath = location.pathname.toLowerCase()\r\n\r\n\t\tconst matchedModule = erpModules.find(\r\n\t\t\t(mod) =>\r\n\t\t\t\tmod.link.toLowerCase() === currentPath ||\r\n\t\t\t\tmod.connectedRoutes?.some((route: string) => currentPath.startsWith(route.toLowerCase()))\r\n\t\t)\r\n\r\n\t\tlet modulesToLoad: string[] = []\r\n\r\n\t\tif (matchedModule?.translationModule) {\r\n\t\t\tmodulesToLoad = [...matchedModule.translationModule, 'common']\r\n\t\t} else if (!matchedModule && currentPath === '/dashboard') {\r\n\t\t\tmodulesToLoad = ['common']\r\n\t\t}\r\n\r\n\t\tif (modulesToLoad.length > 0) {\r\n\t\t\tconst moduleKey = [...modulesToLoad].sort().join(',')\r\n\r\n\t\t\t// Skip if same modules are already loaded or currently loading\r\n\t\t\tif (globalLastLoadedModules === moduleKey || globalIsLoading) {\r\n\t\t\t\tif (globalInitialLoad) {\r\n\t\t\t\t\tsetIsLoading(false)\r\n\t\t\t\t\tglobalInitialLoad = false\r\n\t\t\t\t}\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\r\n\t\t\tglobalIsLoading = true\r\n\t\t\tglobalLastLoadedModules = moduleKey\r\n\t\t\tsetIsLoading(true)\r\n\r\n\t\t\tloadModuleTranslations(modulesToLoad).finally(() => {\r\n\t\t\t\tglobalIsLoading = false\r\n\t\t\t\tsetIsLoading(false)\r\n\t\t\t\tglobalInitialLoad = false\r\n\t\t\t})\r\n\t\t} else {\r\n\t\t\t// No modules to load, but still need to handle initial load state\r\n\t\t\tif (globalInitialLoad) {\r\n\t\t\t\tsetIsLoading(false)\r\n\t\t\t\tglobalInitialLoad = false\r\n\t\t\t}\r\n\t\t}\r\n\t}, [location.pathname, t])\r\n\r\n\treturn { isLoading }\r\n};\r\n\r\nexport default useAppTranslations;\r\n"],"names":[],"mappings":";;;;;AAOA,IAAI,0BAA0B;AAC9B,IAAI,kBAAkB;AACtB,IAAI,oBAAoB;AAEjB,MAAM,qBAAqB,MAAM;AACvC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,iBAAiB;AAC5D,QAAM,WAAW,YAAA;AACjB,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,YAAU,MAAM;AACf,UAAM,aAAa,QAAQ,CAAC;AAC5B,UAAM,cAAc,SAAS,SAAS,YAAA;AAEtC,UAAM,gBAAgB,WAAW;AAAA,MAChC,CAAC,QAAA;;AACA,mBAAI,KAAK,YAAA,MAAkB,iBAC3B,SAAI,oBAAJ,mBAAqB,KAAK,CAAC,UAAkB,YAAY,WAAW,MAAM,aAAa;AAAA;AAAA,IAAC;AAG1F,QAAI,gBAA0B,CAAA;AAE9B,QAAI,+CAAe,mBAAmB;AACrC,sBAAgB,CAAC,GAAG,cAAc,mBAAmB,QAAQ;AAAA,IAC9D,WAAW,CAAC,iBAAiB,gBAAgB,cAAc;AAC1D,sBAAgB,CAAC,QAAQ;AAAA,IAC1B;AAEA,QAAI,cAAc,SAAS,GAAG;AAC7B,YAAM,YAAY,CAAC,GAAG,aAAa,EAAE,KAAA,EAAO,KAAK,GAAG;AAGpD,UAAI,4BAA4B,aAAa,iBAAiB;AAC7D,YAAI,mBAAmB;AACtB,uBAAa,KAAK;AAClB,8BAAoB;AAAA,QACrB;AACA;AAAA,MACD;AAEA,wBAAkB;AAClB,gCAA0B;AAC1B,mBAAa,IAAI;AAEjB,6BAAuB,aAAa,EAAE,QAAQ,MAAM;AACnD,0BAAkB;AAClB,qBAAa,KAAK;AAClB,4BAAoB;AAAA,MACrB,CAAC;AAAA,IACF,OAAO;AAEN,UAAI,mBAAmB;AACtB,qBAAa,KAAK;AAClB,4BAAoB;AAAA,MACrB;AAAA,IACD;AAAA,EACD,GAAG,CAAC,SAAS,UAAU,CAAC,CAAC;AAEzB,SAAO,EAAE,UAAA;AACV;"}

package/dist/hooks/use-translations/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-router-dom"),o=require("react-i18next"),n=require("../../utils/translations/index.js"),r=require("../../constants/modules/index.js");let s="",a=!1,i=!0;exports.default=function(){const[u,l]=e.useState(i),d=t.useLocation(),{t:c}=o.useTranslation();return e.useEffect(()=>{const e=r.default(c),t=d.pathname.toLowerCase(),o=e.find(e=>{var o;return e.link.toLowerCase()===t||(null==(o=e.connectedRoutes)?void 0:o.some(e=>t.startsWith(e.toLowerCase())))});let u=[];if((null==o?void 0:o.translationModule)?u=[...o.translationModule,"common"]:o||"/dashboard"!==t||(u=["common"]),u.length>0){const e=[...u].sort().join(",");if(s===e||a)return void(i&&(l(!1),i=!1));a=!0,s=e,l(!0),n.loadModuleTranslations(u).finally(()=>{a=!1,l(!1),i=!1})}else i&&(l(!1),i=!1)},[d.pathname,c]),{isLoading:u}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-router-dom"),o=require("react-i18next"),r=require("../../utils/translations/index.js"),s=require("../../constants/modules/index.js");let n="",a=!1,i=!0;const l=()=>{const[l,u]=e.useState(i),d=t.useLocation(),{t:c}=o.useTranslation();return e.useEffect(()=>{const e=s.default(c),t=d.pathname.toLowerCase(),o=e.find(e=>{var o;return e.link.toLowerCase()===t||(null==(o=e.connectedRoutes)?void 0:o.some(e=>t.startsWith(e.toLowerCase())))});let l=[];if((null==o?void 0:o.translationModule)?l=[...o.translationModule,"common"]:o||"/dashboard"!==t||(l=["common"]),l.length>0){const e=[...l].sort().join(",");if(n===e||a)return void(i&&(u(!1),i=!1));a=!0,n=e,u(!0),r.loadModuleTranslations(l).finally(()=>{a=!1,u(!1),i=!1})}else i&&(u(!1),i=!1)},[d.pathname,c]),{isLoading:l}};exports.default=l,exports.useAppTranslations=l;
 //# sourceMappingURL=index.js.map