npm - @erpsquad/common - Versions diffs - 1.8.45 → 1.8.47 - Mend

@erpsquad/common 1.8.45 → 1.8.47

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

Files changed (1314) hide show

package/dist/components/custom-snackbar/custom-snackbar/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/custom-snackbar/custom-snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarContent, useSnackbar } from 'notistack';\nimport { Avatar, Box, IconButton } from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { useNavigate } from 'react-router-dom';\nimport { Notification } from '../icons';\nimport Typography from '../typography/typography';\nimport images from '../../assets/images';\nimport \"./custom-snackbar.scss\"\n\ninterface CustomSnackbarProps {\n message: string;\n variant?: 'default' \| 'error' \| 'success' \| 'warning' \| 'info';\n linkUrl?: string;\n snackbarKey: string \| number;\n}\n\nconst mainModuleIcons = {\n rbac: images.user,\n document: images.document,\n 'accounts-and-finance': images.accounting,\n inventory: images.inventory,\n manufacturing: images.manufacturing,\n sales: images.crm,\n rental: images.rental,\n user: images.user,\n purchase: images.procurement,\n hrms: images.hrms\n}\nconst mainModuleBgColors = {\n rbac: '#F3E5F5',\n document: '#FFF8E1',\n 'accounts-and-finance': '#E8F5E8',\n inventory: '#E3F2FD',\n manufacturing: '#FFF3E0',\n sales: '#F3E5F5',\n rental: '#E8F5E8',\n user: '#F3E5F5',\n purchase: '#FCE4EC',\n hrms: '#fcfcfc'\n}\n\nconst CustomSnackbar = React.forwardRef<HTMLDivElement, CustomSnackbarProps>(\n ({ message, variant = 'default', linkUrl, snackbarKey, data }, ref) => {\n\n console.log(\"🚀 ~ data:: >>\", data)\n const { closeSnackbar } = useSnackbar();\n const navigate = useNavigate();\n\n const backgroundColorMap: Record<string, string> = {\n success: '#f0fdf4',\n error: '#fef2f2',\n warning: '#fff7ed',\n info: '#eff6ff',\n default: '#fff',\n };\n\n const textColorMap: Record<string, string> = {\n success: '#166534',\n error: '#991b1b',\n warning: '#92400e',\n info: '#1e40af',\n default: '#27272a',\n };\n\n const handleClick = () => {\n if (linkUrl) navigate(linkUrl);\n closeSnackbar(snackbarKey);\n };\n\n const handleCloseClick = (e: React.MouseEvent) => {\n e.stopPropagation(); // Prevent triggering link\n closeSnackbar(snackbarKey);\n };\n\n return (\n <SnackbarContent\n ref={ref}\n style={{\n backgroundColor: backgroundColorMap[variant],\n color: textColorMap[variant],\n }}\n className='SnackBar'\n onClick={handleClick}\n >\n <Box display=\"flex\" alignItems=\"center\" p={2} position=\"relative\" gap={2} width='100%'>\n {mainModuleIcons?.[data.module] ?\n <Avatar sx={{ \n width: 45, \n height: 45, \n fontSize: '0.875rem',\n bgcolor: mainModuleBgColors[data.module] \|\| 'primary.main',\n color: 'white',\n borderRadius: '8px',\n '& img': { \n width: '35px', \n height: '35px', \n objectFit: 'contain'\n }\n }} src={mainModuleIcons?.[data.module]} /> :\n <Notification\n style={{\n color: textColorMap[variant],\n marginTop: 2,\n }}\n />\n }\n <Box display=\"flex\" alignItems=\"center\" width='100%'>\n <Box flex=\"1\">\n <Typography type='h5' color={'inherit'} weight='bold'>\n New Notification\n </Typography>\n <Typography type='s3' mt={0.5} color={'inherit'}>\n {message}\n </Typography>\n </Box>\n\n <IconButton\n size=\"small\"\n onClick={handleCloseClick}\n // style={{\n // position: 'absolute',\n // top: 4,\n // right: 4,\n // color: textColorMap[variant],\n // }}\n >\n <CloseIcon fontSize=\"small\" />\n </IconButton>\n </Box>\n </Box>\n </SnackbarContent>\n );\n }\n);\n\nexport default CustomSnackbar;\n"],"names":["React","CloseIcon"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/custom-snackbar/custom-snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarContent, useSnackbar } from 'notistack';\nimport { Avatar, Box, IconButton } from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { useNavigate } from 'react-router-dom';\nimport { Notification } from '../icons';\nimport Typography from '../typography/typography';\nimport images from '../../assets/images';\nimport \"./custom-snackbar.scss\"\n\ninterface CustomSnackbarProps {\n message: string;\n variant?: 'default' \| 'error' \| 'success' \| 'warning' \| 'info';\n linkUrl?: string;\n snackbarKey: string \| number;\n}\n\nconst mainModuleIcons = {\n rbac: images.user,\n document: images.document,\n 'accounts-and-finance': images.accounting,\n inventory: images.inventory,\n manufacturing: images.manufacturing,\n sales: images.crm,\n rental: images.rental,\n user: images.user,\n purchase: images.procurement,\n hrms: images.hrms\n}\nconst mainModuleBgColors = {\n rbac: '#F3E5F5',\n document: '#FFF8E1',\n 'accounts-and-finance': '#E8F5E8',\n inventory: '#E3F2FD',\n manufacturing: '#FFF3E0',\n sales: '#F3E5F5',\n rental: '#E8F5E8',\n user: '#F3E5F5',\n purchase: '#FCE4EC',\n hrms: '#fcfcfc'\n}\n\nconst CustomSnackbar = React.forwardRef<HTMLDivElement, CustomSnackbarProps>(\n ({ message, variant = 'default', linkUrl, snackbarKey, data }, ref) => {\n\n console.log(\"🚀 ~ data:: >>\", data)\n const { closeSnackbar } = useSnackbar();\n const navigate = useNavigate();\n\n const backgroundColorMap: Record<string, string> = {\n success: '#f0fdf4',\n error: '#fef2f2',\n warning: '#fff7ed',\n info: '#eff6ff',\n default: '#fff',\n };\n\n const textColorMap: Record<string, string> = {\n success: '#166534',\n error: '#991b1b',\n warning: '#92400e',\n info: '#1e40af',\n default: '#27272a',\n };\n\n const handleClick = () => {\n if (linkUrl) navigate(linkUrl);\n closeSnackbar(snackbarKey);\n };\n\n const handleCloseClick = (e: React.MouseEvent) => {\n e.stopPropagation(); // Prevent triggering link\n closeSnackbar(snackbarKey);\n };\n\n return (\n <SnackbarContent\n ref={ref}\n style={{\n backgroundColor: backgroundColorMap[variant],\n color: textColorMap[variant],\n }}\n className='SnackBar'\n onClick={handleClick}\n >\n <Box display=\"flex\" alignItems=\"center\" p={2} position=\"relative\" gap={2} width='100%'>\n {mainModuleIcons?.[data.module] ?\n <Avatar sx={{ \n width: 45, \n height: 45, \n fontSize: '0.875rem',\n bgcolor: mainModuleBgColors[data.module] \|\| 'primary.main',\n color: 'white',\n borderRadius: '8px',\n '& img': { \n width: '35px', \n height: '35px', \n objectFit: 'contain'\n }\n }} src={mainModuleIcons?.[data.module]} /> :\n <Notification\n style={{\n color: textColorMap[variant],\n marginTop: 2,\n }}\n />\n }\n <Box display=\"flex\" alignItems=\"center\" width='100%'>\n <Box flex=\"1\">\n <Typography type='h5' color={'inherit'} weight='bold'>\n New Notification\n </Typography>\n <Typography type='s3' mt={0.5} color={'inherit'}>\n {message}\n </Typography>\n </Box>\n\n <IconButton\n size=\"small\"\n onClick={handleCloseClick}\n // style={{\n // position: 'absolute',\n // top: 4,\n // right: 4,\n // color: textColorMap[variant],\n // }}\n >\n <CloseIcon fontSize=\"small\" />\n </IconButton>\n </Box>\n </Box>\n </SnackbarContent>\n );\n }\n);\n\nexport { CustomSnackbar };\nexport default CustomSnackbar;\n"],"names":["React","CloseIcon"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,kBAAkB;AAAA,EACtB,MAAM,OAAO;AAAA,EACb,UAAU,OAAO;AAAA,EACjB,wBAAwB,OAAO;AAAA,EAC/B,WAAW,OAAO;AAAA,EAClB,eAAe,OAAO;AAAA,EACtB,OAAO,OAAO;AAAA,EACd,QAAQ,OAAO;AAAA,EACf,MAAM,OAAO;AAAA,EACb,UAAU,OAAO;AAAA,EACjB,MAAM,OAAO;AACf;AACA,MAAM,qBAAqB;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,wBAAwB;AAAA,EACxB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AACR;AAEA,MAAM,iBAAiBA,eAAM;AAAA,EAC3B,CAAC,EAAE,SAAS,UAAU,WAAW,SAAS,aAAa,KAAA,GAAQ,QAAQ;AAErE,YAAQ,IAAI,kBAAkB,IAAI;AAClC,UAAM,EAAE,cAAA,IAAkB,YAAA;AAC1B,UAAM,WAAW,YAAA;AAEjB,UAAM,qBAA6C;AAAA,MACjD,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAGX,UAAM,eAAuC;AAAA,MAC3C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAGX,UAAM,cAAc,MAAM;AACxB,UAAI,kBAAkB,OAAO;AAC7B,oBAAc,WAAW;AAAA,IAC3B;AAEA,UAAM,mBAAmB,CAAC,MAAwB;AAChD,QAAE,gBAAA;AACF,oBAAc,WAAW;AAAA,IAC3B;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,UACL,iBAAiB,mBAAmB,OAAO;AAAA,UAC3C,OAAO,aAAa,OAAO;AAAA,QAAA;AAAA,QAE7B,WAAU;AAAA,QACV,SAAS;AAAA,QAET,UAAA,qBAAC,KAAA,EAAI,SAAQ,QAAO,YAAW,UAAS,GAAG,GAAG,UAAS,YAAW,KAAK,GAAG,OAAM,QAC/E,UAAA;AAAA,WAAA,mDAAkB,KAAK,WACtB,oBAAC,UAAO,IAAI;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,YACV,SAAS,mBAAmB,KAAK,MAAM,KAAK;AAAA,YAC5C,OAAO;AAAA,YACP,cAAc;AAAA,YACd,SAAS;AAAA,cACP,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAW;AAAA,YAAA;AAAA,UACb,GACC,KAAK,mDAAkB,KAAK,SAAS,IACxC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,OAAO,aAAa,OAAO;AAAA,gBAC3B,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,+BAGD,KAAA,EAAI,SAAQ,QAAO,YAAW,UAAS,OAAM,QAC5C,UAAA;AAAA,YAAA,qBAAC,KAAA,EAAI,MAAK,KACR,UAAA;AAAA,cAAA,oBAAC,cAAW,MAAK,MAAK,OAAO,WAAW,QAAO,QAAO,UAAA,mBAAA,CAEtD;AAAA,cACA,oBAAC,cAAW,MAAK,MAAK,IAAI,KAAK,OAAO,WACnC,UAAA,QAAA,CACH;AAAA,YAAA,GACF;AAAA,YAEA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS;AAAA,gBAQT,UAAA,oBAACC,WAAA,EAAU,UAAS,QAAA,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UAC9B,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/components/custom-snackbar/custom-snackbar/index.js CHANGED Viewed

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=,/* empty css                                                   */i=,/* empty css                                                     */n=require("react-router-dom"),t=,/* empty css                                 */s=;/* empty css                     */;/* empty css                             */var o=,/* empty css                                                 */c=,/* empty css                                                       */u=,/* empty css                              */l=;/* empty css                                                               */function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=/* @__PURE__ */d(r);const m={rbac:s.images.user,document:s.images.document,"accounts-and-finance":s.images.accounting,inventory:s.images.inventory,manufacturing:s.images.manufacturing,sales:s.images.crm,rental:s.images.rental,user:s.images.user,purchase:s.images.procurement,hrms:s.images.hrms},g={rbac:"#F3E5F5",document:"#FFF8E1","accounts-and-finance":"#E8F5E8",inventory:"#E3F2FD",manufacturing:"#FFF3E0",sales:"#F3E5F5",rental:"#E8F5E8",user:"#F3E5F5",purchase:"#FCE4EC",hrms:"#fcfcfc"},x=f.default.forwardRef(({message:r,variant:s="default",linkUrl:d,snackbarKey:f,data:x},h)=>{const{closeSnackbar:p}=a.useSnackbar(),j=n.useNavigate(),y={success:"#166534",error:"#991b1b",warning:"#92400e",info:"#1e40af",default:"#27272a"};/* @__PURE__ */
-return e.jsx(a.SnackbarContent,{ref:h,style:{backgroundColor:{success:"#f0fdf4",error:"#fef2f2",warning:"#fff7ed",info:"#eff6ff",default:"#fff"}[s],color:y[s]},className:"SnackBar",onClick:()=>{d&&j(d),p(f)},children:/* @__PURE__ */e.jsxs(o.default,{display:"flex",alignItems:"center",p:2,position:"relative",gap:2,width:"100%",children:[(null==m?void 0:m[x.module])?/* @__PURE__ */e.jsx(c.default,{sx:{width:45,height:45,fontSize:"0.875rem",bgcolor:g[x.module]||"primary.main",color:"white",borderRadius:"8px","& img":{width:"35px",height:"35px",objectFit:"contain"}},src:null==m?void 0:m[x.module]}):/* @__PURE__ */e.jsx(u.Notification,{style:{color:y[s],marginTop:2}}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=,/* empty css                                                   */i=,/* empty css                                                     */n=require("react-router-dom"),t=,/* empty css                                 */s=;/* empty css                     */;/* empty css                             */var o=,/* empty css                                                 */c=,/* empty css                                                       */u=,/* empty css                              */l=;/* empty css                                                               */function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=/* @__PURE__ */d(r);const f={rbac:s.images.user,document:s.images.document,"accounts-and-finance":s.images.accounting,inventory:s.images.inventory,manufacturing:s.images.manufacturing,sales:s.images.crm,rental:s.images.rental,user:s.images.user,purchase:s.images.procurement,hrms:s.images.hrms},g={rbac:"#F3E5F5",document:"#FFF8E1","accounts-and-finance":"#E8F5E8",inventory:"#E3F2FD",manufacturing:"#FFF3E0",sales:"#F3E5F5",rental:"#E8F5E8",user:"#F3E5F5",purchase:"#FCE4EC",hrms:"#fcfcfc"},x=m.default.forwardRef(({message:r,variant:s="default",linkUrl:d,snackbarKey:m,data:x},p)=>{const{closeSnackbar:h}=a.useSnackbar(),j=n.useNavigate(),y={success:"#166534",error:"#991b1b",warning:"#92400e",info:"#1e40af",default:"#27272a"};/* @__PURE__ */
+return e.jsx(a.SnackbarContent,{ref:p,style:{backgroundColor:{success:"#f0fdf4",error:"#fef2f2",warning:"#fff7ed",info:"#eff6ff",default:"#fff"}[s],color:y[s]},className:"SnackBar",onClick:()=>{d&&j(d),h(m)},children:/* @__PURE__ */e.jsxs(o.default,{display:"flex",alignItems:"center",p:2,position:"relative",gap:2,width:"100%",children:[(null==f?void 0:f[x.module])?/* @__PURE__ */e.jsx(c.default,{sx:{width:45,height:45,fontSize:"0.875rem",bgcolor:g[x.module]||"primary.main",color:"white",borderRadius:"8px","& img":{width:"35px",height:"35px",objectFit:"contain"}},src:null==f?void 0:f[x.module]}):/* @__PURE__ */e.jsx(u.Notification,{style:{color:y[s],marginTop:2}}),
 /* @__PURE__ */e.jsxs(o.default,{display:"flex",alignItems:"center",width:"100%",children:[
 /* @__PURE__ */e.jsxs(o.default,{flex:"1",children:[
 /* @__PURE__ */e.jsx(t.Typography,{type:"h5",color:"inherit",weight:"bold",children:"New Notification"}),
 /* @__PURE__ */e.jsx(t.Typography,{type:"s3",mt:.5,color:"inherit",children:r})]}),
-/* @__PURE__ */e.jsx(l.default,{size:"small",onClick:e=>{e.stopPropagation(),p(f)},children:/* @__PURE__ */e.jsx(i.default,{fontSize:"small"})})]})]})})});exports.default=x;
+/* @__PURE__ */e.jsx(l.default,{size:"small",onClick:e=>{e.stopPropagation(),h(m)},children:/* @__PURE__ */e.jsx(i.default,{fontSize:"small"})})]})]})})});exports.CustomSnackbar=x,exports.default=x;
 //# sourceMappingURL=index.js.map

package/dist/components/custom-snackbar/custom-snackbar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/custom-snackbar/custom-snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarContent, useSnackbar } from 'notistack';\nimport { Avatar, Box, IconButton } from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { useNavigate } from 'react-router-dom';\nimport { Notification } from '../icons';\nimport Typography from '../typography/typography';\nimport images from '../../assets/images';\nimport \"./custom-snackbar.scss\"\n\ninterface CustomSnackbarProps {\n message: string;\n variant?: 'default' \| 'error' \| 'success' \| 'warning' \| 'info';\n linkUrl?: string;\n snackbarKey: string \| number;\n}\n\nconst mainModuleIcons = {\n rbac: images.user,\n document: images.document,\n 'accounts-and-finance': images.accounting,\n inventory: images.inventory,\n manufacturing: images.manufacturing,\n sales: images.crm,\n rental: images.rental,\n user: images.user,\n purchase: images.procurement,\n hrms: images.hrms\n}\nconst mainModuleBgColors = {\n rbac: '#F3E5F5',\n document: '#FFF8E1',\n 'accounts-and-finance': '#E8F5E8',\n inventory: '#E3F2FD',\n manufacturing: '#FFF3E0',\n sales: '#F3E5F5',\n rental: '#E8F5E8',\n user: '#F3E5F5',\n purchase: '#FCE4EC',\n hrms: '#fcfcfc'\n}\n\nconst CustomSnackbar = React.forwardRef<HTMLDivElement, CustomSnackbarProps>(\n ({ message, variant = 'default', linkUrl, snackbarKey, data }, ref) => {\n\n console.log(\"🚀 ~ data:: >>\", data)\n const { closeSnackbar } = useSnackbar();\n const navigate = useNavigate();\n\n const backgroundColorMap: Record<string, string> = {\n success: '#f0fdf4',\n error: '#fef2f2',\n warning: '#fff7ed',\n info: '#eff6ff',\n default: '#fff',\n };\n\n const textColorMap: Record<string, string> = {\n success: '#166534',\n error: '#991b1b',\n warning: '#92400e',\n info: '#1e40af',\n default: '#27272a',\n };\n\n const handleClick = () => {\n if (linkUrl) navigate(linkUrl);\n closeSnackbar(snackbarKey);\n };\n\n const handleCloseClick = (e: React.MouseEvent) => {\n e.stopPropagation(); // Prevent triggering link\n closeSnackbar(snackbarKey);\n };\n\n return (\n <SnackbarContent\n ref={ref}\n style={{\n backgroundColor: backgroundColorMap[variant],\n color: textColorMap[variant],\n }}\n className='SnackBar'\n onClick={handleClick}\n >\n <Box display=\"flex\" alignItems=\"center\" p={2} position=\"relative\" gap={2} width='100%'>\n {mainModuleIcons?.[data.module] ?\n <Avatar sx={{ \n width: 45, \n height: 45, \n fontSize: '0.875rem',\n bgcolor: mainModuleBgColors[data.module] \|\| 'primary.main',\n color: 'white',\n borderRadius: '8px',\n '& img': { \n width: '35px', \n height: '35px', \n objectFit: 'contain'\n }\n }} src={mainModuleIcons?.[data.module]} /> :\n <Notification\n style={{\n color: textColorMap[variant],\n marginTop: 2,\n }}\n />\n }\n <Box display=\"flex\" alignItems=\"center\" width='100%'>\n <Box flex=\"1\">\n <Typography type='h5' color={'inherit'} weight='bold'>\n New Notification\n </Typography>\n <Typography type='s3' mt={0.5} color={'inherit'}>\n {message}\n </Typography>\n </Box>\n\n <IconButton\n size=\"small\"\n onClick={handleCloseClick}\n // style={{\n // position: 'absolute',\n // top: 4,\n // right: 4,\n // color: textColorMap[variant],\n // }}\n >\n <CloseIcon fontSize=\"small\" />\n </IconButton>\n </Box>\n </Box>\n </SnackbarContent>\n );\n }\n);\n\nexport default CustomSnackbar;\n"],"names":["mainModuleIcons","rbac","images","user","document","accounting","inventory","manufacturing","sales","crm","rental","purchase","procurement","hrms","mainModuleBgColors","CustomSnackbar","React","forwardRef","message","variant","linkUrl","snackbarKey","data","ref","closeSnackbar","useSnackbar","navigate","useNavigate","textColorMap","success","error","warning","info","default","jsx","SnackbarContent","style","backgroundColor","color","className","onClick","children","jsxs","Box","display","alignItems","p","position","gap","width","module","Avatar","sx","height","fontSize","bgcolor","borderRadius","objectFit","src","Notification","marginTop","flex","Typography","type","weight","mt","IconButton","size","e","stopPropagation","CloseIcon"],"mappings":"qxBAiBA,MAAMA,EAAkB,CACtBC,KAAMC,EAAAA,OAAOC,KACbC,SAAUF,EAAAA,OAAOE,SACjB,uBAAwBF,EAAAA,OAAOG,WAC/BC,UAAWJ,EAAAA,OAAOI,UAClBC,cAAeL,EAAAA,OAAOK,cACtBC,MAAON,EAAAA,OAAOO,IACdC,OAAQR,EAAAA,OAAOQ,OACfP,KAAMD,EAAAA,OAAOC,KACbQ,SAAUT,EAAAA,OAAOU,YACjBC,KAAMX,EAAAA,OAAOW,MAETC,EAAqB,CACzBb,KAAM,UACNG,SAAU,UACV,uBAAwB,UACxBE,UAAW,UACXC,cAAe,UACfC,MAAO,UACPE,OAAQ,UACRP,KAAM,UACNQ,SAAU,UACVE,KAAM,WAGFE,EAAiBC,EAAAA,QAAMC,WAC3B,EAAGC,UAASC,UAAU,UAAWC,UAASC,cAAaC,QAAQC,KAG7D,MAAMC,cAAEA,GAAkBC,gBACpBC,EAAWC,EAAAA,cAUXC,EAAuC,CAC3CC,QAAS,UACTC,MAAO,UACPC,QAAS,UACTC,KAAM,UACNC,QAAS;AAaX,OACEC,EAAAA,IAACC,EAAAA,gBAAA,CACCZ,MACAa,MAAO,CACLC,gBA9B6C,CACjDR,QAAS,UACTC,MAAO,UACPC,QAAS,UACTC,KAAM,UACNC,QAAS,QAyB+Bd,GACpCmB,MAAOV,EAAaT,IAEtBoB,UAAU,WACVC,QAlBgB,KACdpB,KAAkBA,GACtBI,EAAcH,IAkBZoB,wBAAAC,EAAAA,KAACC,UAAA,CAAIC,QAAQ,OAAOC,WAAW,SAASC,EAAG,EAAGC,SAAS,WAAWC,IAAK,EAAGC,MAAM,OAC/ER,SAAA,EAAA,MAAAzC,OAAA,EAAAA,EAAkBsB,EAAK4B,wBACtBhB,EAAAA,IAACiB,EAAAA,SAAOC,GAAI,CACVH,MAAO,GACPI,OAAQ,GACRC,SAAU,WACVC,QAASzC,EAAmBQ,EAAK4B,SAAW,eAC5CZ,MAAO,QACPkB,aAAc,MACd,QAAS,CACPP,MAAO,OACPI,OAAQ,OACRI,UAAW,YAEZC,IAAK,MAAA1D,OAAA,EAAAA,EAAkBsB,EAAK4B,yBAC/BhB,EAAAA,IAACyB,EAAAA,aAAA,CACCvB,MAAO,CACLE,MAAOV,EAAaT,GACpByC,UAAW;sBAIdjB,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,WAAW,SAASI,MAAM,OAC5CR,SAAA;iBAAAC,KAACC,EAAAA,QAAA,CAAIkB,KAAK,IACRpB,SAAA;eAAAP,EAAAA,IAAC4B,EAAAA,YAAWC,KAAK,KAAKzB,MAAO,UAAW0B,OAAO,OAAOvB,SAAA;eAGtDP,EAAAA,IAAC4B,EAAAA,YAAWC,KAAK,KAAKE,GAAI,GAAK3B,MAAO,UACnCG,SAAAvB;eAILgB,EAAAA,IAACgC,EAAAA,QAAA,CACCC,KAAK,QACL3B,QAjDgB4B,IACxBA,EAAEC,kBACF7C,EAAcH,IAuDNoB,0BAAAP,IAACoC,EAAAA,QAAA,CAAUhB,SAAS"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/custom-snackbar/custom-snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarContent, useSnackbar } from 'notistack';\nimport { Avatar, Box, IconButton } from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { useNavigate } from 'react-router-dom';\nimport { Notification } from '../icons';\nimport Typography from '../typography/typography';\nimport images from '../../assets/images';\nimport \"./custom-snackbar.scss\"\n\ninterface CustomSnackbarProps {\n message: string;\n variant?: 'default' \| 'error' \| 'success' \| 'warning' \| 'info';\n linkUrl?: string;\n snackbarKey: string \| number;\n}\n\nconst mainModuleIcons = {\n rbac: images.user,\n document: images.document,\n 'accounts-and-finance': images.accounting,\n inventory: images.inventory,\n manufacturing: images.manufacturing,\n sales: images.crm,\n rental: images.rental,\n user: images.user,\n purchase: images.procurement,\n hrms: images.hrms\n}\nconst mainModuleBgColors = {\n rbac: '#F3E5F5',\n document: '#FFF8E1',\n 'accounts-and-finance': '#E8F5E8',\n inventory: '#E3F2FD',\n manufacturing: '#FFF3E0',\n sales: '#F3E5F5',\n rental: '#E8F5E8',\n user: '#F3E5F5',\n purchase: '#FCE4EC',\n hrms: '#fcfcfc'\n}\n\nconst CustomSnackbar = React.forwardRef<HTMLDivElement, CustomSnackbarProps>(\n ({ message, variant = 'default', linkUrl, snackbarKey, data }, ref) => {\n\n console.log(\"🚀 ~ data:: >>\", data)\n const { closeSnackbar } = useSnackbar();\n const navigate = useNavigate();\n\n const backgroundColorMap: Record<string, string> = {\n success: '#f0fdf4',\n error: '#fef2f2',\n warning: '#fff7ed',\n info: '#eff6ff',\n default: '#fff',\n };\n\n const textColorMap: Record<string, string> = {\n success: '#166534',\n error: '#991b1b',\n warning: '#92400e',\n info: '#1e40af',\n default: '#27272a',\n };\n\n const handleClick = () => {\n if (linkUrl) navigate(linkUrl);\n closeSnackbar(snackbarKey);\n };\n\n const handleCloseClick = (e: React.MouseEvent) => {\n e.stopPropagation(); // Prevent triggering link\n closeSnackbar(snackbarKey);\n };\n\n return (\n <SnackbarContent\n ref={ref}\n style={{\n backgroundColor: backgroundColorMap[variant],\n color: textColorMap[variant],\n }}\n className='SnackBar'\n onClick={handleClick}\n >\n <Box display=\"flex\" alignItems=\"center\" p={2} position=\"relative\" gap={2} width='100%'>\n {mainModuleIcons?.[data.module] ?\n <Avatar sx={{ \n width: 45, \n height: 45, \n fontSize: '0.875rem',\n bgcolor: mainModuleBgColors[data.module] \|\| 'primary.main',\n color: 'white',\n borderRadius: '8px',\n '& img': { \n width: '35px', \n height: '35px', \n objectFit: 'contain'\n }\n }} src={mainModuleIcons?.[data.module]} /> :\n <Notification\n style={{\n color: textColorMap[variant],\n marginTop: 2,\n }}\n />\n }\n <Box display=\"flex\" alignItems=\"center\" width='100%'>\n <Box flex=\"1\">\n <Typography type='h5' color={'inherit'} weight='bold'>\n New Notification\n </Typography>\n <Typography type='s3' mt={0.5} color={'inherit'}>\n {message}\n </Typography>\n </Box>\n\n <IconButton\n size=\"small\"\n onClick={handleCloseClick}\n // style={{\n // position: 'absolute',\n // top: 4,\n // right: 4,\n // color: textColorMap[variant],\n // }}\n >\n <CloseIcon fontSize=\"small\" />\n </IconButton>\n </Box>\n </Box>\n </SnackbarContent>\n );\n }\n);\n\nexport { CustomSnackbar };\nexport default CustomSnackbar;\n"],"names":["mainModuleIcons","rbac","images","user","document","accounting","inventory","manufacturing","sales","crm","rental","purchase","procurement","hrms","mainModuleBgColors","CustomSnackbar","React","forwardRef","message","variant","linkUrl","snackbarKey","data","ref","closeSnackbar","useSnackbar","navigate","useNavigate","textColorMap","success","error","warning","info","default","jsx","SnackbarContent","style","backgroundColor","color","className","onClick","children","jsxs","Box","display","alignItems","p","position","gap","width","module","Avatar","sx","height","fontSize","bgcolor","borderRadius","objectFit","src","Notification","marginTop","flex","Typography","type","weight","mt","IconButton","size","e","stopPropagation","CloseIcon"],"mappings":"qxBAiBA,MAAMA,EAAkB,CACtBC,KAAMC,EAAAA,OAAOC,KACbC,SAAUF,EAAAA,OAAOE,SACjB,uBAAwBF,EAAAA,OAAOG,WAC/BC,UAAWJ,EAAAA,OAAOI,UAClBC,cAAeL,EAAAA,OAAOK,cACtBC,MAAON,EAAAA,OAAOO,IACdC,OAAQR,EAAAA,OAAOQ,OACfP,KAAMD,EAAAA,OAAOC,KACbQ,SAAUT,EAAAA,OAAOU,YACjBC,KAAMX,EAAAA,OAAOW,MAETC,EAAqB,CACzBb,KAAM,UACNG,SAAU,UACV,uBAAwB,UACxBE,UAAW,UACXC,cAAe,UACfC,MAAO,UACPE,OAAQ,UACRP,KAAM,UACNQ,SAAU,UACVE,KAAM,WAGFE,EAAiBC,EAAAA,QAAMC,WAC3B,EAAGC,UAASC,UAAU,UAAWC,UAASC,cAAaC,QAAQC,KAG7D,MAAMC,cAAEA,GAAkBC,gBACpBC,EAAWC,EAAAA,cAUXC,EAAuC,CAC3CC,QAAS,UACTC,MAAO,UACPC,QAAS,UACTC,KAAM,UACNC,QAAS;AAaX,OACEC,EAAAA,IAACC,EAAAA,gBAAA,CACCZ,MACAa,MAAO,CACLC,gBA9B6C,CACjDR,QAAS,UACTC,MAAO,UACPC,QAAS,UACTC,KAAM,UACNC,QAAS,QAyB+Bd,GACpCmB,MAAOV,EAAaT,IAEtBoB,UAAU,WACVC,QAlBgB,KACdpB,KAAkBA,GACtBI,EAAcH,IAkBZoB,wBAAAC,EAAAA,KAACC,UAAA,CAAIC,QAAQ,OAAOC,WAAW,SAASC,EAAG,EAAGC,SAAS,WAAWC,IAAK,EAAGC,MAAM,OAC/ER,SAAA,EAAA,MAAAzC,OAAA,EAAAA,EAAkBsB,EAAK4B,wBACtBhB,EAAAA,IAACiB,EAAAA,SAAOC,GAAI,CACVH,MAAO,GACPI,OAAQ,GACRC,SAAU,WACVC,QAASzC,EAAmBQ,EAAK4B,SAAW,eAC5CZ,MAAO,QACPkB,aAAc,MACd,QAAS,CACPP,MAAO,OACPI,OAAQ,OACRI,UAAW,YAEZC,IAAK,MAAA1D,OAAA,EAAAA,EAAkBsB,EAAK4B,yBAC/BhB,EAAAA,IAACyB,EAAAA,aAAA,CACCvB,MAAO,CACLE,MAAOV,EAAaT,GACpByC,UAAW;sBAIdjB,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,WAAW,SAASI,MAAM,OAC5CR,SAAA;iBAAAC,KAACC,EAAAA,QAAA,CAAIkB,KAAK,IACRpB,SAAA;eAAAP,EAAAA,IAAC4B,EAAAA,YAAWC,KAAK,KAAKzB,MAAO,UAAW0B,OAAO,OAAOvB,SAAA;eAGtDP,EAAAA,IAAC4B,EAAAA,YAAWC,KAAK,KAAKE,GAAI,GAAK3B,MAAO,UACnCG,SAAAvB;eAILgB,EAAAA,IAACgC,EAAAA,QAAA,CACCC,KAAK,QACL3B,QAjDgB4B,IACxBA,EAAEC,kBACF7C,EAAcH,IAuDNoB,0BAAAP,IAACoC,EAAAA,QAAA,CAAUhB,SAAS"}

package/dist/components/custom-snackbar/custom-snackbar.d.ts CHANGED Viewed

@@ -7,4 +7,5 @@ interface CustomSnackbarProps {
     snackbarKey: string | number;
 }
 declare const CustomSnackbar: React.ForwardRefExoticComponent<CustomSnackbarProps & React.RefAttributes<HTMLDivElement>>;
+export { CustomSnackbar };
 export default CustomSnackbar;

package/dist/components/custom-toggle-switch/custom-toggle-switch/index.esm.js CHANGED Viewed

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

package/dist/components/custom-toggle-switch/custom-toggle-switch/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/custom-toggle-switch/custom-toggle-switch.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Box,\n styled,\n ButtonBase,\n} from '@mui/material';\n\n// Styled container for the toggle switch\nconst ToggleContainer = styled(Box)(({ theme }) => ({\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n // backgroundColor: theme.palette.grey[300],\n borderRadius: theme.spacing(3),\n padding: theme.spacing(0.5),\n cursor: 'pointer',\n transition: 'all 0.3s ease-in-out',\n minWidth: 'max-content',\n backgroundColor: theme.palette.common.white,\n border: '1px solid',\n borderColor: theme.palette.grey[200],\n '&.disabled': {\n opacity: 0.5,\n cursor: 'not-allowed',\n },\n}));\n\n// Styled sliding background\nconst SlidingBackground = styled(Box)(({ theme }) => ({\n position: 'absolute',\n // top: theme.spacing(0.5),\n // bottom: theme.spacing(0.5),\n backgroundColor: theme.palette.theme.primary[100],\n borderRadius: theme.spacing(2.5),\n transition: 'all 0.3s ease-in-out',\n top:0,\n bottom: 0,\n zIndex: 1,\n}));\n\n// Styled text label\nconst ToggleLabel = styled(ButtonBase)(({ theme, active }) => ({\n position: 'relative',\n zIndex: 2,\n padding: theme.spacing(1, 1.5),\n borderRadius: theme.spacing(2.5),\n fontSize: '0.75rem',\n fontWeight: 500,\n whiteSpace: 'nowrap',\n userSelect: 'none',\n transition: 'color 0.3s ease-in-out',\n color: active ? theme.palette.primary.main : theme.palette.grey[600],\n '&:hover:not(.disabled)': {\n color: active ? theme.palette.primary.main : theme.palette.grey[800],\n },\n '&.disabled': {\n cursor: 'not-allowed',\n },\n}));\n\n// Main dynamic toggle switch component\nconst CustomToggleSwitch = ({\n leftLabel = \"Collapse All\",\n rightLabel = \"Expand All\",\n defaultChecked = false,\n onChange,\n disabled = false,\n sx = {},\n ...props\n}) => {\n const [checked, setChecked] = useState(defaultChecked);\n\n const handleChange = (newValue) => {\n if (disabled) return;\n setChecked(newValue);\n if (onChange) {\n onChange(newValue, newValue ? rightLabel : leftLabel);\n }\n };\n\n const handleTextClick = (isRightLabel) => {\n if (disabled) return;\n const newValue = isRightLabel;\n handleChange(newValue);\n };\n\n return (\n <ToggleContainer\n className={disabled ? 'disabled' : ''}\n sx={sx}\n {...props}\n >\n {/* Sliding background /}\n <SlidingBackground\n sx={{\n left: checked ? '50%' : 0,\n right: checked ? 0 : '50%',\n }}\n />\n \n {/ Left label /}\n <ToggleLabel\n active={!checked}\n className={disabled ? 'disabled' : ''}\n onClick={() => handleTextClick(false)}\n disableRipple={true}\n disabled={disabled}\n >\n {leftLabel}\n </ToggleLabel>\n \n {/ Right label */}\n <ToggleLabel\n active={checked}\n className={disabled ? 'disabled' : ''}\n onClick={() => handleTextClick(true)}\n disableRipple={true}\n disabled={disabled}\n >\n {rightLabel}\n </ToggleLabel>\n </ToggleContainer>\n );\n};\n\nexport default CustomToggleSwitch"],"names":[],"mappings":";;;;;AAQA,MAAM,kBAAkB,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAClD,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA;AAAA,EAEZ,cAAc,MAAM,QAAQ,CAAC;AAAA,EAC7B,SAAS,MAAM,QAAQ,GAAG;AAAA,EAC1B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,iBAAiB,MAAM,QAAQ,OAAO;AAAA,EACtC,QAAQ;AAAA,EACR,aAAa,MAAM,QAAQ,KAAK,GAAG;AAAA,EACnC,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEZ,EAAE;AAGF,MAAM,oBAAoB,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EACpD,UAAU;AAAA;AAAA;AAAA,EAGV,iBAAiB,MAAM,QAAQ,MAAM,QAAQ,GAAG;AAAA,EAChD,cAAc,MAAM,QAAQ,GAAG;AAAA,EAC/B,YAAY;AAAA,EACZ,KAAI;AAAA,EACJ,QAAQ;AAAA,EACR,QAAQ;AACV,EAAE;AAGF,MAAM,cAAc,OAAO,UAAU,EAAE,CAAC,EAAE,OAAO,cAAc;AAAA,EAC7D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS,MAAM,QAAQ,GAAG,GAAG;AAAA,EAC7B,cAAc,MAAM,QAAQ,GAAG;AAAA,EAC/B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO,SAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EACnE,0BAA0B;AAAA,IACxB,OAAO,SAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EAAA;AAAA,EAErE,cAAc;AAAA,IACZ,QAAQ;AAAA,EAAA;AAEZ,EAAE;AAGF,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,EACX,KAAK,CAAA;AAAA,EACL,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,cAAc;AAErD,QAAM,eAAe,CAAC,aAAa;AACjC,QAAI,SAAU;AACd,eAAW,QAAQ;AACnB,QAAI,UAAU;AACZ,eAAS,UAAU,WAAW,aAAa,SAAS;AAAA,IACtD;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,iBAAiB;AACxC,QAAI,SAAU;AACd,UAAM,WAAW;AACjB,iBAAa,QAAQ;AAAA,EACvB;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,aAAa;AAAA,MACnC;AAAA,MACC,GAAG;AAAA,MAGJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,MAAM,UAAU,QAAQ;AAAA,cACxB,OAAO,UAAU,IAAI;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,QAIF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAQ,CAAC;AAAA,YACT,WAAW,WAAW,aAAa;AAAA,YACnC,SAAS,MAAM,gBAAgB,KAAK;AAAA,YACpC,eAAe;AAAA,YACf;AAAA,YAEC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,WAAW,WAAW,aAAa;AAAA,YACnC,SAAS,MAAM,gBAAgB,IAAI;AAAA,YACnC,eAAe;AAAA,YACf;AAAA,YAEC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/custom-toggle-switch/custom-toggle-switch.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Box,\n styled,\n ButtonBase,\n} from '@mui/material';\n\n// Styled container for the toggle switch\nconst ToggleContainer = styled(Box)(({ theme }) => ({\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n // backgroundColor: theme.palette.grey[300],\n borderRadius: theme.spacing(3),\n padding: theme.spacing(0.5),\n cursor: 'pointer',\n transition: 'all 0.3s ease-in-out',\n minWidth: 'max-content',\n backgroundColor: theme.palette.common.white,\n border: '1px solid',\n borderColor: theme.palette.grey[200],\n '&.disabled': {\n opacity: 0.5,\n cursor: 'not-allowed',\n },\n}));\n\n// Styled sliding background\nconst SlidingBackground = styled(Box)(({ theme }) => ({\n position: 'absolute',\n // top: theme.spacing(0.5),\n // bottom: theme.spacing(0.5),\n backgroundColor: theme.palette.theme.primary[100],\n borderRadius: theme.spacing(2.5),\n transition: 'all 0.3s ease-in-out',\n top:0,\n bottom: 0,\n zIndex: 1,\n}));\n\n// Styled text label\nconst ToggleLabel = styled(ButtonBase)(({ theme, active }) => ({\n position: 'relative',\n zIndex: 2,\n padding: theme.spacing(1, 1.5),\n borderRadius: theme.spacing(2.5),\n fontSize: '0.75rem',\n fontWeight: 500,\n whiteSpace: 'nowrap',\n userSelect: 'none',\n transition: 'color 0.3s ease-in-out',\n color: active ? theme.palette.primary.main : theme.palette.grey[600],\n '&:hover:not(.disabled)': {\n color: active ? theme.palette.primary.main : theme.palette.grey[800],\n },\n '&.disabled': {\n cursor: 'not-allowed',\n },\n}));\n\n// Main dynamic toggle switch component\nconst CustomToggleSwitch = ({\n leftLabel = \"Collapse All\",\n rightLabel = \"Expand All\",\n defaultChecked = false,\n onChange,\n disabled = false,\n sx = {},\n ...props\n}) => {\n const [checked, setChecked] = useState(defaultChecked);\n\n const handleChange = (newValue) => {\n if (disabled) return;\n setChecked(newValue);\n if (onChange) {\n onChange(newValue, newValue ? rightLabel : leftLabel);\n }\n };\n\n const handleTextClick = (isRightLabel) => {\n if (disabled) return;\n const newValue = isRightLabel;\n handleChange(newValue);\n };\n\n return (\n <ToggleContainer\n className={disabled ? 'disabled' : ''}\n sx={sx}\n {...props}\n >\n {/* Sliding background /}\n <SlidingBackground\n sx={{\n left: checked ? '50%' : 0,\n right: checked ? 0 : '50%',\n }}\n />\n \n {/ Left label /}\n <ToggleLabel\n active={!checked}\n className={disabled ? 'disabled' : ''}\n onClick={() => handleTextClick(false)}\n disableRipple={true}\n disabled={disabled}\n >\n {leftLabel}\n </ToggleLabel>\n \n {/ Right label */}\n <ToggleLabel\n active={checked}\n className={disabled ? 'disabled' : ''}\n onClick={() => handleTextClick(true)}\n disableRipple={true}\n disabled={disabled}\n >\n {rightLabel}\n </ToggleLabel>\n </ToggleContainer>\n );\n};\n\nexport { CustomToggleSwitch };\nexport default CustomToggleSwitch"],"names":[],"mappings":";;;;;AAQA,MAAM,kBAAkB,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAClD,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA;AAAA,EAEZ,cAAc,MAAM,QAAQ,CAAC;AAAA,EAC7B,SAAS,MAAM,QAAQ,GAAG;AAAA,EAC1B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,iBAAiB,MAAM,QAAQ,OAAO;AAAA,EACtC,QAAQ;AAAA,EACR,aAAa,MAAM,QAAQ,KAAK,GAAG;AAAA,EACnC,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEZ,EAAE;AAGF,MAAM,oBAAoB,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EACpD,UAAU;AAAA;AAAA;AAAA,EAGV,iBAAiB,MAAM,QAAQ,MAAM,QAAQ,GAAG;AAAA,EAChD,cAAc,MAAM,QAAQ,GAAG;AAAA,EAC/B,YAAY;AAAA,EACZ,KAAI;AAAA,EACJ,QAAQ;AAAA,EACR,QAAQ;AACV,EAAE;AAGF,MAAM,cAAc,OAAO,UAAU,EAAE,CAAC,EAAE,OAAO,cAAc;AAAA,EAC7D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS,MAAM,QAAQ,GAAG,GAAG;AAAA,EAC7B,cAAc,MAAM,QAAQ,GAAG;AAAA,EAC/B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO,SAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EACnE,0BAA0B;AAAA,IACxB,OAAO,SAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EAAA;AAAA,EAErE,cAAc;AAAA,IACZ,QAAQ;AAAA,EAAA;AAEZ,EAAE;AAGF,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,EACX,KAAK,CAAA;AAAA,EACL,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,cAAc;AAErD,QAAM,eAAe,CAAC,aAAa;AACjC,QAAI,SAAU;AACd,eAAW,QAAQ;AACnB,QAAI,UAAU;AACZ,eAAS,UAAU,WAAW,aAAa,SAAS;AAAA,IACtD;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,iBAAiB;AACxC,QAAI,SAAU;AACd,UAAM,WAAW;AACjB,iBAAa,QAAQ;AAAA,EACvB;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,aAAa;AAAA,MACnC;AAAA,MACC,GAAG;AAAA,MAGJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,MAAM,UAAU,QAAQ;AAAA,cACxB,OAAO,UAAU,IAAI;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,QAIF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAQ,CAAC;AAAA,YACT,WAAW,WAAW,aAAa;AAAA,YACnC,SAAS,MAAM,gBAAgB,KAAK;AAAA,YACpC,eAAe;AAAA,YACf;AAAA,YAEC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,WAAW,WAAW,aAAa;AAAA,YACnC,SAAS,MAAM,gBAAgB,IAAI;AAAA,YACnC,eAAe;AAAA,YACf;AAAA,YAEC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/custom-toggle-switch/custom-toggle-switch/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=require("../../../node_modules/@mui/material/styles/styled/index.js"),i=require("../../../node_modules/@mui/material/Box/Box/index.js"),l=require("../../../node_modules/@mui/material/ButtonBase/ButtonBase/index.js");const o=t.default(i.default)(({theme:e})=>({position:"relative",display:"inline-flex",alignItems:"center",borderRadius:e.spacing(3),padding:e.spacing(.5),cursor:"pointer",transition:"all 0.3s ease-in-out",minWidth:"max-content",backgroundColor:e.palette.common.white,border:"1px solid",borderColor:e.palette.grey[200],"&.disabled":{opacity:.5,cursor:"not-allowed"}})),r=t.default(i.default)(({theme:e})=>({position:"absolute",backgroundColor:e.palette.theme.primary[100],borderRadius:e.spacing(2.5),transition:"all 0.3s ease-in-out",top:0,bottom:0,zIndex:1})),s=t.default(l.default)(({theme:e,active:a})=>({position:"relative",zIndex:2,padding:e.spacing(1,1.5),borderRadius:e.spacing(2.5),fontSize:"0.75rem",fontWeight:500,whiteSpace:"nowrap",userSelect:"none",transition:"color 0.3s ease-in-out",color:a?e.palette.primary.main:e.palette.grey[600],"&:hover:not(.disabled)":{color:a?e.palette.primary.main:e.palette.grey[800]},"&.disabled":{cursor:"not-allowed"}}));exports.default=({leftLabel:t="Collapse All",rightLabel:i="Expand All",defaultChecked:l=!1,onChange:d,disabled:n=!1,sx:u={},...c})=>{const[p,m]=a.useState(l),b=e=>{var a;n||(a=e,n||(m(a),d&&d(a,a?i:t)))};/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../../node_modules/@mui/material/styles/styled/index.js"),i=require("../../../node_modules/@mui/material/Box/Box/index.js"),l=require("../../../node_modules/@mui/material/ButtonBase/ButtonBase/index.js");const o=a.default(i.default)(({theme:e})=>({position:"relative",display:"inline-flex",alignItems:"center",borderRadius:e.spacing(3),padding:e.spacing(.5),cursor:"pointer",transition:"all 0.3s ease-in-out",minWidth:"max-content",backgroundColor:e.palette.common.white,border:"1px solid",borderColor:e.palette.grey[200],"&.disabled":{opacity:.5,cursor:"not-allowed"}})),s=a.default(i.default)(({theme:e})=>({position:"absolute",backgroundColor:e.palette.theme.primary[100],borderRadius:e.spacing(2.5),transition:"all 0.3s ease-in-out",top:0,bottom:0,zIndex:1})),r=a.default(l.default)(({theme:e,active:t})=>({position:"relative",zIndex:2,padding:e.spacing(1,1.5),borderRadius:e.spacing(2.5),fontSize:"0.75rem",fontWeight:500,whiteSpace:"nowrap",userSelect:"none",transition:"color 0.3s ease-in-out",color:t?e.palette.primary.main:e.palette.grey[600],"&:hover:not(.disabled)":{color:t?e.palette.primary.main:e.palette.grey[800]},"&.disabled":{cursor:"not-allowed"}})),d=({leftLabel:a="Collapse All",rightLabel:i="Expand All",defaultChecked:l=!1,onChange:d,disabled:n=!1,sx:u={},...c})=>{const[p,m]=t.useState(l),b=e=>{var t;n||(t=e,n||(m(t),d&&d(t,t?i:a)))};/* @__PURE__ */
 return e.jsxs(o,{className:n?"disabled":"",sx:u,...c,children:[
-/* @__PURE__ */e.jsx(r,{sx:{left:p?"50%":0,right:p?0:"50%"}}),
-/* @__PURE__ */e.jsx(s,{active:!p,className:n?"disabled":"",onClick:()=>b(!1),disableRipple:!0,disabled:n,children:t}),
-/* @__PURE__ */e.jsx(s,{active:p,className:n?"disabled":"",onClick:()=>b(!0),disableRipple:!0,disabled:n,children:i})]})};
+/* @__PURE__ */e.jsx(s,{sx:{left:p?"50%":0,right:p?0:"50%"}}),
+/* @__PURE__ */e.jsx(r,{active:!p,className:n?"disabled":"",onClick:()=>b(!1),disableRipple:!0,disabled:n,children:a}),
+/* @__PURE__ */e.jsx(r,{active:p,className:n?"disabled":"",onClick:()=>b(!0),disableRipple:!0,disabled:n,children:i})]})};exports.CustomToggleSwitch=d,exports.default=d;
 //# sourceMappingURL=index.js.map

package/dist/components/custom-toggle-switch/custom-toggle-switch/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/custom-toggle-switch/custom-toggle-switch.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Box,\n styled,\n ButtonBase,\n} from '@mui/material';\n\n// Styled container for the toggle switch\nconst ToggleContainer = styled(Box)(({ theme }) => ({\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n // backgroundColor: theme.palette.grey[300],\n borderRadius: theme.spacing(3),\n padding: theme.spacing(0.5),\n cursor: 'pointer',\n transition: 'all 0.3s ease-in-out',\n minWidth: 'max-content',\n backgroundColor: theme.palette.common.white,\n border: '1px solid',\n borderColor: theme.palette.grey[200],\n '&.disabled': {\n opacity: 0.5,\n cursor: 'not-allowed',\n },\n}));\n\n// Styled sliding background\nconst SlidingBackground = styled(Box)(({ theme }) => ({\n position: 'absolute',\n // top: theme.spacing(0.5),\n // bottom: theme.spacing(0.5),\n backgroundColor: theme.palette.theme.primary[100],\n borderRadius: theme.spacing(2.5),\n transition: 'all 0.3s ease-in-out',\n top:0,\n bottom: 0,\n zIndex: 1,\n}));\n\n// Styled text label\nconst ToggleLabel = styled(ButtonBase)(({ theme, active }) => ({\n position: 'relative',\n zIndex: 2,\n padding: theme.spacing(1, 1.5),\n borderRadius: theme.spacing(2.5),\n fontSize: '0.75rem',\n fontWeight: 500,\n whiteSpace: 'nowrap',\n userSelect: 'none',\n transition: 'color 0.3s ease-in-out',\n color: active ? theme.palette.primary.main : theme.palette.grey[600],\n '&:hover:not(.disabled)': {\n color: active ? theme.palette.primary.main : theme.palette.grey[800],\n },\n '&.disabled': {\n cursor: 'not-allowed',\n },\n}));\n\n// Main dynamic toggle switch component\nconst CustomToggleSwitch = ({\n leftLabel = \"Collapse All\",\n rightLabel = \"Expand All\",\n defaultChecked = false,\n onChange,\n disabled = false,\n sx = {},\n ...props\n}) => {\n const [checked, setChecked] = useState(defaultChecked);\n\n const handleChange = (newValue) => {\n if (disabled) return;\n setChecked(newValue);\n if (onChange) {\n onChange(newValue, newValue ? rightLabel : leftLabel);\n }\n };\n\n const handleTextClick = (isRightLabel) => {\n if (disabled) return;\n const newValue = isRightLabel;\n handleChange(newValue);\n };\n\n return (\n <ToggleContainer\n className={disabled ? 'disabled' : ''}\n sx={sx}\n {...props}\n >\n {/* Sliding background /}\n <SlidingBackground\n sx={{\n left: checked ? '50%' : 0,\n right: checked ? 0 : '50%',\n }}\n />\n \n {/ Left label /}\n <ToggleLabel\n active={!checked}\n className={disabled ? 'disabled' : ''}\n onClick={() => handleTextClick(false)}\n disableRipple={true}\n disabled={disabled}\n >\n {leftLabel}\n </ToggleLabel>\n \n {/ Right label */}\n <ToggleLabel\n active={checked}\n className={disabled ? 'disabled' : ''}\n onClick={() => handleTextClick(true)}\n disableRipple={true}\n disabled={disabled}\n >\n {rightLabel}\n </ToggleLabel>\n </ToggleContainer>\n );\n};\n\nexport default CustomToggleSwitch"],"names":["ToggleContainer","styled","Box","theme","position","display","alignItems","borderRadius","spacing","padding","cursor","transition","minWidth","backgroundColor","palette","common","white","border","borderColor","grey","opacity","SlidingBackground","primary","top","bottom","zIndex","ToggleLabel","ButtonBase","active","fontSize","fontWeight","whiteSpace","userSelect","color","main","leftLabel","rightLabel","defaultChecked","onChange","disabled","sx","props","checked","setChecked","useState","handleTextClick","isRightLabel","newValue","jsxs","className","children","jsx","left","right","onClick","disableRipple"],"mappings":"oVAQA,MAAMA,EAAkBC,EAAAA,QAAOC,EAAAA,QAAPD,CAAY,EAAGE,aACrCC,SAAU,WACVC,QAAS,cACTC,WAAY,SAEZC,aAAcJ,EAAMK,QAAQ,GAC5BC,QAASN,EAAMK,QAAQ,IACvBE,OAAQ,UACRC,WAAY,uBACZC,SAAU,cACVC,gBAAiBV,EAAMW,QAAQC,OAAOC,MACtCC,OAAQ,YACRC,YAAaf,EAAMW,QAAQK,KAAK,KAChC,aAAc,CACZC,QAAS,GACTV,OAAQ,kBAKNW,EAAoBpB,EAAAA,QAAOC,EAAAA,QAAPD,CAAY,EAAGE,aACvCC,SAAU,WAGVS,gBAAiBV,EAAMW,QAAQX,MAAMmB,QAAQ,KAC7Cf,aAAcJ,EAAMK,QAAQ,KAC5BG,WAAY,uBACZY,IAAI,EACJC,OAAQ,EACRC,OAAQ,KAIJC,EAAczB,EAAAA,QAAO0B,EAAAA,QAAP1B,CAAmB,EAAGE,QAAOyB,cAC/CxB,SAAU,WACVqB,OAAQ,EACRhB,QAASN,EAAMK,QAAQ,EAAG,KAC1BD,aAAcJ,EAAMK,QAAQ,KAC5BqB,SAAU,UACVC,WAAY,IACZC,WAAY,SACZC,WAAY,OACZrB,WAAY,yBACZsB,MAAOL,EAASzB,EAAMW,QAAQQ,QAAQY,KAAO/B,EAAMW,QAAQK,KAAK,KAChE,yBAA0B,CACxBc,MAAOL,EAASzB,EAAMW,QAAQQ,QAAQY,KAAO/B,EAAMW,QAAQK,KAAK,MAElE,aAAc,CACZT,OAAQ,~~kCAKe~~,~~EACzByB~~,YAAY,eACZC,aAAa,aACbC,kBAAiB,EACjBC,WACAC,YAAW,EACXC,KAAK,CAAA,KACFC,MAEH,MAAOC,EAASC,GAAcC,EAAAA,SAASP,GAUjCQ,EAAmBC,IARJ,IAACC,EAShBR,IATgBQ,EAUHD,EATbP,IACJI,EAAWI,GACPT,GACFA,EAASS,EAAUA,EAAWX,EAAaD;AAU/C,OACEa,EAAAA,~~KAAChD~~,EAAA,~~CACCiD~~,UAAWV,EAAW,WAAa,GACnCC,QACIC,EAGJS,SAAA;eAAAC,EAAAA,~~IAAC9B~~,EAAA,~~CACCmB~~,GAAI,CACFY,KAAMV,EAAU,MAAQ,EACxBW,MAAOX,EAAU,EAAI;eAKzBS,EAAAA,~~IAACzB~~,EAAA,CACCE,~~QAASc~~,EACTO,UAAWV,EAAW,WAAa,GACnCe,QAAS,IAAMT,GAAgB,GAC/BU,eAAe,EACfhB,WAECW,SAAAf;eAIHgB,EAAAA,~~IAACzB~~,EAAA,CACCE,~~OAAQc~~,EACRO,UAAWV,EAAW,WAAa,GACnCe,QAAS,IAAMT,GAAgB,GAC/BU,eAAe,EACfhB,WAECW,SAAAd"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/custom-toggle-switch/custom-toggle-switch.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Box,\n styled,\n ButtonBase,\n} from '@mui/material';\n\n// Styled container for the toggle switch\nconst ToggleContainer = styled(Box)(({ theme }) => ({\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n // backgroundColor: theme.palette.grey[300],\n borderRadius: theme.spacing(3),\n padding: theme.spacing(0.5),\n cursor: 'pointer',\n transition: 'all 0.3s ease-in-out',\n minWidth: 'max-content',\n backgroundColor: theme.palette.common.white,\n border: '1px solid',\n borderColor: theme.palette.grey[200],\n '&.disabled': {\n opacity: 0.5,\n cursor: 'not-allowed',\n },\n}));\n\n// Styled sliding background\nconst SlidingBackground = styled(Box)(({ theme }) => ({\n position: 'absolute',\n // top: theme.spacing(0.5),\n // bottom: theme.spacing(0.5),\n backgroundColor: theme.palette.theme.primary[100],\n borderRadius: theme.spacing(2.5),\n transition: 'all 0.3s ease-in-out',\n top:0,\n bottom: 0,\n zIndex: 1,\n}));\n\n// Styled text label\nconst ToggleLabel = styled(ButtonBase)(({ theme, active }) => ({\n position: 'relative',\n zIndex: 2,\n padding: theme.spacing(1, 1.5),\n borderRadius: theme.spacing(2.5),\n fontSize: '0.75rem',\n fontWeight: 500,\n whiteSpace: 'nowrap',\n userSelect: 'none',\n transition: 'color 0.3s ease-in-out',\n color: active ? theme.palette.primary.main : theme.palette.grey[600],\n '&:hover:not(.disabled)': {\n color: active ? theme.palette.primary.main : theme.palette.grey[800],\n },\n '&.disabled': {\n cursor: 'not-allowed',\n },\n}));\n\n// Main dynamic toggle switch component\nconst CustomToggleSwitch = ({\n leftLabel = \"Collapse All\",\n rightLabel = \"Expand All\",\n defaultChecked = false,\n onChange,\n disabled = false,\n sx = {},\n ...props\n}) => {\n const [checked, setChecked] = useState(defaultChecked);\n\n const handleChange = (newValue) => {\n if (disabled) return;\n setChecked(newValue);\n if (onChange) {\n onChange(newValue, newValue ? rightLabel : leftLabel);\n }\n };\n\n const handleTextClick = (isRightLabel) => {\n if (disabled) return;\n const newValue = isRightLabel;\n handleChange(newValue);\n };\n\n return (\n <ToggleContainer\n className={disabled ? 'disabled' : ''}\n sx={sx}\n {...props}\n >\n {/* Sliding background /}\n <SlidingBackground\n sx={{\n left: checked ? '50%' : 0,\n right: checked ? 0 : '50%',\n }}\n />\n \n {/ Left label /}\n <ToggleLabel\n active={!checked}\n className={disabled ? 'disabled' : ''}\n onClick={() => handleTextClick(false)}\n disableRipple={true}\n disabled={disabled}\n >\n {leftLabel}\n </ToggleLabel>\n \n {/ Right label */}\n <ToggleLabel\n active={checked}\n className={disabled ? 'disabled' : ''}\n onClick={() => handleTextClick(true)}\n disableRipple={true}\n disabled={disabled}\n >\n {rightLabel}\n </ToggleLabel>\n </ToggleContainer>\n );\n};\n\nexport { CustomToggleSwitch };\nexport default CustomToggleSwitch"],"names":["ToggleContainer","styled","Box","theme","position","display","alignItems","borderRadius","spacing","padding","cursor","transition","minWidth","backgroundColor","palette","common","white","border","borderColor","grey","opacity","SlidingBackground","primary","top","bottom","zIndex","ToggleLabel","ButtonBase","active","fontSize","fontWeight","whiteSpace","userSelect","color","main","CustomToggleSwitch","leftLabel","rightLabel","defaultChecked","onChange","disabled","sx","props","checked","setChecked","useState","handleTextClick","isRightLabel","newValue","jsxs","className","children","jsx","left","right","onClick","disableRipple"],"mappings":"oVAQA,MAAMA,EAAkBC,EAAAA,QAAOC,EAAAA,QAAPD,CAAY,EAAGE,aACrCC,SAAU,WACVC,QAAS,cACTC,WAAY,SAEZC,aAAcJ,EAAMK,QAAQ,GAC5BC,QAASN,EAAMK,QAAQ,IACvBE,OAAQ,UACRC,WAAY,uBACZC,SAAU,cACVC,gBAAiBV,EAAMW,QAAQC,OAAOC,MACtCC,OAAQ,YACRC,YAAaf,EAAMW,QAAQK,KAAK,KAChC,aAAc,CACZC,QAAS,GACTV,OAAQ,kBAKNW,EAAoBpB,EAAAA,QAAOC,EAAAA,QAAPD,CAAY,EAAGE,aACvCC,SAAU,WAGVS,gBAAiBV,EAAMW,QAAQX,MAAMmB,QAAQ,KAC7Cf,aAAcJ,EAAMK,QAAQ,KAC5BG,WAAY,uBACZY,IAAI,EACJC,OAAQ,EACRC,OAAQ,KAIJC,EAAczB,EAAAA,QAAO0B,EAAAA,QAAP1B,CAAmB,EAAGE,QAAOyB,cAC/CxB,SAAU,WACVqB,OAAQ,EACRhB,QAASN,EAAMK,QAAQ,EAAG,KAC1BD,aAAcJ,EAAMK,QAAQ,KAC5BqB,SAAU,UACVC,WAAY,IACZC,WAAY,SACZC,WAAY,OACZrB,WAAY,yBACZsB,MAAOL,EAASzB,EAAMW,QAAQQ,QAAQY,KAAO/B,EAAMW,QAAQK,KAAK,KAChE,yBAA0B,CACxBc,MAAOL,EAASzB,EAAMW,QAAQQ,QAAQY,KAAO/B,EAAMW,QAAQK,KAAK,MAElE,aAAc,CACZT,OAAQ,kBAKNyB,EAAqB,EACzBC,YAAY,eACZC,aAAa,aACbC,kBAAiB,EACjBC,WACAC,YAAW,EACXC,KAAK,CAAA,KACFC,MAEH,MAAOC,EAASC,GAAcC,EAAAA,SAASP,GAUjCQ,EAAmBC,IARJ,IAACC,EAShBR,IATgBQ,EAUHD,EATbP,IACJI,EAAWI,GACPT,GACFA,EAASS,EAAUA,EAAWX,EAAaD;AAU/C,OACEa,EAAAA,KAACjD,EAAA,CACCkD,UAAWV,EAAW,WAAa,GACnCC,QACIC,EAGJS,SAAA;eAAAC,EAAAA,IAAC/B,EAAA,CACCoB,GAAI,CACFY,KAAMV,EAAU,MAAQ,EACxBW,MAAOX,EAAU,EAAI;eAKzBS,EAAAA,IAAC1B,EAAA,CACCE,QAASe,EACTO,UAAWV,EAAW,WAAa,GACnCe,QAAS,IAAMT,GAAgB,GAC/BU,eAAe,EACfhB,WAECW,SAAAf;eAIHgB,EAAAA,IAAC1B,EAAA,CACCE,OAAQe,EACRO,UAAWV,EAAW,WAAa,GACnCe,QAAS,IAAMT,GAAgB,GAC/BU,eAAe,EACfhB,WAECW,SAAAd"}

package/dist/components/custom-toggle-switch/custom-toggle-switch.d.ts CHANGED Viewed

@@ -7,4 +7,5 @@ declare const CustomToggleSwitch: ({ leftLabel, rightLabel, defaultChecked, onCh
     disabled?: boolean;
     sx?: {};
 }) => import("react/jsx-runtime").JSX.Element;
+export { CustomToggleSwitch };
 export default CustomToggleSwitch;

package/dist/components/date-picker/date-picker/index.esm.js CHANGED Viewed

@@ -123,6 +123,7 @@ const DatePicker = memo((props) => {
   ] });
 });
 export {
+  DatePicker,
   DatePicker as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/date-picker/date-picker/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DatePicker as Date } from '@mui/x-date-pickers/DatePicker';\nimport Typography from '../typography/typography';\nimport { styled } from '@mui/material';\nimport logo from '../../assets/images';\nimport './date-picker.scss';\nimport dayjs from 'dayjs';\nimport { memo } from 'react';\n\nexport interface DatePickerProps {\n\tlabel: string;\n\tdisabled?: boolean;\n\terror?: boolean;\n\tname?: string;\n\tvalue?: string \| number \| Date;\n\thelperText?: string;\n\tdataPosition?: number;\n\tdataName?: string;\n\tdisableFutureDates?: boolean;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tdisablePastDates?: boolean;\n\tdefaultValue?: string \| number \| Date \| undefined;\n\ttextFieldProps?: any;\n\tformat?: string;\n\n}\n\nconst StyledDatePicker = styled(Date)(({ theme: { palette } }) => ({\n\t'& .MuiOutlinedInput-root': {\n\t\tpadding: '0',\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'& fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[400]\n\t\t},\n\t\t'&:hover fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[500]\n\t\t},\n\t\t'&.Mui-focused fieldset': {\n\t\t\tborderWidth: '0.0625rem',\n\t\t\tborderStyle: 'solid',\n\t\t\tborderColor: palette.theme?.primary[700]\n\t\t},\n\t\t'&.Mui-error fieldset': {\n\t\t\tborderColor: palette.theme?.error[600]\n\t\t},\n\t\t'&.Mui-disabled': {\n\t\t\tbackground: palette.theme?.secondary[200],\n\t\t\tcolor: palette.theme?.secondary[800]\n\t\t},\n\t\t'& .MuiInputBase-input::placeholder': {\n\t\t\tcolor: palette.theme?.secondary[800],\n\t\t\topacity: 1\n\t\t}\n\t},\n\t'& .MuiFormHelperText-root': {\n\t\tmarginLeft: 0,\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'&.Mui-error': {\n\t\t\tcolor: palette.theme?.error[600]\n\t\t}\n\t},\n\t'& .MuiIconButton-root': {\n\t\tmarginRight: 0\n\t},\n\t'& .MuiPickersCalendarHeader-labelContainer': {\n\t\tfontWeight: 600\n\t}\n}));\n\nconst DatePicker = memo((props: DatePickerProps) => {\n\tconst {\n\t\tlabel,\n\t\tdisabled,\n\t\terror,\n\t\thelperText,\n\t\tdataName,\n\t\tdataPosition,\n\t\tdisableFutureDates = false,\n\t\tplaceholder,\n\t\trequired = false,\n\t\tdisablePastDates = false,\n\t\tdefaultValue,\n\t\ttextFieldProps,\n\t\tformat,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<LocalizationProvider dateAdapter={AdapterDayjs}>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}>\n\t\t\t\t\t{label} {required && <span className='requiredStar'>*</span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n\t\t\t<StyledDatePicker\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdisableFuture={disableFutureDates}\n\t\t\t\tdisablePast={disablePastDates}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField: {\n\t\t\t\t\t\thelperText: helperText,\n\t\t\t\t\t\terror: error,\n\t\t\t\t\t\tplaceholder: placeholder \|\| 'MM/DD/YYYY',\n\t\t\t\t\t\t...textFieldProps\n\t\t\t\t\t\t// required: required,\n\t\t\t\t\t},\n\t\t\t\t\tdesktopPaper: {\n\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t'& .MuiButtonBase-root.Mui-selected': {\n\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\tbgcolor: '#B6E9D6 !important'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'& .MuiButtonBase-root:hover': {\n\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\tbgcolor: '#B6E9D6 !important'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tformat={format \|\| 'DD-MM-YYYY'}\n\t\t\t\tslots={{ openPickerIcon: logo.CalenderIcon }}\n\t\t\t\t{...rest}\n\t\t\t\t\n\t\t\t\tdefaultValue={defaultValue ? dayjs(defaultValue) : undefined}\n\t\t\t\tclassName='datePicker'\n\t\t\t/>\n\t\t</LocalizationProvider>\n\t);\n});\n\nexport default DatePicker;\n"],"names":["Date","logo"],"mappings":";;;;;;;;;;AA6BA,MAAM,mBAAmB,OAAOA,YAAI,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,4BAA4B;AAAA,MAC3B,SAAS;AAAA,MACT,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,cAAc;AAAA,QACb,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAE1C,oBAAoB;AAAA,QACnB,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAE1C,0BAA0B;AAAA,QACzB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAAG;AAAA,MAExC,wBAAwB;AAAA,QACvB,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAAG;AAAA,MAEtC,kBAAkB;AAAA,QACjB,aAAY,aAAQ,UAAR,mBAAe,UAAU;AAAA,QACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAEpC,sCAAsC;AAAA,QACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,QAChC,SAAS;AAAA,MAAA;AAAA,IACV;AAAA,IAED,6BAA6B;AAAA,MAC5B,YAAY;AAAA,MACZ,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,eAAe;AAAA,QACd,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAAG;AAAA,IAChC;AAAA,IAED,yBAAyB;AAAA,MACxB,aAAa;AAAA,IAAA;AAAA,IAEd,8CAA8C;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,EAEd;AAAA,CAAE;AAEF,MAAM,aAAa,KAAK,CAAC,UAA2B;AACnD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACA;AAEJ,SACC,qBAAC,sBAAA,EAAqB,aAAa,cACjC,UAAA;AAAA,IAAA,SACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,IAAI;AAAA,QACJ,OAAO,QAAQ,oBAAoB;AAAA,QACnC,iBAAe;AAAA,QACf,aAAW;AAAA,QACV,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,YAAY,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,IAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGvD;AAAA,MAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,WAAW;AAAA,UACV,WAAW;AAAA,YACV;AAAA,YACA;AAAA,YACA,aAAa,eAAe;AAAA,YAC5B,GAAG;AAAA;AAAA,UAAA;AAAA,UAGJ,cAAc;AAAA,YACb,IAAI;AAAA,cACH,sCAAsC;AAAA,gBACrC,OAAO;AAAA,gBACP,SAAS;AAAA,cAAA;AAAA,cAEV,+BAA+B;AAAA,gBAC9B,OAAO;AAAA,gBACP,SAAS;AAAA,cAAA;AAAA,YACV;AAAA,UACD;AAAA,QACD;AAAA,QAED,QAAQ,UAAU;AAAA,QAClB,OAAO,EAAE,gBAAgBC,OAAK,aAAA;AAAA,QAC7B,GAAG;AAAA,QAEJ,cAAc,eAAe,MAAM,YAAY,IAAI;AAAA,QACnD,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GACD;AAEF,CAAC;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DatePicker as Date } from '@mui/x-date-pickers/DatePicker';\nimport Typography from '../typography/typography';\nimport { styled } from '@mui/material';\nimport logo from '../../assets/images';\nimport './date-picker.scss';\nimport dayjs from 'dayjs';\nimport { memo } from 'react';\n\nexport interface DatePickerProps {\n\tlabel: string;\n\tdisabled?: boolean;\n\terror?: boolean;\n\tname?: string;\n\tvalue?: string \| number \| Date;\n\thelperText?: string;\n\tdataPosition?: number;\n\tdataName?: string;\n\tdisableFutureDates?: boolean;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tdisablePastDates?: boolean;\n\tdefaultValue?: string \| number \| Date \| undefined;\n\ttextFieldProps?: any;\n\tformat?: string;\n\n}\n\nconst StyledDatePicker = styled(Date)(({ theme: { palette } }) => ({\n\t'& .MuiOutlinedInput-root': {\n\t\tpadding: '0',\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'& fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[400]\n\t\t},\n\t\t'&:hover fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[500]\n\t\t},\n\t\t'&.Mui-focused fieldset': {\n\t\t\tborderWidth: '0.0625rem',\n\t\t\tborderStyle: 'solid',\n\t\t\tborderColor: palette.theme?.primary[700]\n\t\t},\n\t\t'&.Mui-error fieldset': {\n\t\t\tborderColor: palette.theme?.error[600]\n\t\t},\n\t\t'&.Mui-disabled': {\n\t\t\tbackground: palette.theme?.secondary[200],\n\t\t\tcolor: palette.theme?.secondary[800]\n\t\t},\n\t\t'& .MuiInputBase-input::placeholder': {\n\t\t\tcolor: palette.theme?.secondary[800],\n\t\t\topacity: 1\n\t\t}\n\t},\n\t'& .MuiFormHelperText-root': {\n\t\tmarginLeft: 0,\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'&.Mui-error': {\n\t\t\tcolor: palette.theme?.error[600]\n\t\t}\n\t},\n\t'& .MuiIconButton-root': {\n\t\tmarginRight: 0\n\t},\n\t'& .MuiPickersCalendarHeader-labelContainer': {\n\t\tfontWeight: 600\n\t}\n}));\n\nconst DatePicker = memo((props: DatePickerProps) => {\n\tconst {\n\t\tlabel,\n\t\tdisabled,\n\t\terror,\n\t\thelperText,\n\t\tdataName,\n\t\tdataPosition,\n\t\tdisableFutureDates = false,\n\t\tplaceholder,\n\t\trequired = false,\n\t\tdisablePastDates = false,\n\t\tdefaultValue,\n\t\ttextFieldProps,\n\t\tformat,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<LocalizationProvider dateAdapter={AdapterDayjs}>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}>\n\t\t\t\t\t{label} {required && <span className='requiredStar'>*</span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n\t\t\t<StyledDatePicker\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdisableFuture={disableFutureDates}\n\t\t\t\tdisablePast={disablePastDates}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField: {\n\t\t\t\t\t\thelperText: helperText,\n\t\t\t\t\t\terror: error,\n\t\t\t\t\t\tplaceholder: placeholder \|\| 'MM/DD/YYYY',\n\t\t\t\t\t\t...textFieldProps\n\t\t\t\t\t\t// required: required,\n\t\t\t\t\t},\n\t\t\t\t\tdesktopPaper: {\n\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t'& .MuiButtonBase-root.Mui-selected': {\n\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\tbgcolor: '#B6E9D6 !important'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'& .MuiButtonBase-root:hover': {\n\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\tbgcolor: '#B6E9D6 !important'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tformat={format \|\| 'DD-MM-YYYY'}\n\t\t\t\tslots={{ openPickerIcon: logo.CalenderIcon }}\n\t\t\t\t{...rest}\n\t\t\t\t\n\t\t\t\tdefaultValue={defaultValue ? dayjs(defaultValue) : undefined}\n\t\t\t\tclassName='datePicker'\n\t\t\t/>\n\t\t</LocalizationProvider>\n\t);\n});\n\nexport { DatePicker };\nexport default DatePicker;\n"],"names":["Date","logo"],"mappings":";;;;;;;;;;AA6BA,MAAM,mBAAmB,OAAOA,YAAI,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,4BAA4B;AAAA,MAC3B,SAAS;AAAA,MACT,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,cAAc;AAAA,QACb,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAE1C,oBAAoB;AAAA,QACnB,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAE1C,0BAA0B;AAAA,QACzB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAAG;AAAA,MAExC,wBAAwB;AAAA,QACvB,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAAG;AAAA,MAEtC,kBAAkB;AAAA,QACjB,aAAY,aAAQ,UAAR,mBAAe,UAAU;AAAA,QACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAEpC,sCAAsC;AAAA,QACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,QAChC,SAAS;AAAA,MAAA;AAAA,IACV;AAAA,IAED,6BAA6B;AAAA,MAC5B,YAAY;AAAA,MACZ,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,eAAe;AAAA,QACd,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAAG;AAAA,IAChC;AAAA,IAED,yBAAyB;AAAA,MACxB,aAAa;AAAA,IAAA;AAAA,IAEd,8CAA8C;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,EAEd;AAAA,CAAE;AAEF,MAAM,aAAa,KAAK,CAAC,UAA2B;AACnD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACA;AAEJ,SACC,qBAAC,sBAAA,EAAqB,aAAa,cACjC,UAAA;AAAA,IAAA,SACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,IAAI;AAAA,QACJ,OAAO,QAAQ,oBAAoB;AAAA,QACnC,iBAAe;AAAA,QACf,aAAW;AAAA,QACV,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,YAAY,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,IAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGvD;AAAA,MAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,WAAW;AAAA,UACV,WAAW;AAAA,YACV;AAAA,YACA;AAAA,YACA,aAAa,eAAe;AAAA,YAC5B,GAAG;AAAA;AAAA,UAAA;AAAA,UAGJ,cAAc;AAAA,YACb,IAAI;AAAA,cACH,sCAAsC;AAAA,gBACrC,OAAO;AAAA,gBACP,SAAS;AAAA,cAAA;AAAA,cAEV,+BAA+B;AAAA,gBAC9B,OAAO;AAAA,gBACP,SAAS;AAAA,cAAA;AAAA,YACV;AAAA,UACD;AAAA,QACD;AAAA,QAED,QAAQ,UAAU;AAAA,QAClB,OAAO,EAAE,gBAAgBC,OAAK,aAAA;AAAA,QAC7B,GAAG;AAAA,QAEJ,cAAc,eAAe,MAAM,YAAY,IAAI;AAAA,QACnD,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GACD;AAEF,CAAC;"}

package/dist/components/date-picker/date-picker/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                                 */o=;/* empty css                     */;/* empty css                         */var t=require("dayjs"),i=require("react"),a=,/* empty css                                                                                         */d=,/* empty css                                                                         */l=,/* empty css                                                       */s=;/* empty css                                                                     */function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/* @__PURE__ */u(t);const c=l.default(s.DatePicker)(({theme:{palette:e}})=>{var r,o,t,i,a,d,l,s,u,n;return{"& .MuiOutlinedInput-root":{padding:"0",color:null==(r=e.theme)?void 0:r.secondary[800],"& fieldset":{borderColor:null==(o=e.theme)?void 0:o.secondary[400]},"&:hover fieldset":{borderColor:null==(t=e.theme)?void 0:t.secondary[500]},"&.Mui-focused fieldset":{borderWidth:"0.0625rem",borderStyle:"solid",borderColor:null==(i=e.theme)?void 0:i.primary[700]},"&.Mui-error fieldset":{borderColor:null==(a=e.theme)?void 0:a.error[600]},"&.Mui-disabled":{background:null==(d=e.theme)?void 0:d.secondary[200],color:null==(l=e.theme)?void 0:l.secondary[800]},"& .MuiInputBase-input::placeholder":{color:null==(s=e.theme)?void 0:s.secondary[800],opacity:1}},"& .MuiFormHelperText-root":{marginLeft:0,color:null==(u=e.theme)?void 0:u.secondary[800],"&.Mui-error":{color:null==(n=e.theme)?void 0:n.error[600]}},"& .MuiIconButton-root":{marginRight:0},"& .MuiPickersCalendarHeader-labelContainer":{fontWeight:600}}}),m=i.memo(t=>{const{label:i,disabled:l,error:s,helperText:u,dataName:m,dataPosition:p,disableFutureDates:h=!1,placeholder:y,required:x=!1,disablePastDates:b=!1,defaultValue:v,textFieldProps:f,format:j,...M}=t;/* @__PURE__ */
 return e.jsxs(a.LocalizationProvider,{dateAdapter:d.AdapterDayjs,children:[i&&/* @__PURE__ */e.jsxs(r.Typography,{type:"s5",weight:"medium",mb:.5,color:s?"theme.error.600":"theme.secondary.800","data-position":p,"data-name":m,children:[i," ",x&&/* @__PURE__ */e.jsx("span",{className:"requiredStar",children:"*"})]}),
-/* @__PURE__ */e.jsx(c,{disabled:l,disableFuture:h,disablePast:b,slotProps:{textField:{helperText:u,error:s,placeholder:y||"MM/DD/YYYY",...f},desktopPaper:{sx:{"& .MuiButtonBase-root.Mui-selected":{color:"theme.primary.900",bgcolor:"#B6E9D6 !important"},"& .MuiButtonBase-root:hover":{color:"theme.primary.900",bgcolor:"#B6E9D6 !important"}}}},format:j||"DD-MM-YYYY",slots:{openPickerIcon:o.images.CalenderIcon},...M,defaultValue:v?n.default(v):void 0,className:"datePicker"})]})});exports.default=m;
+/* @__PURE__ */e.jsx(c,{disabled:l,disableFuture:h,disablePast:b,slotProps:{textField:{helperText:u,error:s,placeholder:y||"MM/DD/YYYY",...f},desktopPaper:{sx:{"& .MuiButtonBase-root.Mui-selected":{color:"theme.primary.900",bgcolor:"#B6E9D6 !important"},"& .MuiButtonBase-root:hover":{color:"theme.primary.900",bgcolor:"#B6E9D6 !important"}}}},format:j||"DD-MM-YYYY",slots:{openPickerIcon:o.images.CalenderIcon},...M,defaultValue:v?n.default(v):void 0,className:"datePicker"})]})});exports.DatePicker=m,exports.default=m;
 //# sourceMappingURL=index.js.map

package/dist/components/date-picker/date-picker/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DatePicker as Date } from '@mui/x-date-pickers/DatePicker';\nimport Typography from '../typography/typography';\nimport { styled } from '@mui/material';\nimport logo from '../../assets/images';\nimport './date-picker.scss';\nimport dayjs from 'dayjs';\nimport { memo } from 'react';\n\nexport interface DatePickerProps {\n\tlabel: string;\n\tdisabled?: boolean;\n\terror?: boolean;\n\tname?: string;\n\tvalue?: string \| number \| Date;\n\thelperText?: string;\n\tdataPosition?: number;\n\tdataName?: string;\n\tdisableFutureDates?: boolean;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tdisablePastDates?: boolean;\n\tdefaultValue?: string \| number \| Date \| undefined;\n\ttextFieldProps?: any;\n\tformat?: string;\n\n}\n\nconst StyledDatePicker = styled(Date)(({ theme: { palette } }) => ({\n\t'& .MuiOutlinedInput-root': {\n\t\tpadding: '0',\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'& fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[400]\n\t\t},\n\t\t'&:hover fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[500]\n\t\t},\n\t\t'&.Mui-focused fieldset': {\n\t\t\tborderWidth: '0.0625rem',\n\t\t\tborderStyle: 'solid',\n\t\t\tborderColor: palette.theme?.primary[700]\n\t\t},\n\t\t'&.Mui-error fieldset': {\n\t\t\tborderColor: palette.theme?.error[600]\n\t\t},\n\t\t'&.Mui-disabled': {\n\t\t\tbackground: palette.theme?.secondary[200],\n\t\t\tcolor: palette.theme?.secondary[800]\n\t\t},\n\t\t'& .MuiInputBase-input::placeholder': {\n\t\t\tcolor: palette.theme?.secondary[800],\n\t\t\topacity: 1\n\t\t}\n\t},\n\t'& .MuiFormHelperText-root': {\n\t\tmarginLeft: 0,\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'&.Mui-error': {\n\t\t\tcolor: palette.theme?.error[600]\n\t\t}\n\t},\n\t'& .MuiIconButton-root': {\n\t\tmarginRight: 0\n\t},\n\t'& .MuiPickersCalendarHeader-labelContainer': {\n\t\tfontWeight: 600\n\t}\n}));\n\nconst DatePicker = memo((props: DatePickerProps) => {\n\tconst {\n\t\tlabel,\n\t\tdisabled,\n\t\terror,\n\t\thelperText,\n\t\tdataName,\n\t\tdataPosition,\n\t\tdisableFutureDates = false,\n\t\tplaceholder,\n\t\trequired = false,\n\t\tdisablePastDates = false,\n\t\tdefaultValue,\n\t\ttextFieldProps,\n\t\tformat,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<LocalizationProvider dateAdapter={AdapterDayjs}>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}>\n\t\t\t\t\t{label} {required && <span className='requiredStar'>*</span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n\t\t\t<StyledDatePicker\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdisableFuture={disableFutureDates}\n\t\t\t\tdisablePast={disablePastDates}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField: {\n\t\t\t\t\t\thelperText: helperText,\n\t\t\t\t\t\terror: error,\n\t\t\t\t\t\tplaceholder: placeholder \|\| 'MM/DD/YYYY',\n\t\t\t\t\t\t...textFieldProps\n\t\t\t\t\t\t// required: required,\n\t\t\t\t\t},\n\t\t\t\t\tdesktopPaper: {\n\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t'& .MuiButtonBase-root.Mui-selected': {\n\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\tbgcolor: '#B6E9D6 !important'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'& .MuiButtonBase-root:hover': {\n\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\tbgcolor: '#B6E9D6 !important'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tformat={format \|\| 'DD-MM-YYYY'}\n\t\t\t\tslots={{ openPickerIcon: logo.CalenderIcon }}\n\t\t\t\t{...rest}\n\t\t\t\t\n\t\t\t\tdefaultValue={defaultValue ? dayjs(defaultValue) : undefined}\n\t\t\t\tclassName='datePicker'\n\t\t\t/>\n\t\t</LocalizationProvider>\n\t);\n});\n\nexport default DatePicker;\n"],"names":["StyledDatePicker","styled","Date","theme","palette","padding","color","_a","secondary","borderColor","_b","_c","borderWidth","borderStyle","_d","primary","_e","error","background","_f","_g","_h","opacity","marginLeft","_i","_j","marginRight","fontWeight","DatePicker","memo","props","label","disabled","helperText","dataName","dataPosition","disableFutureDates","placeholder","required","disablePastDates","defaultValue","textFieldProps","format","rest","jsxs","LocalizationProvider","dateAdapter","AdapterDayjs","children","Typography","type","weight","mb","jsx","className","disableFuture","disablePast","slotProps","textField","desktopPaper","sx","bgcolor","slots","openPickerIcon","logo","CalenderIcon","dayjs"],"mappings":"qtBA6BA,MAAMA,EAAmBC,EAAAA,QAAOC,aAAPD,CAAa,EAAGE,OAASC,uCAAiB,MAAA,CAClE,2BAA4B,CAC3BC,QAAS,IACTC,MAAO,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,KAChC,aAAc,CACbC,YAAa,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeF,UAAU,MAEvC,mBAAoB,CACnBC,YAAa,OAAAE,EAAAP,EAAQD,YAAR,EAAAQ,EAAeH,UAAU,MAEvC,yBAA0B,CACzBI,YAAa,YACbC,YAAa,QACbJ,YAAa,OAAAK,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,QAAQ,MAErC,uBAAwB,CACvBN,YAAa,OAAAO,EAAAZ,EAAQD,YAAR,EAAAa,EAAeC,MAAM,MAEnC,iBAAkB,CACjBC,WAAY,OAAAC,EAAAf,EAAQD,YAAR,EAAAgB,EAAeX,UAAU,KACrCF,MAAO,OAAAc,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeZ,UAAU,MAEjC,qCAAsC,CACrCF,MAAO,OAAAe,EAAAjB,EAAQD,YAAR,EAAAkB,EAAeb,UAAU,KAChCc,QAAS,IAGX,4BAA6B,CAC5BC,WAAY,EACZjB,MAAO,OAAAkB,EAAApB,EAAQD,YAAR,EAAAqB,EAAehB,UAAU,KAChC,cAAe,CACdF,MAAO,OAAAmB,EAAArB,EAAQD,YAAR,EAAAsB,EAAeR,MAAM,OAG9B,wBAAyB,CACxBS,YAAa,GAEd,6CAA8C,CAC7CC,WAAY,QAIRC,EAAaC,EAAAA,KAAMC,IACxB,MAAMC,MACLA,EAAAC,SACAA,EAAAf,MACAA,EAAAgB,WACAA,EAAAC,SACAA,EAAAC,aACAA,EAAAC,mBACAA,GAAqB,EAAAC,YACrBA,EAAAC,SACAA,GAAW,EAAAC,iBACXA,GAAmB,EAAAC,aACnBA,EAAAC,eACAA,EAAAC,OACAA,KACGC,GACAb;AAEJ,OACCc,EAAAA,KAACC,EAAAA,qBAAA,CAAqBC,YAAaC,EAAAA,aACjCC,SAAA,CAAAjB,kBACAa,EAAAA,KAACK,EAAAA,WAAA,CACAC,KAAK,KACLC,OAAO,SACPC,GAAI,GACJ9C,MAAOW,EAAQ,kBAAoB,sBACnC,gBAAekB,EACf,YAAWD,EACVc,SAAA,CAAAjB,EAAM,IAAEO,oBAAYe,IAAC,OAAA,CAAKC,UAAU,eAAeN,SAAA;eAGtDK,EAAAA,IAACrD,EAAA,CACAgC,WACAuB,cAAenB,EACfoB,YAAajB,EACbkB,UAAW,CACVC,UAAW,CACVzB,aACAhB,QACAoB,YAAaA,GAAe,gBACzBI,GAGJkB,aAAc,CACbC,GAAI,CACH,qCAAsC,CACrCtD,MAAO,oBACPuD,QAAS,sBAEV,8BAA+B,CAC9BvD,MAAO,oBACPuD,QAAS,yBAKbnB,OAAQA,GAAU,aAClBoB,MAAO,CAAEC,eAAgBC,EAAAA,OAAKC,iBAC1BtB,EAEJH,aAAcA,EAAe0B,UAAM1B,QAAgB,EACnDc,UAAU"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DatePicker as Date } from '@mui/x-date-pickers/DatePicker';\nimport Typography from '../typography/typography';\nimport { styled } from '@mui/material';\nimport logo from '../../assets/images';\nimport './date-picker.scss';\nimport dayjs from 'dayjs';\nimport { memo } from 'react';\n\nexport interface DatePickerProps {\n\tlabel: string;\n\tdisabled?: boolean;\n\terror?: boolean;\n\tname?: string;\n\tvalue?: string \| number \| Date;\n\thelperText?: string;\n\tdataPosition?: number;\n\tdataName?: string;\n\tdisableFutureDates?: boolean;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tdisablePastDates?: boolean;\n\tdefaultValue?: string \| number \| Date \| undefined;\n\ttextFieldProps?: any;\n\tformat?: string;\n\n}\n\nconst StyledDatePicker = styled(Date)(({ theme: { palette } }) => ({\n\t'& .MuiOutlinedInput-root': {\n\t\tpadding: '0',\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'& fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[400]\n\t\t},\n\t\t'&:hover fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[500]\n\t\t},\n\t\t'&.Mui-focused fieldset': {\n\t\t\tborderWidth: '0.0625rem',\n\t\t\tborderStyle: 'solid',\n\t\t\tborderColor: palette.theme?.primary[700]\n\t\t},\n\t\t'&.Mui-error fieldset': {\n\t\t\tborderColor: palette.theme?.error[600]\n\t\t},\n\t\t'&.Mui-disabled': {\n\t\t\tbackground: palette.theme?.secondary[200],\n\t\t\tcolor: palette.theme?.secondary[800]\n\t\t},\n\t\t'& .MuiInputBase-input::placeholder': {\n\t\t\tcolor: palette.theme?.secondary[800],\n\t\t\topacity: 1\n\t\t}\n\t},\n\t'& .MuiFormHelperText-root': {\n\t\tmarginLeft: 0,\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'&.Mui-error': {\n\t\t\tcolor: palette.theme?.error[600]\n\t\t}\n\t},\n\t'& .MuiIconButton-root': {\n\t\tmarginRight: 0\n\t},\n\t'& .MuiPickersCalendarHeader-labelContainer': {\n\t\tfontWeight: 600\n\t}\n}));\n\nconst DatePicker = memo((props: DatePickerProps) => {\n\tconst {\n\t\tlabel,\n\t\tdisabled,\n\t\terror,\n\t\thelperText,\n\t\tdataName,\n\t\tdataPosition,\n\t\tdisableFutureDates = false,\n\t\tplaceholder,\n\t\trequired = false,\n\t\tdisablePastDates = false,\n\t\tdefaultValue,\n\t\ttextFieldProps,\n\t\tformat,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<LocalizationProvider dateAdapter={AdapterDayjs}>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}>\n\t\t\t\t\t{label} {required && <span className='requiredStar'>*</span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n\t\t\t<StyledDatePicker\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdisableFuture={disableFutureDates}\n\t\t\t\tdisablePast={disablePastDates}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField: {\n\t\t\t\t\t\thelperText: helperText,\n\t\t\t\t\t\terror: error,\n\t\t\t\t\t\tplaceholder: placeholder \|\| 'MM/DD/YYYY',\n\t\t\t\t\t\t...textFieldProps\n\t\t\t\t\t\t// required: required,\n\t\t\t\t\t},\n\t\t\t\t\tdesktopPaper: {\n\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t'& .MuiButtonBase-root.Mui-selected': {\n\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\tbgcolor: '#B6E9D6 !important'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'& .MuiButtonBase-root:hover': {\n\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\tbgcolor: '#B6E9D6 !important'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tformat={format \|\| 'DD-MM-YYYY'}\n\t\t\t\tslots={{ openPickerIcon: logo.CalenderIcon }}\n\t\t\t\t{...rest}\n\t\t\t\t\n\t\t\t\tdefaultValue={defaultValue ? dayjs(defaultValue) : undefined}\n\t\t\t\tclassName='datePicker'\n\t\t\t/>\n\t\t</LocalizationProvider>\n\t);\n});\n\nexport { DatePicker };\nexport default DatePicker;\n"],"names":["StyledDatePicker","styled","Date","theme","palette","padding","color","_a","secondary","borderColor","_b","_c","borderWidth","borderStyle","_d","primary","_e","error","background","_f","_g","_h","opacity","marginLeft","_i","_j","marginRight","fontWeight","DatePicker","memo","props","label","disabled","helperText","dataName","dataPosition","disableFutureDates","placeholder","required","disablePastDates","defaultValue","textFieldProps","format","rest","jsxs","LocalizationProvider","dateAdapter","AdapterDayjs","children","Typography","type","weight","mb","jsx","className","disableFuture","disablePast","slotProps","textField","desktopPaper","sx","bgcolor","slots","openPickerIcon","logo","CalenderIcon","dayjs"],"mappings":"qtBA6BA,MAAMA,EAAmBC,EAAAA,QAAOC,aAAPD,CAAa,EAAGE,OAASC,uCAAiB,MAAA,CAClE,2BAA4B,CAC3BC,QAAS,IACTC,MAAO,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,KAChC,aAAc,CACbC,YAAa,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeF,UAAU,MAEvC,mBAAoB,CACnBC,YAAa,OAAAE,EAAAP,EAAQD,YAAR,EAAAQ,EAAeH,UAAU,MAEvC,yBAA0B,CACzBI,YAAa,YACbC,YAAa,QACbJ,YAAa,OAAAK,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,QAAQ,MAErC,uBAAwB,CACvBN,YAAa,OAAAO,EAAAZ,EAAQD,YAAR,EAAAa,EAAeC,MAAM,MAEnC,iBAAkB,CACjBC,WAAY,OAAAC,EAAAf,EAAQD,YAAR,EAAAgB,EAAeX,UAAU,KACrCF,MAAO,OAAAc,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeZ,UAAU,MAEjC,qCAAsC,CACrCF,MAAO,OAAAe,EAAAjB,EAAQD,YAAR,EAAAkB,EAAeb,UAAU,KAChCc,QAAS,IAGX,4BAA6B,CAC5BC,WAAY,EACZjB,MAAO,OAAAkB,EAAApB,EAAQD,YAAR,EAAAqB,EAAehB,UAAU,KAChC,cAAe,CACdF,MAAO,OAAAmB,EAAArB,EAAQD,YAAR,EAAAsB,EAAeR,MAAM,OAG9B,wBAAyB,CACxBS,YAAa,GAEd,6CAA8C,CAC7CC,WAAY,QAIRC,EAAaC,EAAAA,KAAMC,IACxB,MAAMC,MACLA,EAAAC,SACAA,EAAAf,MACAA,EAAAgB,WACAA,EAAAC,SACAA,EAAAC,aACAA,EAAAC,mBACAA,GAAqB,EAAAC,YACrBA,EAAAC,SACAA,GAAW,EAAAC,iBACXA,GAAmB,EAAAC,aACnBA,EAAAC,eACAA,EAAAC,OACAA,KACGC,GACAb;AAEJ,OACCc,EAAAA,KAACC,EAAAA,qBAAA,CAAqBC,YAAaC,EAAAA,aACjCC,SAAA,CAAAjB,kBACAa,EAAAA,KAACK,EAAAA,WAAA,CACAC,KAAK,KACLC,OAAO,SACPC,GAAI,GACJ9C,MAAOW,EAAQ,kBAAoB,sBACnC,gBAAekB,EACf,YAAWD,EACVc,SAAA,CAAAjB,EAAM,IAAEO,oBAAYe,IAAC,OAAA,CAAKC,UAAU,eAAeN,SAAA;eAGtDK,EAAAA,IAACrD,EAAA,CACAgC,WACAuB,cAAenB,EACfoB,YAAajB,EACbkB,UAAW,CACVC,UAAW,CACVzB,aACAhB,QACAoB,YAAaA,GAAe,gBACzBI,GAGJkB,aAAc,CACbC,GAAI,CACH,qCAAsC,CACrCtD,MAAO,oBACPuD,QAAS,sBAEV,8BAA+B,CAC9BvD,MAAO,oBACPuD,QAAS,yBAKbnB,OAAQA,GAAU,aAClBoB,MAAO,CAAEC,eAAgBC,EAAAA,OAAKC,iBAC1BtB,EAEJH,aAAcA,EAAe0B,UAAM1B,QAAgB,EACnDc,UAAU"}

package/dist/components/date-picker/date-picker.d.ts CHANGED Viewed

@@ -17,4 +17,5 @@ export interface DatePickerProps {
     format?: string;
 }
 declare const DatePicker: import('react').MemoExoticComponent<(props: DatePickerProps) => import("react/jsx-runtime").JSX.Element>;
+export { DatePicker };
 export default DatePicker;

package/dist/components/date-range-picker/date-range-picker/index.esm.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { useState } from "react";
 import DatePicker from "react-datepicker";
 /* empty css                                  */
 import { getYear, getMonth } from "date-fns";
-import CalenderIcon from "../../../assets/view-modal/calendar-icon/index.esm.js";
+import { CalenderIcon } from "../../../assets/view-modal/calendar-icon/index.esm.js";
 import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import KeyboardArrowLeft from "../../../node_modules/@mui/icons-material/esm/KeyboardArrowLeft/index.esm.js";
@@ -155,6 +155,7 @@ function DateRangePicker(props) {
   ) });
 }
 export {
+  DateRangePicker,
   DateRangePicker as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/date-range-picker/date-range-picker/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport \"./date-range-picker.scss\";\n\nimport { getMonth, getYear } from \"date-fns\";\nimport CalenderIcon from \"../../assets/view-modal/calendar-icon\";\nimport { KeyboardArrowLeft, KeyboardArrowRight } from \"@mui/icons-material\";\nimport { Box } from \"@mui/material\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\ninterface CustomDatePickerInputProps {\n value: string;\n onClick: () => void;\n placeholderText: string; // Define placeholderText prop\n width?: number; // Make width prop optional\n}\n\nconst months: string[] = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n];\n\nconst CustomDatePickerInput: React.FC<CustomDatePickerInputProps> = ({\n value,\n onClick,\n placeholderText,\n isRtl\n}) => (\n \n <div className=\"calender-container\">\n <input\n type=\"text\"\n value={value}\n onClick={onClick}\n placeholder={placeholderText}\n className=\"open-selected-calender\"\n />\n <div className={isRtl?\"icon-box_rtl\":\"icon-box\"}>\n <CalenderIcon />\n </div>\n </div>\n);\n\ninterface CustomHeaderProps {\n date: Date;\n decreaseMonth: () => void;\n increaseMonth: () => void;\n decreaseYear: () => void;\n increaseYear: () => void;\n prevMonthButtonDisabled: boolean;\n nextMonthButtonDisabled: boolean;\n prevYearButtonDisabled: boolean;\n nextYearButtonDisabled: boolean;\n}\n\nfunction DateRangePicker(props: any) {\n const {\n start = null,\n end = null,\n startYear = 1980,\n onDateRangeChange,\n ...rest\n } = props;\n const [startDate, setStartDate] = useState(start);\n const [endDate, setEndDate] = useState(end);\n const {isRtl}=useLanguage()\n const onChange = (dates: any) => {\n const [start, end] = dates;\n setStartDate(start);\n setEndDate(end);\n onDateRangeChange(dates);\n };\n\n const years: any = [];\n const currentYear = getYear(new Date());\n for (let i = startYear; i <= currentYear + 10; i++) {\n years.push(i);\n }\n\n return (\n <Box className=\"DateRangePicker\">\n <DatePicker\n dateFormat=\"dd-MM-yyyy\"\n {...rest}\n customInput={\n <CustomDatePickerInput\n placeholderText=\"DD-MM-YYYY\"\n value=\"\"\n isRtl={isRtl}\n onClick={() => { }}\n />\n }\n startDate={startDate}\n endDate={endDate}\n onChange={onChange}\n selectsRange={true}\n isClearable={true}\n renderCustomHeader={({\n date,\n decreaseMonth,\n increaseMonth,\n decreaseYear,\n increaseYear,\n prevMonthButtonDisabled,\n nextMonthButtonDisabled,\n prevYearButtonDisabled,\n nextYearButtonDisabled,\n }: CustomHeaderProps) => (\n <div className=\"date-picker-container\">\n <div className=\"d-flex\">\n <button\n onClick={decreaseMonth}\n disabled={prevMonthButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowLeft />\n </button>\n <div className=\"month-view\">{months[getMonth(date)]}</div>\n <button\n onClick={increaseMonth}\n disabled={nextMonthButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowRight />\n </button>\n </div>\n <div className=\"d-flex\">\n <button\n onClick={decreaseYear}\n disabled={prevYearButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowLeft />\n </button>\n <select\n className=\"select-year\"\n value={getYear(date)}\n onChange={(e) => {\n decreaseYear();\n setStartDate(new Date(+e.target.value, getMonth(date)));\n }}\n >\n {years.map((year: any) => (\n <option key={year} value={year}>\n {year}\n </option>\n ))}\n </select>\n <button\n onClick={increaseYear}\n disabled={nextYearButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowRight />\n </button>\n </div>\n </div>\n )}\n />\n </Box>\n );\n}\n\nexport default DateRangePicker;\n"],"names":["start","end"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport \"./date-range-picker.scss\";\n\nimport { getMonth, getYear } from \"date-fns\";\nimport CalenderIcon from \"../../assets/view-modal/calendar-icon\";\nimport { KeyboardArrowLeft, KeyboardArrowRight } from \"@mui/icons-material\";\nimport { Box } from \"@mui/material\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\ninterface CustomDatePickerInputProps {\n value: string;\n onClick: () => void;\n placeholderText: string; // Define placeholderText prop\n width?: number; // Make width prop optional\n}\n\nconst months: string[] = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n];\n\nconst CustomDatePickerInput: React.FC<CustomDatePickerInputProps> = ({\n value,\n onClick,\n placeholderText,\n isRtl\n}) => (\n \n <div className=\"calender-container\">\n <input\n type=\"text\"\n value={value}\n onClick={onClick}\n placeholder={placeholderText}\n className=\"open-selected-calender\"\n />\n <div className={isRtl?\"icon-box_rtl\":\"icon-box\"}>\n <CalenderIcon />\n </div>\n </div>\n);\n\ninterface CustomHeaderProps {\n date: Date;\n decreaseMonth: () => void;\n increaseMonth: () => void;\n decreaseYear: () => void;\n increaseYear: () => void;\n prevMonthButtonDisabled: boolean;\n nextMonthButtonDisabled: boolean;\n prevYearButtonDisabled: boolean;\n nextYearButtonDisabled: boolean;\n}\n\nfunction DateRangePicker(props: any) {\n const {\n start = null,\n end = null,\n startYear = 1980,\n onDateRangeChange,\n ...rest\n } = props;\n const [startDate, setStartDate] = useState(start);\n const [endDate, setEndDate] = useState(end);\n const {isRtl}=useLanguage()\n const onChange = (dates: any) => {\n const [start, end] = dates;\n setStartDate(start);\n setEndDate(end);\n onDateRangeChange(dates);\n };\n\n const years: any = [];\n const currentYear = getYear(new Date());\n for (let i = startYear; i <= currentYear + 10; i++) {\n years.push(i);\n }\n\n return (\n <Box className=\"DateRangePicker\">\n <DatePicker\n dateFormat=\"dd-MM-yyyy\"\n {...rest}\n customInput={\n <CustomDatePickerInput\n placeholderText=\"DD-MM-YYYY\"\n value=\"\"\n isRtl={isRtl}\n onClick={() => { }}\n />\n }\n startDate={startDate}\n endDate={endDate}\n onChange={onChange}\n selectsRange={true}\n isClearable={true}\n renderCustomHeader={({\n date,\n decreaseMonth,\n increaseMonth,\n decreaseYear,\n increaseYear,\n prevMonthButtonDisabled,\n nextMonthButtonDisabled,\n prevYearButtonDisabled,\n nextYearButtonDisabled,\n }: CustomHeaderProps) => (\n <div className=\"date-picker-container\">\n <div className=\"d-flex\">\n <button\n onClick={decreaseMonth}\n disabled={prevMonthButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowLeft />\n </button>\n <div className=\"month-view\">{months[getMonth(date)]}</div>\n <button\n onClick={increaseMonth}\n disabled={nextMonthButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowRight />\n </button>\n </div>\n <div className=\"d-flex\">\n <button\n onClick={decreaseYear}\n disabled={prevYearButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowLeft />\n </button>\n <select\n className=\"select-year\"\n value={getYear(date)}\n onChange={(e) => {\n decreaseYear();\n setStartDate(new Date(+e.target.value, getMonth(date)));\n }}\n >\n {years.map((year: any) => (\n <option key={year} value={year}>\n {year}\n </option>\n ))}\n </select>\n <button\n onClick={increaseYear}\n disabled={nextYearButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowRight />\n </button>\n </div>\n </div>\n )}\n />\n </Box>\n );\n}\n\nexport { DateRangePicker };\nexport default DateRangePicker;\n"],"names":["start","end"],"mappings":"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"}

package/dist/components/date-range-picker/date-range-picker/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("react-datepicker");;/* empty css                               */var s=require("date-fns"),n=,/* empty css                                              */r=,/* empty css                                */l=,/* empty css                                                 */i=,/* empty css                                                                     */d=;/* empty css                                                                      */function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=/* @__PURE__ */o(a);const u=["January","February","March","April","May","June","July","August","September","October","November","December"],x=({value:t,onClick:a,placeholderText:s,isRtl:r})=>/* @__PURE__ */e.jsxs("div",{className:"calender-container",children:[
 /* @__PURE__ */e.jsx("input",{type:"text",value:t,onClick:a,placeholder:s,className:"open-selected-calender"}),
-/* @__PURE__ */e.jsx("div",{className:r?"icon-box_rtl":"icon-box",children:/* @__PURE__ */e.jsx(n.default,{})})]});exports.default=function(a){const{start:n=null,end:o=null,startYear:m=1980,onDateRangeChange:b,...h}=a,[j,p]=t.useState(n),[v,f]=t.useState(o),{isRtl:g}=r.useLanguage(),y=[],N=s.getYear(/* @__PURE__ */new Date);for(let e=m;e<=N+10;e++)y.push(e);/* @__PURE__ */
-return e.jsx(l.default,{className:"DateRangePicker",children:/* @__PURE__ */e.jsx(c.default,{dateFormat:"dd-MM-yyyy",...h,customInput:/* @__PURE__ */e.jsx(x,{placeholderText:"DD-MM-YYYY",value:"",isRtl:g,onClick:()=>{}}),startDate:j,endDate:v,onChange:e=>{const[t,a]=e;p(t),f(a),b(e)},selectsRange:!0,isClearable:!0,renderCustomHeader:({date:t,decreaseMonth:a,increaseMonth:n,decreaseYear:r,increaseYear:l,prevMonthButtonDisabled:o,nextMonthButtonDisabled:c,prevYearButtonDisabled:x,nextYearButtonDisabled:m})=>/* @__PURE__ */e.jsxs("div",{className:"date-picker-container",children:[
+/* @__PURE__ */e.jsx("div",{className:r?"icon-box_rtl":"icon-box",children:/* @__PURE__ */e.jsx(n.CalenderIcon,{})})]});function m(a){const{start:n=null,end:o=null,startYear:m=1980,onDateRangeChange:b,...h}=a,[j,p]=t.useState(n),[v,g]=t.useState(o),{isRtl:f}=r.useLanguage(),y=[],D=s.getYear(/* @__PURE__ */new Date);for(let e=m;e<=D+10;e++)y.push(e);/* @__PURE__ */
+return e.jsx(l.default,{className:"DateRangePicker",children:/* @__PURE__ */e.jsx(c.default,{dateFormat:"dd-MM-yyyy",...h,customInput:/* @__PURE__ */e.jsx(x,{placeholderText:"DD-MM-YYYY",value:"",isRtl:f,onClick:()=>{}}),startDate:j,endDate:v,onChange:e=>{const[t,a]=e;p(t),g(a),b(e)},selectsRange:!0,isClearable:!0,renderCustomHeader:({date:t,decreaseMonth:a,increaseMonth:n,decreaseYear:r,increaseYear:l,prevMonthButtonDisabled:o,nextMonthButtonDisabled:c,prevYearButtonDisabled:x,nextYearButtonDisabled:m})=>/* @__PURE__ */e.jsxs("div",{className:"date-picker-container",children:[
 /* @__PURE__ */e.jsxs("div",{className:"d-flex",children:[
 /* @__PURE__ */e.jsx("button",{onClick:a,disabled:o,className:"btn-transparent",type:"button",children:/* @__PURE__ */e.jsx(i.default,{})}),
 /* @__PURE__ */e.jsx("div",{className:"month-view",children:u[s.getMonth(t)]}),
@@ -9,5 +9,5 @@ return e.jsx(l.default,{className:"DateRangePicker",children:/* @__PURE__ */e.js
 /* @__PURE__ */e.jsxs("div",{className:"d-flex",children:[
 /* @__PURE__ */e.jsx("button",{onClick:r,disabled:x,className:"btn-transparent",type:"button",children:/* @__PURE__ */e.jsx(i.default,{})}),
 /* @__PURE__ */e.jsx("select",{className:"select-year",value:s.getYear(t),onChange:e=>{r(),p(new Date(+e.target.value,s.getMonth(t)))},children:y.map(t=>/* @__PURE__ */e.jsx("option",{value:t,children:t},t))}),
-/* @__PURE__ */e.jsx("button",{onClick:l,disabled:m,className:"btn-transparent",type:"button",children:/* @__PURE__ */e.jsx(d.default,{})})]})]})})})};
+/* @__PURE__ */e.jsx("button",{onClick:l,disabled:m,className:"btn-transparent",type:"button",children:/* @__PURE__ */e.jsx(d.default,{})})]})]})})})}exports.DateRangePicker=m,exports.default=m;
 //# sourceMappingURL=index.js.map

package/dist/components/date-range-picker/date-range-picker/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport \"./date-range-picker.scss\";\n\nimport { getMonth, getYear } from \"date-fns\";\nimport CalenderIcon from \"../../assets/view-modal/calendar-icon\";\nimport { KeyboardArrowLeft, KeyboardArrowRight } from \"@mui/icons-material\";\nimport { Box } from \"@mui/material\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\ninterface CustomDatePickerInputProps {\n value: string;\n onClick: () => void;\n placeholderText: string; // Define placeholderText prop\n width?: number; // Make width prop optional\n}\n\nconst months: string[] = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n];\n\nconst CustomDatePickerInput: React.FC<CustomDatePickerInputProps> = ({\n value,\n onClick,\n placeholderText,\n isRtl\n}) => (\n \n <div className=\"calender-container\">\n <input\n type=\"text\"\n value={value}\n onClick={onClick}\n placeholder={placeholderText}\n className=\"open-selected-calender\"\n />\n <div className={isRtl?\"icon-box_rtl\":\"icon-box\"}>\n <CalenderIcon />\n </div>\n </div>\n);\n\ninterface CustomHeaderProps {\n date: Date;\n decreaseMonth: () => void;\n increaseMonth: () => void;\n decreaseYear: () => void;\n increaseYear: () => void;\n prevMonthButtonDisabled: boolean;\n nextMonthButtonDisabled: boolean;\n prevYearButtonDisabled: boolean;\n nextYearButtonDisabled: boolean;\n}\n\nfunction DateRangePicker(props: any) {\n const {\n start = null,\n end = null,\n startYear = 1980,\n onDateRangeChange,\n ...rest\n } = props;\n const [startDate, setStartDate] = useState(start);\n const [endDate, setEndDate] = useState(end);\n const {isRtl}=useLanguage()\n const onChange = (dates: any) => {\n const [start, end] = dates;\n setStartDate(start);\n setEndDate(end);\n onDateRangeChange(dates);\n };\n\n const years: any = [];\n const currentYear = getYear(new Date());\n for (let i = startYear; i <= currentYear + 10; i++) {\n years.push(i);\n }\n\n return (\n <Box className=\"DateRangePicker\">\n <DatePicker\n dateFormat=\"dd-MM-yyyy\"\n {...rest}\n customInput={\n <CustomDatePickerInput\n placeholderText=\"DD-MM-YYYY\"\n value=\"\"\n isRtl={isRtl}\n onClick={() => { }}\n />\n }\n startDate={startDate}\n endDate={endDate}\n onChange={onChange}\n selectsRange={true}\n isClearable={true}\n renderCustomHeader={({\n date,\n decreaseMonth,\n increaseMonth,\n decreaseYear,\n increaseYear,\n prevMonthButtonDisabled,\n nextMonthButtonDisabled,\n prevYearButtonDisabled,\n nextYearButtonDisabled,\n }: CustomHeaderProps) => (\n <div className=\"date-picker-container\">\n <div className=\"d-flex\">\n <button\n onClick={decreaseMonth}\n disabled={prevMonthButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowLeft />\n </button>\n <div className=\"month-view\">{months[getMonth(date)]}</div>\n <button\n onClick={increaseMonth}\n disabled={nextMonthButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowRight />\n </button>\n </div>\n <div className=\"d-flex\">\n <button\n onClick={decreaseYear}\n disabled={prevYearButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowLeft />\n </button>\n <select\n className=\"select-year\"\n value={getYear(date)}\n onChange={(e) => {\n decreaseYear();\n setStartDate(new Date(+e.target.value, getMonth(date)));\n }}\n >\n {years.map((year: any) => (\n <option key={year} value={year}>\n {year}\n </option>\n ))}\n </select>\n <button\n onClick={increaseYear}\n disabled={nextYearButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowRight />\n </button>\n </div>\n </div>\n )}\n />\n </Box>\n );\n}\n\nexport default DateRangePicker;\n"],"names":["months","CustomDatePickerInput","value","onClick","placeholderText","isRtl","jsxs","className","children","jsx","type","placeholder","CalenderIcon","props","start","end","startYear","onDateRangeChange","rest","startDate","setStartDate","useState","endDate","setEndDate","useLanguage","years","currentYear","getYear","Date","i","push","Box","DatePicker","dateFormat","customInput","onChange","dates","selectsRange","isClearable","renderCustomHeader","date","decreaseMonth","increaseMonth","decreaseYear","increaseYear","prevMonthButtonDisabled","nextMonthButtonDisabled","prevYearButtonDisabled","nextYearButtonDisabled","disabled","KeyboardArrowLeft","getMonth","KeyboardArrowRight","e","target","map","year"],"mappings":"iqBAiBA,MAAMA,EAAmB,CACvB,UACA,WACA,QACA,QACA,MACA,OACA,OACA,SACA,YACA,UACA,WACA,YAGIC,EAA8D,EAClEC,QACAC,UACAC,kBACAC,4BAGAC,KAAC,MAAA,CAAIC,UAAU,qBACbC,SAAA;eAAAC,EAAAA,IAAC,QAAA,CACCC,KAAK,OACLR,QACAC,UACAQ,YAAaP,EACbG,UAAU;iBAEZE,IAAC,OAAIF,UAAWF,EAAM,eAAe,WACnCG,wBAAAC,EAAAA,IAACG,EAAAA,~~iCAiBP~~,~~SAAyBC~~,GACvB,MAAMC,MACJA,EAAQ,KAAAC,IACRA,EAAM,KAAAC,UACNA,EAAY,KAAAC,kBACZA,KACGC,GACDL,GACGM,EAAWC,GAAgBC,EAAAA,SAASP,IACpCQ,EAASC,GAAcF,EAAAA,SAASN,~~IACjCV~~,MAACA,~~GAAOmB~~,gBAQRC,EAAa,GACbC,EAAcC,EAAAA,uBAAQ,IAAIC,MAChC,IAAA,IAASC,EAAIb,EAAWa,GAAKH,EAAc,GAAIG,IAC7CJ,EAAMK,KAAKD;AAGb,~~OACEpB~~,EAAAA,~~IAACsB~~,EAAAA,QAAA,~~CAAIxB~~,UAAU,kBACbC,wBAAAC,EAAAA,~~IAACuB~~,EAAAA,QAAA,CACCC,WAAW,gBACPf,EACJgB,~~2BACEzB~~,EAAAA,IAACR,EAAA,CACCG,gBAAgB,aAChBF,MAAM,GACNG,QACAF,QAAS,~~SAGbgB~~,YACAG,UACAa,SA5BYC,IAChB,MAAOtB,EAAOC,GAAOqB,EACrBhB,EAAaN,GACbS,EAAWR,GACXE,EAAkBmB,IAyBdC,cAAc,EACdC,aAAa,EACbC,mBAAoB,EAClBC,OACAC,gBACAC,gBACAC,eACAC,eACAC,0BACAC,0BACAC,yBACAC,~~2CAEA1C~~,EAAAA,KAAC,MAAA,CAAIC,UAAU,wBACbC,SAAA;iBAAAF,KAAC,MAAA,CAAIC,UAAU,SACbC,SAAA;eAAAC,EAAAA,IAAC,SAAA,CACCN,~~QAASsC~~,EACTQ,SAAUJ,~~EACVtC~~,UAAU,kBACVG,KAAK,SAELF,~~8BAAC0C~~,EAAAA,QAAA,CAAA;~~eAEHzC~~,MAAC,OAAIF,UAAU,aAAcC,~~WAAO2C~~,EAAAA,SAASX;~~eAC7C/B~~,EAAAA,IAAC,SAAA,CACCN,~~QAASuC~~,EACTO,SAAUH,~~EACVvC~~,UAAU,kBACVG,KAAK,SAELF,~~8BAAC4C~~,EAAAA,QAAA,CAAA;~~iBAGL9C~~,KAAC,MAAA,CAAIC,UAAU,SACbC,SAAA;eAAAC,EAAAA,IAAC,SAAA,CACCN,~~QAASwC~~,EACTM,SAAUF,~~EACVxC~~,UAAU,kBACVG,KAAK,SAELF,~~8BAAC0C~~,EAAAA,QAAA,CAAA;~~eAEHzC~~,EAAAA,IAAC,SAAA,CACCF,UAAU,cACVL,~~MAAOyB~~,EAAAA,QAAQa,GACfL,SAAWkB,IACTV,IACAvB,EAAa,IAAIQ,MAAMyB,EAAEC,~~OAAOpD~~,~~MAAOiD~~,EAAAA,SAASX,~~MAGjDhC~~,~~SAAAiB~~,EAAM8B,IAAKC,~~kBACV/C~~,EAAAA,IAAC,UAAkBP,~~MAAOsD~~,~~EACvBhD~~,~~SAAAgD~~,GADUA;~~eAKjB/C~~,EAAAA,IAAC,SAAA,CACCN,~~QAASyC~~,EACTK,SAAUD,~~EACVzC~~,UAAU,kBACVG,KAAK,SAELF,~~8BAAC4C~~,EAAAA,QAAA,CAAA,cAQjB"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport \"./date-range-picker.scss\";\n\nimport { getMonth, getYear } from \"date-fns\";\nimport CalenderIcon from \"../../assets/view-modal/calendar-icon\";\nimport { KeyboardArrowLeft, KeyboardArrowRight } from \"@mui/icons-material\";\nimport { Box } from \"@mui/material\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\ninterface CustomDatePickerInputProps {\n value: string;\n onClick: () => void;\n placeholderText: string; // Define placeholderText prop\n width?: number; // Make width prop optional\n}\n\nconst months: string[] = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n];\n\nconst CustomDatePickerInput: React.FC<CustomDatePickerInputProps> = ({\n value,\n onClick,\n placeholderText,\n isRtl\n}) => (\n \n <div className=\"calender-container\">\n <input\n type=\"text\"\n value={value}\n onClick={onClick}\n placeholder={placeholderText}\n className=\"open-selected-calender\"\n />\n <div className={isRtl?\"icon-box_rtl\":\"icon-box\"}>\n <CalenderIcon />\n </div>\n </div>\n);\n\ninterface CustomHeaderProps {\n date: Date;\n decreaseMonth: () => void;\n increaseMonth: () => void;\n decreaseYear: () => void;\n increaseYear: () => void;\n prevMonthButtonDisabled: boolean;\n nextMonthButtonDisabled: boolean;\n prevYearButtonDisabled: boolean;\n nextYearButtonDisabled: boolean;\n}\n\nfunction DateRangePicker(props: any) {\n const {\n start = null,\n end = null,\n startYear = 1980,\n onDateRangeChange,\n ...rest\n } = props;\n const [startDate, setStartDate] = useState(start);\n const [endDate, setEndDate] = useState(end);\n const {isRtl}=useLanguage()\n const onChange = (dates: any) => {\n const [start, end] = dates;\n setStartDate(start);\n setEndDate(end);\n onDateRangeChange(dates);\n };\n\n const years: any = [];\n const currentYear = getYear(new Date());\n for (let i = startYear; i <= currentYear + 10; i++) {\n years.push(i);\n }\n\n return (\n <Box className=\"DateRangePicker\">\n <DatePicker\n dateFormat=\"dd-MM-yyyy\"\n {...rest}\n customInput={\n <CustomDatePickerInput\n placeholderText=\"DD-MM-YYYY\"\n value=\"\"\n isRtl={isRtl}\n onClick={() => { }}\n />\n }\n startDate={startDate}\n endDate={endDate}\n onChange={onChange}\n selectsRange={true}\n isClearable={true}\n renderCustomHeader={({\n date,\n decreaseMonth,\n increaseMonth,\n decreaseYear,\n increaseYear,\n prevMonthButtonDisabled,\n nextMonthButtonDisabled,\n prevYearButtonDisabled,\n nextYearButtonDisabled,\n }: CustomHeaderProps) => (\n <div className=\"date-picker-container\">\n <div className=\"d-flex\">\n <button\n onClick={decreaseMonth}\n disabled={prevMonthButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowLeft />\n </button>\n <div className=\"month-view\">{months[getMonth(date)]}</div>\n <button\n onClick={increaseMonth}\n disabled={nextMonthButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowRight />\n </button>\n </div>\n <div className=\"d-flex\">\n <button\n onClick={decreaseYear}\n disabled={prevYearButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowLeft />\n </button>\n <select\n className=\"select-year\"\n value={getYear(date)}\n onChange={(e) => {\n decreaseYear();\n setStartDate(new Date(+e.target.value, getMonth(date)));\n }}\n >\n {years.map((year: any) => (\n <option key={year} value={year}>\n {year}\n </option>\n ))}\n </select>\n <button\n onClick={increaseYear}\n disabled={nextYearButtonDisabled}\n className=\"btn-transparent\"\n type=\"button\"\n >\n <KeyboardArrowRight />\n </button>\n </div>\n </div>\n )}\n />\n </Box>\n );\n}\n\nexport { DateRangePicker };\nexport default DateRangePicker;\n"],"names":["months","CustomDatePickerInput","value","onClick","placeholderText","isRtl","jsxs","className","children","jsx","type","placeholder","CalenderIcon","DateRangePicker","props","start","end","startYear","onDateRangeChange","rest","startDate","setStartDate","useState","endDate","setEndDate","useLanguage","years","currentYear","getYear","Date","i","push","Box","DatePicker","dateFormat","customInput","onChange","dates","selectsRange","isClearable","renderCustomHeader","date","decreaseMonth","increaseMonth","decreaseYear","increaseYear","prevMonthButtonDisabled","nextMonthButtonDisabled","prevYearButtonDisabled","nextYearButtonDisabled","disabled","KeyboardArrowLeft","getMonth","KeyboardArrowRight","e","target","map","year"],"mappings":"iqBAiBA,MAAMA,EAAmB,CACvB,UACA,WACA,QACA,QACA,MACA,OACA,OACA,SACA,YACA,UACA,WACA,YAGIC,EAA8D,EAClEC,QACAC,UACAC,kBACAC,4BAGAC,KAAC,MAAA,CAAIC,UAAU,qBACbC,SAAA;eAAAC,EAAAA,IAAC,QAAA,CACCC,KAAK,OACLR,QACAC,UACAQ,YAAaP,EACbG,UAAU;iBAEZE,IAAC,OAAIF,UAAWF,EAAM,eAAe,WACnCG,wBAAAC,EAAAA,IAACG,EAAAA,sBAiBP,SAASC,EAAgBC,GACvB,MAAMC,MACJA,EAAQ,KAAAC,IACRA,EAAM,KAAAC,UACNA,EAAY,KAAAC,kBACZA,KACGC,GACDL,GACGM,EAAWC,GAAgBC,EAAAA,SAASP,IACpCQ,EAASC,GAAcF,EAAAA,SAASN,IACjCX,MAACA,GAAOoB,gBAQRC,EAAa,GACbC,EAAcC,EAAAA,uBAAQ,IAAIC,MAChC,IAAA,IAASC,EAAIb,EAAWa,GAAKH,EAAc,GAAIG,IAC7CJ,EAAMK,KAAKD;AAGb,OACErB,EAAAA,IAACuB,EAAAA,QAAA,CAAIzB,UAAU,kBACbC,wBAAAC,EAAAA,IAACwB,EAAAA,QAAA,CACCC,WAAW,gBACPf,EACJgB,2BACE1B,EAAAA,IAACR,EAAA,CACCG,gBAAgB,aAChBF,MAAM,GACNG,QACAF,QAAS,SAGbiB,YACAG,UACAa,SA5BYC,IAChB,MAAOtB,EAAOC,GAAOqB,EACrBhB,EAAaN,GACbS,EAAWR,GACXE,EAAkBmB,IAyBdC,cAAc,EACdC,aAAa,EACbC,mBAAoB,EAClBC,OACAC,gBACAC,gBACAC,eACAC,eACAC,0BACAC,0BACAC,yBACAC,2CAEA3C,EAAAA,KAAC,MAAA,CAAIC,UAAU,wBACbC,SAAA;iBAAAF,KAAC,MAAA,CAAIC,UAAU,SACbC,SAAA;eAAAC,EAAAA,IAAC,SAAA,CACCN,QAASuC,EACTQ,SAAUJ,EACVvC,UAAU,kBACVG,KAAK,SAELF,8BAAC2C,EAAAA,QAAA,CAAA;eAEH1C,MAAC,OAAIF,UAAU,aAAcC,WAAO4C,EAAAA,SAASX;eAC7ChC,EAAAA,IAAC,SAAA,CACCN,QAASwC,EACTO,SAAUH,EACVxC,UAAU,kBACVG,KAAK,SAELF,8BAAC6C,EAAAA,QAAA,CAAA;iBAGL/C,KAAC,MAAA,CAAIC,UAAU,SACbC,SAAA;eAAAC,EAAAA,IAAC,SAAA,CACCN,QAASyC,EACTM,SAAUF,EACVzC,UAAU,kBACVG,KAAK,SAELF,8BAAC2C,EAAAA,QAAA,CAAA;eAEH1C,EAAAA,IAAC,SAAA,CACCF,UAAU,cACVL,MAAO0B,EAAAA,QAAQa,GACfL,SAAWkB,IACTV,IACAvB,EAAa,IAAIQ,MAAMyB,EAAEC,OAAOrD,MAAOkD,EAAAA,SAASX,MAGjDjC,SAAAkB,EAAM8B,IAAKC,kBACVhD,EAAAA,IAAC,UAAkBP,MAAOuD,EACvBjD,SAAAiD,GADUA;eAKjBhD,EAAAA,IAAC,SAAA,CACCN,QAAS0C,EACTK,SAAUD,EACV1C,UAAU,kBACVG,KAAK,SAELF,8BAAC6C,EAAAA,QAAA,CAAA,cAQjB"}

package/dist/components/date-range-picker/date-range-picker.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
 declare function DateRangePicker(props: any): import("react/jsx-runtime").JSX.Element;
+export { DateRangePicker };
 export default DateRangePicker;

package/dist/components/date-time-picker/date-time-picker/index.esm.js CHANGED Viewed

@@ -110,6 +110,7 @@ const DateTimePicker = (props) => {
   ] });
 };
 export {
+  DateTimePicker,
   DateTimePicker as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/date-time-picker/date-time-picker/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateTimePicker as Date } from '@mui/x-date-pickers/DateTimePicker';\nimport Typography from '../typography/typography';\nimport { styled } from '@mui/material';\nimport logo from '../../assets/images';\nimport dayjs from 'dayjs';\nimport './date-time-picker.scss'\n\nexport interface DatePickerProps {\n\tlabel: string;\n\tdisabled?: boolean;\n\terror?: boolean;\n\tname?: string;\n\tvalue?: string \| number \| Date;\n\thelperText?: string;\n\tdataPosition?: number;\n\tdataName?: string;\n\tdisableFutureDates?: boolean;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tdisablePastDates?: boolean;\n\tdefaultValue?: string \| number \| Date \| undefined;\n\ttextFieldProps?: any;\n\tformat?: string;\n}\n\nconst StyledDatePicker = styled(Date)(({ theme: { palette } }) => ({\n\t'& .MuiOutlinedInput-root': {\n\t\tpadding: '0',\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'& fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[400]\n\t\t},\n\t\t'&:hover fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[500]\n\t\t},\n\t\t'&.Mui-focused fieldset': {\n\t\t\tborderWidth: '0.0625rem',\n\t\t\tborderStyle: 'solid',\n\t\t\tborderColor: palette.theme?.primary[700]\n\t\t},\n\t\t'&.Mui-error fieldset': {\n\t\t\tborderColor: palette.theme?.error[600]\n\t\t},\n\t\t'&.Mui-disabled': {\n\t\t\tbackground: palette.theme?.secondary[200],\n\t\t\tcolor: palette.theme?.secondary[800]\n\t\t},\n\t\t'& .MuiInputBase-input::placeholder': {\n\t\t\tcolor: palette.theme?.secondary[800],\n\t\t\topacity: 1\n\t\t}\n\t},\n\t'& .MuiFormHelperText-root': {\n\t\tmarginLeft: 0,\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'&.Mui-error': {\n\t\t\tcolor: palette.theme?.error[600]\n\t\t}\n\t},\n\t'& .MuiIconButton-root': {\n\t\tmarginRight: 0\n\t},\n\t'& .MuiPickersCalendarHeader-labelContainer': {\n\t\tfontWeight: 600\n\t}\n}));\n\nconst DateTimePicker = (props: DatePickerProps) => {\n\tconst {\n\t\tlabel,\n\t\tdisabled,\n\t\terror,\n\t\thelperText,\n\t\tdataName,\n\t\tdataPosition,\n\t\tdisableFutureDates = false,\n\t\tplaceholder,\n\t\trequired = false,\n\t\tdisablePastDates = false,\n\t\tdefaultValue,\n\t\ttextFieldProps,\n\t\tformat,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<LocalizationProvider dateAdapter={AdapterDayjs}>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}>\n\t\t\t\t\t{label} {required && <span className='requiredStar'>*</span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n\t\t\t<StyledDatePicker\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdisableFuture={disableFutureDates}\n\t\t\t\tdisablePast={disablePastDates}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField: {\n\t\t\t\t\t\thelperText: helperText,\n\t\t\t\t\t\terror: error,\n\t\t\t\t\t\tplaceholder: placeholder \|\| 'MM/DD/YYYY HH:mm:ss',\n\t\t\t\t\t\t...textFieldProps\n\t\t\t\t\t\t// required: required,\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tformat={format \|\| 'MM/DD/YYYY HH:mm:ss'}\n\t\t\t\tslots={{ openPickerIcon: logo.CalenderIcon }}\n\t\t\t\t{...rest}\n\t\t\t\tdefaultValue={defaultValue ? dayjs(defaultValue) : undefined}\n\t\t\t\tclassName='datePicker'\n\t\t\t/>\n\t\t</LocalizationProvider>\n\t);\n};\n\nexport default DateTimePicker;\n"],"names":["Date","logo"],"mappings":";;;;;;;;;AA6BA,MAAM,mBAAmB,OAAOA,gBAAI,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,4BAA4B;AAAA,MAC3B,SAAS;AAAA,MACT,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,cAAc;AAAA,QACb,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAE1C,oBAAoB;AAAA,QACnB,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAE1C,0BAA0B;AAAA,QACzB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAAG;AAAA,MAExC,wBAAwB;AAAA,QACvB,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAAG;AAAA,MAEtC,kBAAkB;AAAA,QACjB,aAAY,aAAQ,UAAR,mBAAe,UAAU;AAAA,QACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAEpC,sCAAsC;AAAA,QACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,QAChC,SAAS;AAAA,MAAA;AAAA,IACV;AAAA,IAED,6BAA6B;AAAA,MAC5B,YAAY;AAAA,MACZ,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,eAAe;AAAA,QACd,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAAG;AAAA,IAChC;AAAA,IAED,yBAAyB;AAAA,MACxB,aAAa;AAAA,IAAA;AAAA,IAEd,8CAA8C;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,EAEd;AAAA,CAAE;AAEF,MAAM,iBAAiB,CAAC,UAA2B;AAClD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACA;AAEJ,SACC,qBAAC,sBAAA,EAAqB,aAAa,cACjC,UAAA;AAAA,IAAA,SACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,IAAI;AAAA,QACJ,OAAO,QAAQ,oBAAoB;AAAA,QACnC,iBAAe;AAAA,QACf,aAAW;AAAA,QACV,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,YAAY,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,IAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGvD;AAAA,MAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,WAAW;AAAA,UACV,WAAW;AAAA,YACV;AAAA,YACA;AAAA,YACA,aAAa,eAAe;AAAA,YAC5B,GAAG;AAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QAED,QAAQ,UAAU;AAAA,QAClB,OAAO,EAAE,gBAAgBC,OAAK,aAAA;AAAA,QAC7B,GAAG;AAAA,QACJ,cAAc,eAAe,MAAM,YAAY,IAAI;AAAA,QACnD,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GACD;AAEF;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateTimePicker as Date } from '@mui/x-date-pickers/DateTimePicker';\nimport Typography from '../typography/typography';\nimport { styled } from '@mui/material';\nimport logo from '../../assets/images';\nimport dayjs from 'dayjs';\nimport './date-time-picker.scss'\n\nexport interface DatePickerProps {\n\tlabel: string;\n\tdisabled?: boolean;\n\terror?: boolean;\n\tname?: string;\n\tvalue?: string \| number \| Date;\n\thelperText?: string;\n\tdataPosition?: number;\n\tdataName?: string;\n\tdisableFutureDates?: boolean;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tdisablePastDates?: boolean;\n\tdefaultValue?: string \| number \| Date \| undefined;\n\ttextFieldProps?: any;\n\tformat?: string;\n}\n\nconst StyledDatePicker = styled(Date)(({ theme: { palette } }) => ({\n\t'& .MuiOutlinedInput-root': {\n\t\tpadding: '0',\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'& fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[400]\n\t\t},\n\t\t'&:hover fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[500]\n\t\t},\n\t\t'&.Mui-focused fieldset': {\n\t\t\tborderWidth: '0.0625rem',\n\t\t\tborderStyle: 'solid',\n\t\t\tborderColor: palette.theme?.primary[700]\n\t\t},\n\t\t'&.Mui-error fieldset': {\n\t\t\tborderColor: palette.theme?.error[600]\n\t\t},\n\t\t'&.Mui-disabled': {\n\t\t\tbackground: palette.theme?.secondary[200],\n\t\t\tcolor: palette.theme?.secondary[800]\n\t\t},\n\t\t'& .MuiInputBase-input::placeholder': {\n\t\t\tcolor: palette.theme?.secondary[800],\n\t\t\topacity: 1\n\t\t}\n\t},\n\t'& .MuiFormHelperText-root': {\n\t\tmarginLeft: 0,\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'&.Mui-error': {\n\t\t\tcolor: palette.theme?.error[600]\n\t\t}\n\t},\n\t'& .MuiIconButton-root': {\n\t\tmarginRight: 0\n\t},\n\t'& .MuiPickersCalendarHeader-labelContainer': {\n\t\tfontWeight: 600\n\t}\n}));\n\nconst DateTimePicker = (props: DatePickerProps) => {\n\tconst {\n\t\tlabel,\n\t\tdisabled,\n\t\terror,\n\t\thelperText,\n\t\tdataName,\n\t\tdataPosition,\n\t\tdisableFutureDates = false,\n\t\tplaceholder,\n\t\trequired = false,\n\t\tdisablePastDates = false,\n\t\tdefaultValue,\n\t\ttextFieldProps,\n\t\tformat,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<LocalizationProvider dateAdapter={AdapterDayjs}>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}>\n\t\t\t\t\t{label} {required && <span className='requiredStar'>*</span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n\t\t\t<StyledDatePicker\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdisableFuture={disableFutureDates}\n\t\t\t\tdisablePast={disablePastDates}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField: {\n\t\t\t\t\t\thelperText: helperText,\n\t\t\t\t\t\terror: error,\n\t\t\t\t\t\tplaceholder: placeholder \|\| 'MM/DD/YYYY HH:mm:ss',\n\t\t\t\t\t\t...textFieldProps\n\t\t\t\t\t\t// required: required,\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tformat={format \|\| 'MM/DD/YYYY HH:mm:ss'}\n\t\t\t\tslots={{ openPickerIcon: logo.CalenderIcon }}\n\t\t\t\t{...rest}\n\t\t\t\tdefaultValue={defaultValue ? dayjs(defaultValue) : undefined}\n\t\t\t\tclassName='datePicker'\n\t\t\t/>\n\t\t</LocalizationProvider>\n\t);\n};\n\nexport { DateTimePicker };\nexport default DateTimePicker;\n"],"names":["Date","logo"],"mappings":";;;;;;;;;AA6BA,MAAM,mBAAmB,OAAOA,gBAAI,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,4BAA4B;AAAA,MAC3B,SAAS;AAAA,MACT,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,cAAc;AAAA,QACb,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAE1C,oBAAoB;AAAA,QACnB,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAE1C,0BAA0B;AAAA,QACzB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAAG;AAAA,MAExC,wBAAwB;AAAA,QACvB,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAAG;AAAA,MAEtC,kBAAkB;AAAA,QACjB,aAAY,aAAQ,UAAR,mBAAe,UAAU;AAAA,QACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,MAEpC,sCAAsC;AAAA,QACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,QAChC,SAAS;AAAA,MAAA;AAAA,IACV;AAAA,IAED,6BAA6B;AAAA,MAC5B,YAAY;AAAA,MACZ,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,eAAe;AAAA,QACd,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAAG;AAAA,IAChC;AAAA,IAED,yBAAyB;AAAA,MACxB,aAAa;AAAA,IAAA;AAAA,IAEd,8CAA8C;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,EAEd;AAAA,CAAE;AAEF,MAAM,iBAAiB,CAAC,UAA2B;AAClD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACA;AAEJ,SACC,qBAAC,sBAAA,EAAqB,aAAa,cACjC,UAAA;AAAA,IAAA,SACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,IAAI;AAAA,QACJ,OAAO,QAAQ,oBAAoB;AAAA,QACnC,iBAAe;AAAA,QACf,aAAW;AAAA,QACV,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,YAAY,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,IAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGvD;AAAA,MAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,WAAW;AAAA,UACV,WAAW;AAAA,YACV;AAAA,YACA;AAAA,YACA,aAAa,eAAe;AAAA,YAC5B,GAAG;AAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QAED,QAAQ,UAAU;AAAA,QAClB,OAAO,EAAE,gBAAgBC,OAAK,aAAA;AAAA,QAC7B,GAAG;AAAA,QACJ,cAAc,eAAe,MAAM,YAAY,IAAI;AAAA,QACnD,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GACD;AAEF;"}

package/dist/components/date-time-picker/date-time-picker/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                                 */o=,/* empty css                     */i=require("dayjs");;/* empty css                              */var t=,/* empty css                                                                                         */d=,/* empty css                                                                         */a=,/* empty css                                                       */l=;/* empty css                                                                             */function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/* @__PURE__ */s(i);const u=a.default(l.DateTimePicker)(({theme:{palette:e}})=>{var r,o,i,t,d,a,l,s,n,u;return{"& .MuiOutlinedInput-root":{padding:"0",color:null==(r=e.theme)?void 0:r.secondary[800],"& fieldset":{borderColor:null==(o=e.theme)?void 0:o.secondary[400]},"&:hover fieldset":{borderColor:null==(i=e.theme)?void 0:i.secondary[500]},"&.Mui-focused fieldset":{borderWidth:"0.0625rem",borderStyle:"solid",borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-error fieldset":{borderColor:null==(d=e.theme)?void 0:d.error[600]},"&.Mui-disabled":{background:null==(a=e.theme)?void 0:a.secondary[200],color:null==(l=e.theme)?void 0:l.secondary[800]},"& .MuiInputBase-input::placeholder":{color:null==(s=e.theme)?void 0:s.secondary[800],opacity:1}},"& .MuiFormHelperText-root":{marginLeft:0,color:null==(n=e.theme)?void 0:n.secondary[800],"&.Mui-error":{color:null==(u=e.theme)?void 0:u.error[600]}},"& .MuiIconButton-root":{marginRight:0},"& .MuiPickersCalendarHeader-labelContainer":{fontWeight:600}}});exports.default=i=>{const{label:a,disabled:l,error:s,helperText:c,dataName:m,dataPosition:p,disableFutureDates:h=!1,placeholder:y,required:x=!1,disablePastDates:v=!1,defaultValue:b,textFieldProps:f,format:j,...P}=i;/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                                 */o=,/* empty css                     */i=require("dayjs");;/* empty css                              */var t=,/* empty css                                                                                         */d=,/* empty css                                                                         */a=,/* empty css                                                       */l=;/* empty css                                                                             */function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/* @__PURE__ */s(i);const u=a.default(l.DateTimePicker)(({theme:{palette:e}})=>{var r,o,i,t,d,a,l,s,n,u;return{"& .MuiOutlinedInput-root":{padding:"0",color:null==(r=e.theme)?void 0:r.secondary[800],"& fieldset":{borderColor:null==(o=e.theme)?void 0:o.secondary[400]},"&:hover fieldset":{borderColor:null==(i=e.theme)?void 0:i.secondary[500]},"&.Mui-focused fieldset":{borderWidth:"0.0625rem",borderStyle:"solid",borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-error fieldset":{borderColor:null==(d=e.theme)?void 0:d.error[600]},"&.Mui-disabled":{background:null==(a=e.theme)?void 0:a.secondary[200],color:null==(l=e.theme)?void 0:l.secondary[800]},"& .MuiInputBase-input::placeholder":{color:null==(s=e.theme)?void 0:s.secondary[800],opacity:1}},"& .MuiFormHelperText-root":{marginLeft:0,color:null==(n=e.theme)?void 0:n.secondary[800],"&.Mui-error":{color:null==(u=e.theme)?void 0:u.error[600]}},"& .MuiIconButton-root":{marginRight:0},"& .MuiPickersCalendarHeader-labelContainer":{fontWeight:600}}}),c=i=>{const{label:a,disabled:l,error:s,helperText:c,dataName:m,dataPosition:p,disableFutureDates:h=!1,placeholder:y,required:x=!1,disablePastDates:v=!1,defaultValue:b,textFieldProps:f,format:j,...P}=i;/* @__PURE__ */
 return e.jsxs(t.LocalizationProvider,{dateAdapter:d.AdapterDayjs,children:[a&&/* @__PURE__ */e.jsxs(r.Typography,{type:"s5",weight:"medium",mb:.5,color:s?"theme.error.600":"theme.secondary.800","data-position":p,"data-name":m,children:[a," ",x&&/* @__PURE__ */e.jsx("span",{className:"requiredStar",children:"*"})]}),
-/* @__PURE__ */e.jsx(u,{disabled:l,disableFuture:h,disablePast:v,slotProps:{textField:{helperText:c,error:s,placeholder:y||"MM/DD/YYYY HH:mm:ss",...f}},format:j||"MM/DD/YYYY HH:mm:ss",slots:{openPickerIcon:o.images.CalenderIcon},...P,defaultValue:b?n.default(b):void 0,className:"datePicker"})]})};
+/* @__PURE__ */e.jsx(u,{disabled:l,disableFuture:h,disablePast:v,slotProps:{textField:{helperText:c,error:s,placeholder:y||"MM/DD/YYYY HH:mm:ss",...f}},format:j||"MM/DD/YYYY HH:mm:ss",slots:{openPickerIcon:o.images.CalenderIcon},...P,defaultValue:b?n.default(b):void 0,className:"datePicker"})]})};exports.DateTimePicker=c,exports.default=c;
 //# sourceMappingURL=index.js.map

package/dist/components/date-time-picker/date-time-picker/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateTimePicker as Date } from '@mui/x-date-pickers/DateTimePicker';\nimport Typography from '../typography/typography';\nimport { styled } from '@mui/material';\nimport logo from '../../assets/images';\nimport dayjs from 'dayjs';\nimport './date-time-picker.scss'\n\nexport interface DatePickerProps {\n\tlabel: string;\n\tdisabled?: boolean;\n\terror?: boolean;\n\tname?: string;\n\tvalue?: string \| number \| Date;\n\thelperText?: string;\n\tdataPosition?: number;\n\tdataName?: string;\n\tdisableFutureDates?: boolean;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tdisablePastDates?: boolean;\n\tdefaultValue?: string \| number \| Date \| undefined;\n\ttextFieldProps?: any;\n\tformat?: string;\n}\n\nconst StyledDatePicker = styled(Date)(({ theme: { palette } }) => ({\n\t'& .MuiOutlinedInput-root': {\n\t\tpadding: '0',\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'& fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[400]\n\t\t},\n\t\t'&:hover fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[500]\n\t\t},\n\t\t'&.Mui-focused fieldset': {\n\t\t\tborderWidth: '0.0625rem',\n\t\t\tborderStyle: 'solid',\n\t\t\tborderColor: palette.theme?.primary[700]\n\t\t},\n\t\t'&.Mui-error fieldset': {\n\t\t\tborderColor: palette.theme?.error[600]\n\t\t},\n\t\t'&.Mui-disabled': {\n\t\t\tbackground: palette.theme?.secondary[200],\n\t\t\tcolor: palette.theme?.secondary[800]\n\t\t},\n\t\t'& .MuiInputBase-input::placeholder': {\n\t\t\tcolor: palette.theme?.secondary[800],\n\t\t\topacity: 1\n\t\t}\n\t},\n\t'& .MuiFormHelperText-root': {\n\t\tmarginLeft: 0,\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'&.Mui-error': {\n\t\t\tcolor: palette.theme?.error[600]\n\t\t}\n\t},\n\t'& .MuiIconButton-root': {\n\t\tmarginRight: 0\n\t},\n\t'& .MuiPickersCalendarHeader-labelContainer': {\n\t\tfontWeight: 600\n\t}\n}));\n\nconst DateTimePicker = (props: DatePickerProps) => {\n\tconst {\n\t\tlabel,\n\t\tdisabled,\n\t\terror,\n\t\thelperText,\n\t\tdataName,\n\t\tdataPosition,\n\t\tdisableFutureDates = false,\n\t\tplaceholder,\n\t\trequired = false,\n\t\tdisablePastDates = false,\n\t\tdefaultValue,\n\t\ttextFieldProps,\n\t\tformat,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<LocalizationProvider dateAdapter={AdapterDayjs}>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}>\n\t\t\t\t\t{label} {required && <span className='requiredStar'>*</span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n\t\t\t<StyledDatePicker\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdisableFuture={disableFutureDates}\n\t\t\t\tdisablePast={disablePastDates}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField: {\n\t\t\t\t\t\thelperText: helperText,\n\t\t\t\t\t\terror: error,\n\t\t\t\t\t\tplaceholder: placeholder \|\| 'MM/DD/YYYY HH:mm:ss',\n\t\t\t\t\t\t...textFieldProps\n\t\t\t\t\t\t// required: required,\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tformat={format \|\| 'MM/DD/YYYY HH:mm:ss'}\n\t\t\t\tslots={{ openPickerIcon: logo.CalenderIcon }}\n\t\t\t\t{...rest}\n\t\t\t\tdefaultValue={defaultValue ? dayjs(defaultValue) : undefined}\n\t\t\t\tclassName='datePicker'\n\t\t\t/>\n\t\t</LocalizationProvider>\n\t);\n};\n\nexport default DateTimePicker;\n"],"names":["StyledDatePicker","styled","Date","theme","palette","padding","color","_a","secondary","borderColor","_b","_c","borderWidth","borderStyle","_d","primary","_e","error","background","_f","_g","_h","opacity","marginLeft","_i","_j","marginRight","fontWeight","props","label","disabled","helperText","dataName","dataPosition","disableFutureDates","placeholder","required","disablePastDates","defaultValue","textFieldProps","format","rest","jsxs","LocalizationProvider","dateAdapter","AdapterDayjs","children","Typography","type","weight","mb","jsx","className","disableFuture","disablePast","slotProps","textField","slots","openPickerIcon","logo","CalenderIcon","dayjs"],"mappings":"+sBA6BA,MAAMA,EAAmBC,EAAAA,QAAOC,iBAAPD,CAAa,EAAGE,OAASC,uCAAiB,MAAA,CAClE,2BAA4B,CAC3BC,QAAS,IACTC,MAAO,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,KAChC,aAAc,CACbC,YAAa,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeF,UAAU,MAEvC,mBAAoB,CACnBC,YAAa,OAAAE,EAAAP,EAAQD,YAAR,EAAAQ,EAAeH,UAAU,MAEvC,yBAA0B,CACzBI,YAAa,YACbC,YAAa,QACbJ,YAAa,OAAAK,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,QAAQ,MAErC,uBAAwB,CACvBN,YAAa,OAAAO,EAAAZ,EAAQD,YAAR,EAAAa,EAAeC,MAAM,MAEnC,iBAAkB,CACjBC,WAAY,OAAAC,EAAAf,EAAQD,YAAR,EAAAgB,EAAeX,UAAU,KACrCF,MAAO,OAAAc,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeZ,UAAU,MAEjC,qCAAsC,CACrCF,MAAO,OAAAe,EAAAjB,EAAQD,YAAR,EAAAkB,EAAeb,UAAU,KAChCc,QAAS,IAGX,4BAA6B,CAC5BC,WAAY,EACZjB,MAAO,OAAAkB,EAAApB,EAAQD,YAAR,EAAAqB,EAAehB,UAAU,KAChC,cAAe,CACdF,MAAO,OAAAmB,EAAArB,EAAQD,YAAR,EAAAsB,EAAeR,MAAM,OAG9B,wBAAyB,CACxBS,YAAa,GAEd,6CAA8C,CAC7CC,WAAY,~~wBAIUC~~,IACvB,MAAMC,MACLA,EAAAC,SACAA,~~EAAAb~~,MACAA,~~EAAAc~~,WACAA,EAAAC,SACAA,EAAAC,aACAA,EAAAC,mBACAA,GAAqB,EAAAC,YACrBA,EAAAC,SACAA,GAAW,EAAAC,iBACXA,GAAmB,EAAAC,aACnBA,EAAAC,eACAA,EAAAC,OACAA,KACGC,GACAb;AAEJ,OACCc,EAAAA,KAACC,EAAAA,qBAAA,CAAqBC,YAAaC,EAAAA,aACjCC,SAAA,CAAAjB,kBACAa,EAAAA,KAACK,EAAAA,WAAA,CACAC,KAAK,KACLC,OAAO,SACPC,GAAI,~~GACJ5C~~,MAAOW,EAAQ,kBAAoB,sBACnC,~~gBAAegB~~,EACf,YAAWD,EACVc,SAAA,CAAAjB,EAAM,IAAEO,oBAAYe,IAAC,OAAA,CAAKC,UAAU,eAAeN,SAAA;eAGtDK,EAAAA,~~IAACnD~~,EAAA,~~CACA8B~~,WACAuB,cAAenB,EACfoB,YAAajB,EACbkB,UAAW,CACVC,UAAW,CACVzB,~~aACAd~~,~~QACAkB~~,YAAaA,GAAe,yBACzBI,IAILC,OAAQA,GAAU,sBAClBiB,MAAO,CAAEC,eAAgBC,EAAAA,OAAKC,iBAC1BnB,EACJH,aAAcA,EAAeuB,UAAMvB,QAAgB,EACnDc,UAAU"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateTimePicker as Date } from '@mui/x-date-pickers/DateTimePicker';\nimport Typography from '../typography/typography';\nimport { styled } from '@mui/material';\nimport logo from '../../assets/images';\nimport dayjs from 'dayjs';\nimport './date-time-picker.scss'\n\nexport interface DatePickerProps {\n\tlabel: string;\n\tdisabled?: boolean;\n\terror?: boolean;\n\tname?: string;\n\tvalue?: string \| number \| Date;\n\thelperText?: string;\n\tdataPosition?: number;\n\tdataName?: string;\n\tdisableFutureDates?: boolean;\n\tplaceholder?: string;\n\trequired?: boolean;\n\tdisablePastDates?: boolean;\n\tdefaultValue?: string \| number \| Date \| undefined;\n\ttextFieldProps?: any;\n\tformat?: string;\n}\n\nconst StyledDatePicker = styled(Date)(({ theme: { palette } }) => ({\n\t'& .MuiOutlinedInput-root': {\n\t\tpadding: '0',\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'& fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[400]\n\t\t},\n\t\t'&:hover fieldset': {\n\t\t\tborderColor: palette.theme?.secondary[500]\n\t\t},\n\t\t'&.Mui-focused fieldset': {\n\t\t\tborderWidth: '0.0625rem',\n\t\t\tborderStyle: 'solid',\n\t\t\tborderColor: palette.theme?.primary[700]\n\t\t},\n\t\t'&.Mui-error fieldset': {\n\t\t\tborderColor: palette.theme?.error[600]\n\t\t},\n\t\t'&.Mui-disabled': {\n\t\t\tbackground: palette.theme?.secondary[200],\n\t\t\tcolor: palette.theme?.secondary[800]\n\t\t},\n\t\t'& .MuiInputBase-input::placeholder': {\n\t\t\tcolor: palette.theme?.secondary[800],\n\t\t\topacity: 1\n\t\t}\n\t},\n\t'& .MuiFormHelperText-root': {\n\t\tmarginLeft: 0,\n\t\tcolor: palette.theme?.secondary[800],\n\t\t'&.Mui-error': {\n\t\t\tcolor: palette.theme?.error[600]\n\t\t}\n\t},\n\t'& .MuiIconButton-root': {\n\t\tmarginRight: 0\n\t},\n\t'& .MuiPickersCalendarHeader-labelContainer': {\n\t\tfontWeight: 600\n\t}\n}));\n\nconst DateTimePicker = (props: DatePickerProps) => {\n\tconst {\n\t\tlabel,\n\t\tdisabled,\n\t\terror,\n\t\thelperText,\n\t\tdataName,\n\t\tdataPosition,\n\t\tdisableFutureDates = false,\n\t\tplaceholder,\n\t\trequired = false,\n\t\tdisablePastDates = false,\n\t\tdefaultValue,\n\t\ttextFieldProps,\n\t\tformat,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<LocalizationProvider dateAdapter={AdapterDayjs}>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}>\n\t\t\t\t\t{label} {required && <span className='requiredStar'>*</span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n\t\t\t<StyledDatePicker\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdisableFuture={disableFutureDates}\n\t\t\t\tdisablePast={disablePastDates}\n\t\t\t\tslotProps={{\n\t\t\t\t\ttextField: {\n\t\t\t\t\t\thelperText: helperText,\n\t\t\t\t\t\terror: error,\n\t\t\t\t\t\tplaceholder: placeholder \|\| 'MM/DD/YYYY HH:mm:ss',\n\t\t\t\t\t\t...textFieldProps\n\t\t\t\t\t\t// required: required,\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tformat={format \|\| 'MM/DD/YYYY HH:mm:ss'}\n\t\t\t\tslots={{ openPickerIcon: logo.CalenderIcon }}\n\t\t\t\t{...rest}\n\t\t\t\tdefaultValue={defaultValue ? dayjs(defaultValue) : undefined}\n\t\t\t\tclassName='datePicker'\n\t\t\t/>\n\t\t</LocalizationProvider>\n\t);\n};\n\nexport { DateTimePicker };\nexport default DateTimePicker;\n"],"names":["StyledDatePicker","styled","Date","theme","palette","padding","color","_a","secondary","borderColor","_b","_c","borderWidth","borderStyle","_d","primary","_e","error","background","_f","_g","_h","opacity","marginLeft","_i","_j","marginRight","fontWeight","DateTimePicker","props","label","disabled","helperText","dataName","dataPosition","disableFutureDates","placeholder","required","disablePastDates","defaultValue","textFieldProps","format","rest","jsxs","LocalizationProvider","dateAdapter","AdapterDayjs","children","Typography","type","weight","mb","jsx","className","disableFuture","disablePast","slotProps","textField","slots","openPickerIcon","logo","CalenderIcon","dayjs"],"mappings":"+sBA6BA,MAAMA,EAAmBC,EAAAA,QAAOC,iBAAPD,CAAa,EAAGE,OAASC,uCAAiB,MAAA,CAClE,2BAA4B,CAC3BC,QAAS,IACTC,MAAO,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,KAChC,aAAc,CACbC,YAAa,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeF,UAAU,MAEvC,mBAAoB,CACnBC,YAAa,OAAAE,EAAAP,EAAQD,YAAR,EAAAQ,EAAeH,UAAU,MAEvC,yBAA0B,CACzBI,YAAa,YACbC,YAAa,QACbJ,YAAa,OAAAK,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,QAAQ,MAErC,uBAAwB,CACvBN,YAAa,OAAAO,EAAAZ,EAAQD,YAAR,EAAAa,EAAeC,MAAM,MAEnC,iBAAkB,CACjBC,WAAY,OAAAC,EAAAf,EAAQD,YAAR,EAAAgB,EAAeX,UAAU,KACrCF,MAAO,OAAAc,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeZ,UAAU,MAEjC,qCAAsC,CACrCF,MAAO,OAAAe,EAAAjB,EAAQD,YAAR,EAAAkB,EAAeb,UAAU,KAChCc,QAAS,IAGX,4BAA6B,CAC5BC,WAAY,EACZjB,MAAO,OAAAkB,EAAApB,EAAQD,YAAR,EAAAqB,EAAehB,UAAU,KAChC,cAAe,CACdF,MAAO,OAAAmB,EAAArB,EAAQD,YAAR,EAAAsB,EAAeR,MAAM,OAG9B,wBAAyB,CACxBS,YAAa,GAEd,6CAA8C,CAC7CC,WAAY,QAIRC,EAAkBC,IACvB,MAAMC,MACLA,EAAAC,SACAA,EAAAd,MACAA,EAAAe,WACAA,EAAAC,SACAA,EAAAC,aACAA,EAAAC,mBACAA,GAAqB,EAAAC,YACrBA,EAAAC,SACAA,GAAW,EAAAC,iBACXA,GAAmB,EAAAC,aACnBA,EAAAC,eACAA,EAAAC,OACAA,KACGC,GACAb;AAEJ,OACCc,EAAAA,KAACC,EAAAA,qBAAA,CAAqBC,YAAaC,EAAAA,aACjCC,SAAA,CAAAjB,kBACAa,EAAAA,KAACK,EAAAA,WAAA,CACAC,KAAK,KACLC,OAAO,SACPC,GAAI,GACJ7C,MAAOW,EAAQ,kBAAoB,sBACnC,gBAAeiB,EACf,YAAWD,EACVc,SAAA,CAAAjB,EAAM,IAAEO,oBAAYe,IAAC,OAAA,CAAKC,UAAU,eAAeN,SAAA;eAGtDK,EAAAA,IAACpD,EAAA,CACA+B,WACAuB,cAAenB,EACfoB,YAAajB,EACbkB,UAAW,CACVC,UAAW,CACVzB,aACAf,QACAmB,YAAaA,GAAe,yBACzBI,IAILC,OAAQA,GAAU,sBAClBiB,MAAO,CAAEC,eAAgBC,EAAAA,OAAKC,iBAC1BnB,EACJH,aAAcA,EAAeuB,UAAMvB,QAAgB,EACnDc,UAAU"}

package/dist/components/date-time-picker/date-time-picker.d.ts CHANGED Viewed

@@ -17,4 +17,5 @@ export interface DatePickerProps {
     format?: string;
 }
 declare const DateTimePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export { DateTimePicker };
 export default DateTimePicker;

package/dist/components/dropdown-button/dropdown-button/index.esm.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import Button from "../../button/button/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
 import ButtonGroup from "../../../node_modules/@mui/material/ButtonGroup/ButtonGroup/index.esm.js";