dinocollab-shared 1.2.41 → 1.2.43

package/dist/media-right/media-widget/media-group-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-group-accordion.js","sources":["../../../src/media-right/media-widget/media-group-accordion.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport { Accordion, AccordionSummary, AccordionDetails, Box, Typography, Chip, IconButton, AccordionProps } from '@mui/material'\r\nimport type { FC, MouseEvent } from 'react'\r\nimport type { IMediaRightGroup } from '../types'\r\nimport EditIcon from '@mui/icons-material/Edit'\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\r\nimport FolderOutlinedIcon from '@mui/icons-material/FolderOutlined'\r\nimport { MediaList } from './media-list'\r\nimport { DeleteButton } from './button.delete'\r\nimport { InlineEditing } from './inline-editing'\r\nimport { mediaRightStoreOptions } from '../configs'\r\nimport { mediaWidgetClasses } from './styled'\r\n\r\nexport interface IMediaGroupAccordionProps {\r\n  group: IMediaRightGroup\r\n  accordionProps?: Partial<AccordionProps>\r\n  onEditGroup: (group: IMediaRightGroup) => void\r\n  onDeleteGroup: (groupId: string) => void\r\n  onDeleteMedia: (groupId: string, mediaId: string) => void\r\n}\r\n\r\nexport const MediaGroupAccordion: FC<IMediaGroupAccordionProps> = ({ group, accordionProps, onEditGroup, onDeleteGroup, onDeleteMedia }) => {\r\n  const [isEditing, setIsEditing] = useState(false)\r\n\r\n  const handleSaveEdit = (value: string) => {\r\n    onEditGroup({ ...group, name: value })\r\n    setIsEditing(false)\r\n  }\r\n\r\n  const handleEditClick = (e: MouseEvent) => {\r\n    e.stopPropagation()\r\n    setIsEditing(true)\r\n  }\r\n\r\n  return (\r\n    <Accordion component='div' {...accordionProps} sx={{ my: '0 !important', ...accordionProps?.sx }}>\r\n      <AccordionSummary\r\n        component='div'\r\n        expandIcon={<ExpandMoreIcon />}\r\n        sx={{ minWidth: 0, '& .MuiAccordionSummary-content': { minWidth: 0, margin: 0 } }}\r\n      >\r\n        <Box className={mediaWidgetClasses.item}>\r\n          <FolderOutlinedIcon fontSize='small' />\r\n          <InlineEditing\r\n            key={group.id + group.name + isEditing}\r\n            isEdit={isEditing}\r\n            setShowEdit={setIsEditing}\r\n            onSubmit={handleSaveEdit}\r\n            defaultValue={group.name}\r\n            textField={{\r\n              inputProps: { maxLength: mediaRightStoreOptions.MAX_NAME_GROUP },\r\n              sx: { flex: 1, minWidth: 0, '& .MuiOutlinedInput-root': { height: '32px' } }\r\n            }}\r\n            sxForm={{ flex: 1 }}\r\n          >\r\n            <Typography variant='body2' noWrap title={group.name} className={mediaWidgetClasses.itemTitle}>\r\n              {group.name}\r\n            </Typography>\r\n            <Chip sx={{ fontSize: '12px' }} label={`${group.items.length} items`} size='small' />\r\n            <IconButton size='small' onClick={handleEditClick} color='success'>\r\n              <EditIcon fontSize='small' />\r\n            </IconButton>\r\n            <DeleteButton onDelete={() => onDeleteGroup(group.id)} size='small' />\r\n          </InlineEditing>\r\n        </Box>\r\n      </AccordionSummary>\r\n      <AccordionDetails sx={{ p: 0 }}>\r\n        <MediaList medias={group.items} onDelete={(mediaId) => onDeleteMedia(group.id, mediaId)} />\r\n      </AccordionDetails>\r\n    </Accordion>\r\n  )\r\n}\r\n"],"names":["MediaGroupAccordion","_ref","group","accordionProps","onEditGroup","onDeleteGroup","onDeleteMedia","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_jsxs","Accordion","_objectSpread","component","sx","my","_jsx","AccordionSummary","expandIcon","ExpandMoreIcon","minWidth","margin","children","Box","className","mediaWidgetClasses","item","FolderOutlinedIcon","fontSize","InlineEditing","isEdit","setShowEdit","onSubmit","value","name","defaultValue","textField","inputProps","maxLength","mediaRightStoreOptions","MAX_NAME_GROUP","flex","height","sxForm","Typography","variant","noWrap","title","itemTitle","Chip","label","concat","items","length","size","IconButton","onClick","e","stopPropagation","color","EditIcon","DeleteButton","onDelete","id","AccordionDetails","p","MediaList","medias","mediaId"],"mappings":"isBAqBaA,EAAqD,SAAlCC,GAA2G,IAAtEC,EAAKD,EAALC,MAAOC,EAAcF,EAAdE,eAAgBC,EAAWH,EAAXG,YAAaC,EAAaJ,EAAbI,cAAeC,EAAaL,EAAbK,cACtHC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAY9B,OACEI,EAACC,EAASC,EAAAA,EAAA,CAACC,UAAU,OAAUb,GAAc,GAAA,CAAEc,GAAEF,EAAA,CAAIG,GAAI,gBAAmBf,eAAAA,EAAgBc,cAC1FE,EAACC,GACCJ,UAAU,MACVK,WAAYF,EAACG,MACbL,GAAI,CAAEM,SAAU,EAAG,iCAAkC,CAAEA,SAAU,EAAGC,OAAQ,IAAKC,SAEjFZ,EAACa,EAAG,CAACC,UAAWC,EAAmBC,KAAIJ,SAAA,CACrCN,EAACW,EAAkB,CAACC,SAAS,UAC7BlB,EAACmB,GAECC,OAAQtB,EACRuB,YAAatB,EACbuB,SAvBa,SAACC,GACtBhC,EAAWW,EAAAA,KAAMb,GAAK,CAAA,EAAA,CAAEmC,KAAMD,KAC9BxB,GAAa,EACd,EAqBS0B,aAAcpC,EAAMmC,KACpBE,UAAW,CACTC,WAAY,CAAEC,UAAWC,EAAuBC,gBAChD1B,GAAI,CAAE2B,KAAM,EAAGrB,SAAU,EAAG,2BAA4B,CAAEsB,OAAQ,UAEpEC,OAAQ,CAAEF,KAAM,GAAGnB,SAAA,CAEnBN,EAAC4B,GAAWC,QAAQ,QAAQC,QAAO,EAAAC,MAAOhD,EAAMmC,KAAMV,UAAWC,EAAmBuB,UACjF1B,SAAAvB,EAAMmC,OAETlB,EAACiC,EAAK,CAAAnC,GAAI,CAAEc,SAAU,QAAUsB,MAAK,GAAAC,OAAKpD,EAAMqD,MAAMC,OAAc,UAAEC,KAAK,UAC3EtC,EAACuC,EAAU,CAACD,KAAK,QAAQE,QA9BX,SAACC,GACvBA,EAAEC,kBACFjD,GAAa,EACd,EA2B4DkD,MAAM,UAASrC,SAChEN,EAAC4C,EAAQ,CAAChC,SAAS,YAErBZ,EAAC6C,EAAa,CAAAC,SAAU,WAAF,OAAQ5D,EAAcH,EAAMgE,GAAG,EAAET,KAAK,YAlBvDvD,EAAMgE,GAAKhE,EAAMmC,KAAO1B,QAsBnCQ,EAACgD,EAAgB,CAAClD,GAAI,CAAEmD,EAAG,GAAG3C,SAC5BN,EAACkD,GAAUC,OAAQpE,EAAMqD,MAAOU,SAAU,SAACM,GAAO,OAAKjE,EAAcJ,EAAMgE,GAAIK,EAAQ,SAI/F"}
+{"version":3,"file":"media-group-accordion.js","sources":["../../../src/media-right/media-widget/media-group-accordion.tsx"],"sourcesContent":["// imports\r\nimport { useState } from 'react'\r\nimport { Accordion, AccordionSummary, AccordionDetails, Box, Typography, Chip, IconButton, styled, accordionSummaryClasses } from '@mui/material'\r\nimport EditIcon from '@mui/icons-material/Edit'\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\r\nimport FolderOutlinedIcon from '@mui/icons-material/FolderOutlined'\r\nimport { DeleteButton } from './button.delete'\r\nimport { InlineEditing } from './inline-editing'\r\nimport { mediaRightStoreOptions } from '../configs'\r\n// types\r\nimport type { ComponentType, FC, MouseEvent } from 'react'\r\nimport type { AccordionProps, AccordionDetailsProps, AccordionSummaryProps, BoxProps, TypographyProps } from '@mui/material'\r\nimport type { IMediaRightGroup, IMediaRightItem } from '../types'\r\n\r\nexport interface IMediaGroupAccordionProps {\r\n  group: IMediaRightGroup\r\n  accordionProps?: Partial<AccordionProps>\r\n  accordionSummaryProps?: Partial<AccordionSummaryProps>\r\n  accordionDetailsProps?: Partial<AccordionDetailsProps>\r\n  renderItem?: (item: IMediaRightItem) => React.ReactNode\r\n  onEditGroup: (group: IMediaRightGroup) => void\r\n  onDeleteGroup: (groupId: string) => void\r\n  onDeleteMedia: (groupId: string, mediaId: string) => void\r\n}\r\n\r\nexport const MediaGroupAccordion: FC<IMediaGroupAccordionProps> = (props) => {\r\n  const [isEditing, setIsEditing] = useState(false)\r\n\r\n  const handleSaveEdit = (value: string) => {\r\n    props.onEditGroup({ ...props.group, name: value })\r\n    setIsEditing(false)\r\n  }\r\n\r\n  const handleEditClick = (e: MouseEvent) => {\r\n    e.stopPropagation()\r\n    setIsEditing(true)\r\n  }\r\n\r\n  return (\r\n    <PlaylistAccordion component='div' {...props.accordionProps} sx={{ my: '0 !important', ...props.accordionProps?.sx }}>\r\n      <AccordionSummary component='div' expandIcon={<ExpandMoreIcon />} {...props.accordionSummaryProps}>\r\n        <ItemBox>\r\n          <FolderOutlinedIcon fontSize='small' />\r\n          <InlineEditing\r\n            key={props.group.id + props.group.name + isEditing}\r\n            isEdit={isEditing}\r\n            setShowEdit={setIsEditing}\r\n            onSubmit={handleSaveEdit}\r\n            defaultValue={props.group.name}\r\n            textField={{\r\n              inputProps: { maxLength: mediaRightStoreOptions.MAX_NAME_GROUP },\r\n              sx: { flex: 1, minWidth: 0, '& .MuiOutlinedInput-root': { height: '32px' } }\r\n            }}\r\n            sxForm={{ flex: 1 }}\r\n          >\r\n            <ItemTitle variant='body2' noWrap title={props.group.name}>\r\n              {props.group.name}\r\n            </ItemTitle>\r\n            <Chip sx={{ fontSize: '12px' }} label={`${props.group.items.length} items`} size='small' />\r\n            <IconButton size='small' onClick={handleEditClick} color='success'>\r\n              <EditIcon fontSize='small' />\r\n            </IconButton>\r\n            <DeleteButton onDelete={() => props.onDeleteGroup(props.group.id)} size='small' />\r\n          </InlineEditing>\r\n        </ItemBox>\r\n      </AccordionSummary>\r\n      <AccordionDetails {...props.accordionDetailsProps}>\r\n        {props.group.items.map((item) => (props.renderItem ? props.renderItem(item) : null))}\r\n      </AccordionDetails>\r\n    </PlaylistAccordion>\r\n  )\r\n}\r\n\r\nexport const PlaylistAccordion: ComponentType<AccordionProps> = styled(Accordion)({\r\n  backgroundColor: 'transparent',\r\n  boxShadow: 'none',\r\n  backgroundImage: 'none',\r\n  '&:before': { display: 'none' },\r\n  '&.Mui-expanded': { margin: 0 },\r\n  [`.${accordionSummaryClasses.root}`]: {\r\n    position: 'sticky',\r\n    top: 0,\r\n    zIndex: 1,\r\n    background: 'rgba(var(--color-bg-rba),0.7)',\r\n    backdropFilter: 'blur(500px)',\r\n    WebkitBackdropFilter: 'blur(500px)',\r\n    borderRadius: '12px',\r\n    minWidth: 0,\r\n    [`& .${accordionSummaryClasses.content}`]: {\r\n      minWidth: 0,\r\n      margin: 0\r\n    }\r\n  }\r\n})\r\n\r\nexport const ItemBox: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  flex: 1,\r\n  gap: theme.spacing(1),\r\n  minWidth: 0\r\n}))\r\n\r\nexport const ItemTitle: ComponentType<TypographyProps> = styled(Typography)(({ theme }) => ({\r\n  fontWeight: 600,\r\n  flex: 1,\r\n  minWidth: 0,\r\n  color: theme.palette.text.primary,\r\n  marginLeft: theme.spacing(1)\r\n}))\r\n"],"names":["MediaGroupAccordion","props","_props$accordionProps","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_jsxs","PlaylistAccordion","_objectSpread","component","accordionProps","sx","my","children","_jsx","AccordionSummary","expandIcon","ExpandMoreIcon","accordionSummaryProps","ItemBox","FolderOutlinedIcon","fontSize","InlineEditing","isEdit","setShowEdit","onSubmit","value","onEditGroup","group","name","defaultValue","textField","inputProps","maxLength","mediaRightStoreOptions","MAX_NAME_GROUP","flex","minWidth","height","sxForm","ItemTitle","variant","noWrap","title","Chip","label","concat","items","length","size","IconButton","onClick","e","stopPropagation","color","EditIcon","DeleteButton","onDelete","onDeleteGroup","id","AccordionDetails","accordionDetailsProps","map","item","renderItem","styled","Accordion","_defineProperty","backgroundColor","boxShadow","backgroundImage","display","margin","accordionSummaryClasses","root","position","top","zIndex","background","backdropFilter","WebkitBackdropFilter","borderRadius","content","Box","_ref","alignItems","gap","theme","spacing","Typography","_ref2","fontWeight","palette","text","primary","marginLeft"],"mappings":"iqBAyBaA,EAAqD,SAACC,GAAS,IAAAC,EAC1EC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAY9B,OACEI,EAACC,EAAiBC,EAAAA,EAAA,CAACC,UAAU,OAAUX,EAAMY,gBAAc,GAAA,CAAEC,GAAEH,EAAA,CAAII,GAAI,gBAAuCb,QAAzBA,EAAKD,EAAMY,sBAANX,IAAoBA,OAApBA,EAAAA,EAAsBY,IAC9GE,SAAA,CAAAC,EAACC,EAAgBP,EAAAA,EAAA,CAACC,UAAU,MAAMO,WAAYF,EAACG,EAAc,CAAA,IAASnB,EAAMoB,uBAAqB,GAAA,CAAAL,SAC/FP,EAACa,aACCL,EAACM,EAAmB,CAAAC,SAAS,UAC7Bf,EAACgB,GAECC,OAAQnB,EACRoB,YAAanB,EACboB,SAnBa,SAACC,GACtB5B,EAAM6B,YAAWnB,EAAAA,EAAA,CAAA,EAAMV,EAAM8B,OAAK,GAAA,CAAEC,KAAMH,KAC1CrB,GAAa,EACd,EAiBSyB,aAAchC,EAAM8B,MAAMC,KAC1BE,UAAW,CACTC,WAAY,CAAEC,UAAWC,EAAuBC,gBAChDxB,GAAI,CAAEyB,KAAM,EAAGC,SAAU,EAAG,2BAA4B,CAAEC,OAAQ,UAEpEC,OAAQ,CAAEH,KAAM,GAAGvB,SAAA,CAEnBC,EAAC0B,GAAUC,QAAQ,QAAQC,UAAOC,MAAO7C,EAAM8B,MAAMC,KAClDhB,SAAAf,EAAM8B,MAAMC,OAEff,EAAC8B,GAAKjC,GAAI,CAAEU,SAAU,QAAUwB,MAAK,GAAAC,OAAKhD,EAAM8B,MAAMmB,MAAMC,OAAc,UAAEC,KAAK,UACjFnC,EAACoC,EAAU,CAACD,KAAK,QAAQE,QA1BX,SAACC,GACvBA,EAAEC,kBACFhD,GAAa,EACd,EAuB4DiD,MAAM,mBACvDxC,EAACyC,GAASlC,SAAS,YAErBP,EAAC0C,EAAa,CAAAC,SAAU,WAAF,OAAQ3D,EAAM4D,cAAc5D,EAAM8B,MAAM+B,GAAG,EAAEV,KAAK,YAlBnEnD,EAAM8B,MAAM+B,GAAK7D,EAAM8B,MAAMC,KAAOzB,SAsB/CU,EAAC8C,EAAgBpD,EAAAA,EAAA,CAAA,EAAKV,EAAM+D,uBAAqB,GAAA,CAC9ChD,SAAAf,EAAM8B,MAAMmB,MAAMe,IAAI,SAACC,GAAI,OAAMjE,EAAMkE,WAAalE,EAAMkE,WAAWD,GAAQ,IAAK,SAI3F,EAEaxD,EAAmD0D,EAAOC,EAAPD,CAAiBE,EAAA,CAC/EC,gBAAiB,cACjBC,UAAW,OACXC,gBAAiB,OACjB,WAAY,CAAEC,QAAS,QACvB,iBAAkB,CAAEC,OAAQ,IAAG,IAAA1B,OAC1B2B,EAAwBC,MAAIP,EAAA,CAC/BQ,SAAU,SACVC,IAAK,EACLC,OAAQ,EACRC,WAAY,gCACZC,eAAgB,cAChBC,qBAAsB,cACtBC,aAAc,OACd5C,SAAU,GAAC,MAAAS,OACJ2B,EAAwBS,SAAY,CACzC7C,SAAU,EACVmC,OAAQ,MAKDrD,EAAmC8C,EAAOkB,EAAPlB,CAAY,SAAAmB,GAAQ,MAAQ,CAC1Eb,QAAS,OACTc,WAAY,SACZjD,KAAM,EACNkD,IAJkEF,EAALG,MAIlDC,QAAQ,GACnBnD,SAAU,EACX,GAEYG,EAA4CyB,EAAOwB,EAAPxB,CAAmB,SAAAyB,GAAA,IAAGH,EAAKG,EAALH,MAAK,MAAQ,CAC1FI,WAAY,IACZvD,KAAM,EACNC,SAAU,EACViB,MAAOiC,EAAMK,QAAQC,KAAKC,QAC1BC,WAAYR,EAAMC,QAAQ,GAC3B"}

package/dist/media-right/media-widget/styled.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{styled as t,Box as o,Menu as i}from"@mui/material";var r={header:"DinoMediaWidget-header",headerText:"DinoMediaWidget-headerText",footer:"DinoMediaWidget-footer",content:"DinoMediaWidget-content",item:"DinoMediaWidget-item",itemTitle:"DinoMediaWidget-itemTitle",itemChild:"DinoMediaWidget-itemChild",itemChildTitle:"DinoMediaWidget-itemChildTitle"},a=t(o)(function(t){var o=t.theme;return e(e(e(e(e(e(e({display:"flex",flexDirection:"column",overflowY:"auto",maxHeight:"60vh","&::-webkit-scrollbar":{width:"6px",background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"#e0e0e0",borderRadius:"8px"},"&::-webkit-scrollbar-thumb:hover":{background:"#bdbdbd"},"&":{scrollbarWidth:"thin",scrollbarColor:"#e0e0e0 transparent"}},".".concat(r.header),{padding:"12px 16px",position:"sticky",top:0,backgroundColor:o.palette.background.paper,zIndex:2,boxShadow:"0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)",alignItems:"flex-start"}),".".concat(r.headerText),{flex:1,color:o.palette.text.primary}),".".concat(r.footer),{position:"sticky",bottom:0,backgroundColor:o.palette.background.paper,zIndex:1,boxShadow:"0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)",justifyContent:"end",flexDirection:"row",padding:"6px 12px"}),".".concat(r.item),{display:"flex",alignItems:"center",flex:1,gap:1,minWidth:0}),".".concat(r.itemTitle),{fontWeight:600,flex:1,minWidth:0,color:o.palette.text.primary,marginLeft:o.spacing(1)}),".".concat(r.itemChildTitle),{color:o.palette.text.primary}),"&.mobile",e({height:"100%",maxHeight:"none"},".".concat(r.content),{flex:1}))}),n=t(i)(function(e){var t=e.theme;return{"--color-bg":t.palette.background.paper,"--color-text":t.palette.text.primary,marginTop:"45px",">.MuiPaper-root":{position:"relative",overflow:"visible",display:"flex",flexDirection:"column",backgroundColor:"var(--color-bg, #000000)",borderRadius:t.shape.borderRadius,minWidth:"280px",width:"90vw",maxWidth:"450px",boxShadow:"0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)",animation:"fadeInDown 0.3s ease-out",marginTop:"8px","&::before":{content:'""',position:"absolute",backgroundColor:t.palette.divider,width:"10px",height:"10px",top:"-4px",right:t.spacing(1),transform:"translateX(-50%) rotate(45deg)",zIndex:0},"@keyframes fadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}}},".MuiBackdrop-root":{backgroundColor:"transparent"},".MuiList-root":{padding:0,height:"100%"}}});export{a as MenuContentStyled,n as MenuStyled,r as mediaWidgetClasses};
+import{styled as r,Stack as o,Menu as t}from"@mui/material";var a=r(o)(function(r){var o=r.theme;return{"--color-bg":"dark"===o.palette.mode?"#121212":o.palette.background.paper,"--color-bg-rba":"dark"===o.palette.mode?"18, 18, 18":"255, 255, 255","--color-text":o.palette.text.primary,"--cart-color-bg":"var(--color-bg)",height:"100%"}}),e=r(t)(function(r){var o=r.theme;return{"--color-bg":"dark"===o.palette.mode?"#121212":o.palette.background.paper,"--color-text":o.palette.text.primary,"--cart-color-bg":"var(--color-bg)",marginTop:"45px","> .MuiPaper-root":{position:"relative",overflow:"visible",display:"flex",flexDirection:"column",backgroundColor:"var(--color-bg, #000000)",borderRadius:o.shape.borderRadius,minWidth:"280px",maxWidth:"550px",boxShadow:"0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)",animation:"fadeInDown 0.3s ease-out",marginTop:"8px",color:"var(--color-text, #000000)","@keyframes fadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}},"&::before":{content:'""',position:"absolute",backgroundColor:"var(--color-bg, #ffffff)",width:"10px",height:"10px",top:"-4px",right:o.spacing(1),transform:"translateX(-50%) rotate(45deg)",zIndex:0}},".MuiBackdrop-root":{backgroundColor:"transparent"},".MuiList-root":{padding:0,height:"100%",minHeight:0,maxHeight:"60vh"}}});export{e as MenuStyled,a as Root};
 //# sourceMappingURL=styled.js.map

package/dist/media-right/media-widget/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/media-right/media-widget/styled.tsx"],"sourcesContent":["import { Box, Menu, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps, MenuProps } from '@mui/material'\r\n\r\nexport const mediaWidgetClasses = {\r\n  root: 'DinoMediaWidget-root',\r\n  header: 'DinoMediaWidget-header',\r\n  headerText: 'DinoMediaWidget-headerText',\r\n  footer: 'DinoMediaWidget-footer',\r\n  content: 'DinoMediaWidget-content',\r\n  item: 'DinoMediaWidget-item',\r\n  itemTitle: 'DinoMediaWidget-itemTitle',\r\n  itemChild: 'DinoMediaWidget-itemChild',\r\n  itemChildTitle: 'DinoMediaWidget-itemChildTitle'\r\n}\r\n\r\nexport const MenuContentStyled: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  overflowY: 'auto',\r\n  maxHeight: '60vh',\r\n  '&::-webkit-scrollbar': { width: '6px', background: 'transparent' },\r\n  '&::-webkit-scrollbar-thumb': { background: '#e0e0e0', borderRadius: '8px' },\r\n  '&::-webkit-scrollbar-thumb:hover': { background: '#bdbdbd' },\r\n  '&': { scrollbarWidth: 'thin', scrollbarColor: '#e0e0e0 transparent' },\r\n  [`.${mediaWidgetClasses.header}`]: {\r\n    padding: '12px 16px',\r\n    position: 'sticky',\r\n    top: 0,\r\n    backgroundColor: theme.palette.background.paper,\r\n    zIndex: 2,\r\n    boxShadow: '0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)',\r\n    alignItems: 'flex-start'\r\n  },\r\n  [`.${mediaWidgetClasses.headerText}`]: { flex: 1, color: theme.palette.text.primary },\r\n  [`.${mediaWidgetClasses.footer}`]: {\r\n    position: 'sticky',\r\n    bottom: 0,\r\n    backgroundColor: theme.palette.background.paper,\r\n    zIndex: 1,\r\n    boxShadow: '0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)',\r\n    justifyContent: 'end',\r\n    flexDirection: 'row',\r\n    padding: '6px 12px'\r\n  },\r\n  [`.${mediaWidgetClasses.item}`]: {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    flex: 1,\r\n    gap: 1,\r\n    minWidth: 0\r\n  },\r\n  [`.${mediaWidgetClasses.itemTitle}`]: {\r\n    fontWeight: 600,\r\n    flex: 1,\r\n    minWidth: 0,\r\n    color: theme.palette.text.primary,\r\n    marginLeft: theme.spacing(1)\r\n  },\r\n  [`.${mediaWidgetClasses.itemChildTitle}`]: { color: theme.palette.text.primary },\r\n  // Mobile specific styles\r\n  '&.mobile': {\r\n    height: '100%',\r\n    maxHeight: 'none',\r\n    [`.${mediaWidgetClasses.content}`]: { flex: 1 }\r\n  }\r\n}))\r\n\r\nexport const MenuStyled: ComponentType<MenuProps> = styled(Menu)(({ theme }) => ({\r\n  '--color-bg': theme.palette.background.paper,\r\n  '--color-text': theme.palette.text.primary,\r\n\r\n  marginTop: '45px',\r\n  '>.MuiPaper-root': {\r\n    position: 'relative',\r\n    overflow: 'visible',\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    backgroundColor: 'var(--color-bg, #000000)',\r\n    borderRadius: theme.shape.borderRadius,\r\n    minWidth: '280px',\r\n    width: '90vw',\r\n    maxWidth: '450px',\r\n    boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n    animation: 'fadeInDown 0.3s ease-out',\r\n    marginTop: '8px',\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      backgroundColor: theme.palette.divider,\r\n      width: '10px',\r\n      height: '10px',\r\n      top: '-4px',\r\n      right: theme.spacing(1),\r\n      transform: 'translateX(-50%) rotate(45deg)',\r\n      zIndex: 0\r\n    },\r\n\r\n    '@keyframes fadeInDown': {\r\n      '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n      '100%': { opacity: 1, transform: 'translateY(0)' }\r\n    }\r\n  },\r\n  '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n  '.MuiList-root': { padding: 0, height: '100%' }\r\n}))\r\n"],"names":["mediaWidgetClasses","header","headerText","footer","content","item","itemTitle","itemChild","itemChildTitle","MenuContentStyled","styled","Box","_ref","theme","_defineProperty","display","flexDirection","overflowY","maxHeight","width","background","borderRadius","scrollbarWidth","scrollbarColor","concat","padding","position","top","backgroundColor","palette","paper","zIndex","boxShadow","alignItems","flex","color","text","primary","bottom","justifyContent","gap","minWidth","fontWeight","marginLeft","spacing","height","MenuStyled","Menu","_ref3","marginTop","overflow","shape","maxWidth","animation","divider","right","transform","opacity"],"mappings":"uIAIO,IAAMA,EAAqB,CAEhCC,OAAQ,yBACRC,WAAY,6BACZC,OAAQ,yBACRC,QAAS,0BACTC,KAAM,uBACNC,UAAW,4BACXC,UAAW,4BACXC,eAAgB,kCAGLC,EAA6CC,EAAOC,EAAPD,CAAY,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAC5EC,QAAS,OACTC,cAAe,SACfC,UAAW,OACXC,UAAW,OACX,uBAAwB,CAAEC,MAAO,MAAOC,WAAY,eACpD,6BAA8B,CAAEA,WAAY,UAAWC,aAAc,OACrE,mCAAoC,CAAED,WAAY,WAClD,IAAK,CAAEE,eAAgB,OAAQC,eAAgB,wBAAuB,IAAAC,OACjExB,EAAmBC,QAAW,CACjCwB,QAAS,YACTC,SAAU,SACVC,IAAK,EACLC,gBAAiBf,EAAMgB,QAAQT,WAAWU,MAC1CC,OAAQ,EACRC,UAAW,wCACXC,WAAY,mBACbT,OACIxB,EAAmBE,YAAe,CAAEgC,KAAM,EAAGC,MAAOtB,EAAMgB,QAAQO,KAAKC,cAASb,OAChFxB,EAAmBG,QAAW,CACjCuB,SAAU,SACVY,OAAQ,EACRV,gBAAiBf,EAAMgB,QAAQT,WAAWU,MAC1CC,OAAQ,EACRC,UAAW,wCACXO,eAAgB,MAChBvB,cAAe,MACfS,QAAS,iBACVD,OACIxB,EAAmBK,MAAS,CAC/BU,QAAS,OACTkB,WAAY,SACZC,KAAM,EACNM,IAAK,EACLC,SAAU,QACXjB,OACIxB,EAAmBM,WAAc,CACpCoC,WAAY,IACZR,KAAM,EACNO,SAAU,EACVN,MAAOtB,EAAMgB,QAAQO,KAAKC,QAC1BM,WAAY9B,EAAM+B,QAAQ,SAC3BpB,OACIxB,EAAmBQ,gBAAmB,CAAE2B,MAAOtB,EAAMgB,QAAQO,KAAKC,UAEvE,WAAUvB,EAAA,CACR+B,OAAQ,OACR3B,UAAW,QAAM,IAAAM,OACZxB,EAAmBI,SAAY,CAAE8B,KAAM,IAAG,GAItCY,EAAuCpC,EAAOqC,EAAPrC,CAAa,SAAAsC,GAAA,IAAGnC,EAAKmC,EAALnC,MAAK,MAAQ,CAC/E,aAAcA,EAAMgB,QAAQT,WAAWU,MACvC,eAAgBjB,EAAMgB,QAAQO,KAAKC,QAEnCY,UAAW,OACX,kBAAmB,CACjBvB,SAAU,WACVwB,SAAU,UACVnC,QAAS,OACTC,cAAe,SACfY,gBAAiB,2BACjBP,aAAcR,EAAMsC,MAAM9B,aAC1BoB,SAAU,QACVtB,MAAO,OACPiC,SAAU,QACVpB,UAAsI,4HACtIqB,UAAW,2BACXJ,UAAW,MAEX,YAAa,CACX7C,QAAS,KACTsB,SAAU,WACVE,gBAAiBf,EAAMgB,QAAQyB,QAC/BnC,MAAO,OACP0B,OAAQ,OACRlB,IAAK,OACL4B,MAAO1C,EAAM+B,QAAQ,GACrBY,UAAW,iCACXzB,OAAQ,GAGV,wBAAyB,CACvB,KAAM,CAAE0B,QAAS,EAAGD,UAAW,qBAC/B,OAAQ,CAAEC,QAAS,EAAGD,UAAW,mBAGrC,oBAAqB,CAAE5B,gBAAiB,eACxC,gBAAiB,CAAEH,QAAS,EAAGoB,OAAQ,QACxC"}
+{"version":3,"file":"styled.js","sources":["../../../src/media-right/media-widget/styled.tsx"],"sourcesContent":["import { Menu, styled, Stack } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { MenuProps, StackProps } from '@mui/material'\r\n\r\nexport const Root: ComponentType<StackProps> = styled(Stack)(({ theme }) => ({\r\n  '--color-bg': theme.palette.mode === 'dark' ? '#121212' : theme.palette.background.paper,\r\n  '--color-bg-rba': theme.palette.mode === 'dark' ? '18, 18, 18' : '255, 255, 255',\r\n  '--color-text': theme.palette.text.primary,\r\n  '--cart-color-bg': 'var(--color-bg)',\r\n  height: '100%'\r\n}))\r\n\r\nexport const MenuStyled: ComponentType<MenuProps> = styled(Menu)(({ theme }) => ({\r\n  '--color-bg': theme.palette.mode === 'dark' ? '#121212' : theme.palette.background.paper,\r\n  '--color-text': theme.palette.text.primary,\r\n  '--cart-color-bg': 'var(--color-bg)',\r\n  marginTop: '45px',\r\n  '> .MuiPaper-root': {\r\n    position: 'relative',\r\n    overflow: 'visible',\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    backgroundColor: 'var(--color-bg, #000000)',\r\n    borderRadius: theme.shape.borderRadius,\r\n    minWidth: '280px',\r\n    maxWidth: '550px',\r\n    boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n    animation: 'fadeInDown 0.3s ease-out',\r\n    marginTop: '8px',\r\n    color: 'var(--color-text, #000000)',\r\n\r\n    '@keyframes fadeInDown': {\r\n      '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n      '100%': { opacity: 1, transform: 'translateY(0)' }\r\n    },\r\n\r\n    '&::before': {\r\n      content: '\"\"',\r\n      position: 'absolute',\r\n      backgroundColor: 'var(--color-bg, #ffffff)',\r\n      width: '10px',\r\n      height: '10px',\r\n      top: '-4px',\r\n      right: theme.spacing(1),\r\n      transform: 'translateX(-50%) rotate(45deg)',\r\n      zIndex: 0\r\n    }\r\n  },\r\n  '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n  '.MuiList-root': { padding: 0, height: '100%', minHeight: 0, maxHeight: '60vh' }\r\n}))\r\n"],"names":["Root","styled","Stack","_ref","theme","palette","mode","background","paper","text","primary","height","MenuStyled","Menu","_ref2","marginTop","position","overflow","display","flexDirection","backgroundColor","borderRadius","shape","minWidth","maxWidth","boxShadow","animation","color","opacity","transform","content","width","top","right","spacing","zIndex","padding","minHeight","maxHeight"],"mappings":"4DAIO,IAAMA,EAAkCC,EAAOC,EAAPD,CAAc,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,MAAQ,CAC3E,aAAqC,SAAvBA,EAAMC,QAAQC,KAAkB,UAAYF,EAAMC,QAAQE,WAAWC,MACnF,iBAAyC,SAAvBJ,EAAMC,QAAQC,KAAkB,aAAe,gBACjE,eAAgBF,EAAMC,QAAQI,KAAKC,QACnC,kBAAmB,kBACnBC,OAAQ,OACT,GAEYC,EAAuCX,EAAOY,EAAPZ,CAAa,SAAAa,GAAA,IAAGV,EAAKU,EAALV,MAAK,MAAQ,CAC/E,aAAqC,SAAvBA,EAAMC,QAAQC,KAAkB,UAAYF,EAAMC,QAAQE,WAAWC,MACnF,eAAgBJ,EAAMC,QAAQI,KAAKC,QACnC,kBAAmB,kBACnBK,UAAW,OACX,mBAAoB,CAClBC,SAAU,WACVC,SAAU,UACVC,QAAS,OACTC,cAAe,SACfC,gBAAiB,2BACjBC,aAAcjB,EAAMkB,MAAMD,aAC1BE,SAAU,QACVC,SAAU,QACVC,UAAsI,4HACtIC,UAAW,2BACXX,UAAW,MACXY,MAAO,6BAEP,wBAAyB,CACvB,KAAM,CAAEC,QAAS,EAAGC,UAAW,qBAC/B,OAAQ,CAAED,QAAS,EAAGC,UAAW,kBAGnC,YAAa,CACXC,QAAS,KACTd,SAAU,WACVI,gBAAiB,2BACjBW,MAAO,OACPpB,OAAQ,OACRqB,IAAK,OACLC,MAAO7B,EAAM8B,QAAQ,GACrBL,UAAW,iCACXM,OAAQ,IAGZ,oBAAqB,CAAEf,gBAAiB,eACxC,gBAAiB,CAAEgB,QAAS,EAAGzB,OAAQ,OAAQ0B,UAAW,EAAGC,UAAW,QACzE"}

package/dist/notification/notify-list.js

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as i,classCallCheck as t,callSuper as r,defineProperty as n}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as a}from"react/jsx-runtime";import{Component as l}from"react";import{Box as c,Typography as s,alpha as m,colors as d,Stack as h,Divider as u,Button as p}from"@mui/material";import f from"@mui/icons-material/DraftsOutlined";import v from"@mui/icons-material/MarkEmailUnreadOutlined";import{formatTimeAgo as g}from"./helpers.js";import{NoDataPanel as x}from"../components/no-data-panel.js";import{NotifyListStyled as N,notifyListClasses as C}from"./styled.js";var b=function(){function b(){var e;t(this,b);for(var i=arguments.length,l=new Array(i),u=0;u<i;u++)l[u]=arguments[u];return e=r(this,b,[].concat(l)),n(e,"renderItem",function(i,t){return o(c,{className:C.item,onClick:function(){return e.onClickHandler(i)},children:[a(h,{px:1,children:i.IsRead?a(f,{color:"disabled"}):a(v,{color:"success"})}),o(c,{flex:1,children:[a(s,{variant:"subtitle1",component:"h6",className:C.itemTitle,children:i.Title}),a(s,{variant:"caption",className:C.itemSubTitle,children:i.SubTitle}),a(h,{direction:"row",spacing:1,justifyContent:"flex-end",children:a(s,{variant:"caption",color:m(d.common.white,.5),children:g(i.DateCreated)})})]})]},t.toString())}),n(e,"onClickHandler",function(i){e.props.onClick&&e.props.onClick(i)}),n(e,"getDescription",function(e){return 0===e?"No new notifications":1===e?"You have 1 unread notification":"You have ".concat(e," unread notifications")}),n(e,"getItems",function(i){return e.props.data.filter(function(e){return void 0===i||e.IsRead===i})}),e}return e(b,l),i(b,[{key:"render",value:function(){var e=this.getItems(!0),i=this.getItems(!1);return o(N,{className:"".concat(C.root).concat(this.props.isMobile?" mobile":""),children:[a("div",{className:C.header,children:o(c,{flex:1,children:[a(s,{variant:"h6",children:"Notifications"}),a(s,{variant:"body2",color:m(d.common.white,.6),children:this.getDescription(i.length)})]})}),o(h,{className:C.items,children:[i.length>0&&o("div",{children:[o("div",{className:C.groupTitle,children:[a(s,{variant:"caption",children:"Unseen"}),a(u,{sx:{borderColor:m(d.common.white,.1)}})]}),i.map(this.renderItem)]}),e.length>0&&o("div",{children:[o("div",{className:C.groupTitle,children:[a(s,{variant:"caption",children:"Seen"}),a(u,{sx:{borderColor:m(d.common.white,.1)}})]}),e.map(this.renderItem)]}),i.length+e.length===0&&a(x,{title:"No Notifications",subTitle:"You're all caught up!",sx:{minWidth:250,flex:1}})]}),a("div",{className:C.footer,children:a(p,{variant:"text",sx:{flex:"0 0 auto",width:"auto"},children:a(s,{variant:"caption",sx:{textTransform:"none",fontWeight:600},children:"View All"})})})]})}}])}();export{b as default};
+import{inherits as e,createClass as i,objectSpread2 as t,classCallCheck as n,callSuper as r,defineProperty as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as l,jsx as a}from"react/jsx-runtime";import{Component as c}from"react";import{Box as s,Typography as d,alpha as m,colors as h,Stack as p,Divider as u,Button as f}from"@mui/material";import v from"@mui/icons-material/DraftsOutlined";import g from"@mui/icons-material/MarkEmailUnreadOutlined";import{formatTimeAgo as b}from"./helpers.js";import{NoDataPanel as x}from"../components/no-data-panel.js";import{NotifyListStyled as C,notifyListClasses as w}from"./styled.js";var N=function(){function N(){var e;n(this,N);for(var i=arguments.length,t=new Array(i),c=0;c<i;c++)t[c]=arguments[c];return e=r(this,N,[].concat(t)),o(e,"renderItem",function(i,t){return l(s,{className:w.item,onClick:function(){return e.onClickHandler(i)},children:[a(p,{px:1,children:i.IsRead?a(v,{color:"disabled"}):a(g,{color:"success"})}),l(s,{flex:1,children:[a(d,{variant:"subtitle1",component:"h6",className:w.itemTitle,children:i.Title}),a(d,{variant:"caption",className:w.itemSubTitle,children:i.SubTitle}),a(p,{direction:"row",spacing:1,justifyContent:"flex-end",children:a(d,{variant:"caption",color:m(h.common.white,.5),children:b(i.DateCreated)})})]})]},t.toString())}),o(e,"onClickHandler",function(i){e.props.onClick&&e.props.onClick(i)}),o(e,"getDescription",function(e){return 0===e?"No new notifications":1===e?"You have 1 unread notification":"You have ".concat(e," unread notifications")}),o(e,"getItems",function(i){return e.props.data.filter(function(e){return void 0===i||e.IsRead===i})}),e}return e(N,c),i(N,[{key:"render",value:function(){var e,i=this,n=this.getItems(!0),r=this.getItems(!1);return l(C,{className:"".concat(w.root).concat(this.props.isMobile?" mobile":""),children:[a("div",{className:w.header,children:l(s,{flex:1,children:[a(d,{variant:"h6",children:"Notifications"}),a(d,{variant:"body2",color:m(h.common.white,.6),children:this.getDescription(r.length)})]})}),l(p,{className:w.items,children:[r.length>0&&l("div",{children:[l("div",{className:w.groupTitle,children:[a(d,{variant:"caption",children:"Unseen"}),a(u,{sx:{borderColor:m(h.common.white,.1)}})]}),r.map(this.renderItem)]}),n.length>0&&l("div",{children:[l("div",{className:w.groupTitle,children:[a(d,{variant:"caption",children:"Seen"}),a(u,{sx:{borderColor:m(h.common.white,.1)}})]}),n.map(this.renderItem)]}),r.length+n.length===0&&a(x,{title:"No Notifications",subTitle:"You're all caught up!",sx:{minWidth:250,flex:1}})]}),!1!==this.props.enableViewAll&&a("div",{className:w.footer,children:a(f,t(t({variant:"text"},this.props.buttonViewAllProps),{},{onClick:function(e){var t,n,r,o;null===(t=i.props.buttonViewAllProps)||void 0===t||null===(n=t.onClick)||void 0===n||n.call(t,e),null===(r=(o=i.props).onViewAllClick)||void 0===r||r.call(o)},sx:t({flex:"0 0 auto",width:"auto"},null===(e=this.props.buttonViewAllProps)||void 0===e?void 0:e.sx),children:a(d,{variant:"caption",sx:{textTransform:"none",fontWeight:600},children:"View All"})}))})]})}}])}();export{N as default};
 //# sourceMappingURL=notify-list.js.map

package/dist/notification/notify-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"notify-list.js","sources":["../../src/notification/notify-list.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { alpha, Box, Button, colors, Divider, Stack, Typography } from '@mui/material'\r\nimport DraftsOutlinedIcon from '@mui/icons-material/DraftsOutlined'\r\nimport MarkEmailUnreadOutlinedIcon from '@mui/icons-material/MarkEmailUnreadOutlined'\r\nimport { INotification } from './types'\r\nimport { formatTimeAgo } from './helpers'\r\nimport { NoDataPanel } from '../components/no-data-panel'\r\nimport { NotifyListStyled, notifyListClasses } from './styled'\r\n\r\ninterface INotifyListProps {\r\n  data: INotification[]\r\n  onClick?: (value: INotification) => void\r\n  isMobile?: boolean\r\n}\r\n\r\nclass NotifyList extends Component<INotifyListProps> {\r\n  render() {\r\n    const listReaded = this.getItems(true)\r\n    const listUnReaded = this.getItems(false)\r\n    return (\r\n      <NotifyListStyled className={`${notifyListClasses.root}${this.props.isMobile ? ' mobile' : ''}`}>\r\n        {/* Render the menu header */}\r\n        <div className={notifyListClasses.header}>\r\n          <Box flex={1}>\r\n            <Typography variant='h6'>Notifications</Typography>\r\n            <Typography variant='body2' color={alpha(colors.common.white, 0.6)}>\r\n              {this.getDescription(listUnReaded.length)}\r\n            </Typography>\r\n          </Box>\r\n        </div>\r\n        {/* <Divider variant='middle' sx={{ borderColor: alpha(colors.common.white, 0.1) }} /> */}\r\n        {/* Render sub-menu items */}\r\n        <Stack className={notifyListClasses.items}>\r\n          {listUnReaded.length > 0 && (\r\n            <div>\r\n              <div className={notifyListClasses.groupTitle}>\r\n                <Typography variant='caption'>Unseen</Typography>\r\n                <Divider sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n              </div>\r\n              {listUnReaded.map(this.renderItem)}\r\n            </div>\r\n          )}\r\n          {listReaded.length > 0 && (\r\n            <div>\r\n              <div className={notifyListClasses.groupTitle}>\r\n                <Typography variant='caption'>Seen</Typography>\r\n                <Divider sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n              </div>\r\n              {listReaded.map(this.renderItem)}\r\n            </div>\r\n          )}\r\n          {listUnReaded.length + listReaded.length === 0 && (\r\n            <NoDataPanel title='No Notifications' subTitle=\"You're all caught up!\" sx={{ minWidth: 250, flex: 1 }} />\r\n          )}\r\n        </Stack>\r\n        <div className={notifyListClasses.footer}>\r\n          <Button variant='text' sx={{ flex: '0 0 auto', width: 'auto' }}>\r\n            <Typography variant='caption' sx={{ textTransform: 'none', fontWeight: 600 }}>\r\n              View All\r\n            </Typography>\r\n          </Button>\r\n        </div>\r\n      </NotifyListStyled>\r\n    )\r\n  }\r\n\r\n  renderItem = (item: INotification, index: number) => {\r\n    // Render each item in the menu\r\n    return (\r\n      <Box key={index.toString()} className={notifyListClasses.item} onClick={() => this.onClickHandler(item)}>\r\n        <Stack px={1}>{item.IsRead ? <DraftsOutlinedIcon color='disabled' /> : <MarkEmailUnreadOutlinedIcon color='success' />}</Stack>\r\n        <Box flex={1}>\r\n          <Typography variant='subtitle1' component='h6' className={notifyListClasses.itemTitle}>\r\n            {item.Title}\r\n          </Typography>\r\n          <Typography variant='caption' className={notifyListClasses.itemSubTitle}>\r\n            {item.SubTitle}\r\n          </Typography>\r\n          <Stack direction='row' spacing={1} justifyContent='flex-end'>\r\n            <Typography variant='caption' color={alpha(colors.common.white, 0.5)}>\r\n              {formatTimeAgo(item.DateCreated)}\r\n            </Typography>\r\n          </Stack>\r\n        </Box>\r\n      </Box>\r\n    )\r\n  }\r\n\r\n  onClickHandler = (notification: INotification) => {\r\n    if (!this.props.onClick) return\r\n    // Call the onClick handler if provided\r\n    this.props.onClick(notification)\r\n  }\r\n\r\n  getDescription = (count: number) => {\r\n    if (count === 0) return 'No new notifications'\r\n    if (count === 1) return 'You have 1 unread notification'\r\n    return `You have ${count} unread notifications`\r\n  }\r\n\r\n  getItems = (isReaded?: boolean) => {\r\n    return this.props.data.filter((item) => (isReaded !== undefined ? item.IsRead === isReaded : true))\r\n  }\r\n}\r\nexport default NotifyList\r\n"],"names":["NotifyList","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","item","index","_jsxs","Box","className","notifyListClasses","onClick","onClickHandler","children","_jsx","Stack","px","IsRead","DraftsOutlinedIcon","color","MarkEmailUnreadOutlinedIcon","flex","Typography","variant","component","itemTitle","Title","itemSubTitle","SubTitle","direction","spacing","justifyContent","alpha","colors","common","white","formatTimeAgo","DateCreated","toString","notification","props","count","isReaded","data","filter","undefined","_inherits","Component","_createClass","key","value","listReaded","getItems","listUnReaded","NotifyListStyled","root","isMobile","header","getDescription","items","groupTitle","Divider","sx","borderColor","map","renderItem","NoDataPanel","title","subTitle","minWidth","footer","Button","width","textTransform","fontWeight"],"mappings":"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"}
+{"version":3,"file":"notify-list.js","sources":["../../src/notification/notify-list.tsx"],"sourcesContent":["import { Component, ComponentProps } from 'react'\r\nimport { alpha, Box, Button, colors, Divider, Stack, Typography } from '@mui/material'\r\nimport DraftsOutlinedIcon from '@mui/icons-material/DraftsOutlined'\r\nimport MarkEmailUnreadOutlinedIcon from '@mui/icons-material/MarkEmailUnreadOutlined'\r\nimport { INotification } from './types'\r\nimport { formatTimeAgo } from './helpers'\r\nimport { NoDataPanel } from '../components/no-data-panel'\r\nimport { NotifyListStyled, notifyListClasses } from './styled'\r\n\r\nexport interface INotifyListSlots {\r\n  /** @default true */\r\n  enableViewAll?: boolean\r\n  buttonViewAllProps?: ComponentProps<typeof Button> & { [key: string]: any }\r\n  onViewAllClick?: () => void\r\n}\r\n\r\ninterface INotifyListProps extends INotifyListSlots {\r\n  data: INotification[]\r\n  onClick?: (value: INotification) => void\r\n  isMobile?: boolean\r\n}\r\n\r\nclass NotifyList extends Component<INotifyListProps> {\r\n  render() {\r\n    const listReaded = this.getItems(true)\r\n    const listUnReaded = this.getItems(false)\r\n    return (\r\n      <NotifyListStyled className={`${notifyListClasses.root}${this.props.isMobile ? ' mobile' : ''}`}>\r\n        {/* Render the menu header */}\r\n        <div className={notifyListClasses.header}>\r\n          <Box flex={1}>\r\n            <Typography variant='h6'>Notifications</Typography>\r\n            <Typography variant='body2' color={alpha(colors.common.white, 0.6)}>\r\n              {this.getDescription(listUnReaded.length)}\r\n            </Typography>\r\n          </Box>\r\n        </div>\r\n        {/* <Divider variant='middle' sx={{ borderColor: alpha(colors.common.white, 0.1) }} /> */}\r\n        {/* Render sub-menu items */}\r\n        <Stack className={notifyListClasses.items}>\r\n          {listUnReaded.length > 0 && (\r\n            <div>\r\n              <div className={notifyListClasses.groupTitle}>\r\n                <Typography variant='caption'>Unseen</Typography>\r\n                <Divider sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n              </div>\r\n              {listUnReaded.map(this.renderItem)}\r\n            </div>\r\n          )}\r\n          {listReaded.length > 0 && (\r\n            <div>\r\n              <div className={notifyListClasses.groupTitle}>\r\n                <Typography variant='caption'>Seen</Typography>\r\n                <Divider sx={{ borderColor: alpha(colors.common.white, 0.1) }} />\r\n              </div>\r\n              {listReaded.map(this.renderItem)}\r\n            </div>\r\n          )}\r\n          {listUnReaded.length + listReaded.length === 0 && (\r\n            <NoDataPanel title='No Notifications' subTitle=\"You're all caught up!\" sx={{ minWidth: 250, flex: 1 }} />\r\n          )}\r\n        </Stack>\r\n        {this.props.enableViewAll !== false && (\r\n          <div className={notifyListClasses.footer}>\r\n            <Button\r\n              variant='text'\r\n              {...this.props.buttonViewAllProps}\r\n              onClick={(e) => {\r\n                this.props.buttonViewAllProps?.onClick?.(e)\r\n                this.props.onViewAllClick?.()\r\n              }}\r\n              sx={{ flex: '0 0 auto', width: 'auto', ...this.props.buttonViewAllProps?.sx }}\r\n            >\r\n              <Typography variant='caption' sx={{ textTransform: 'none', fontWeight: 600 }}>\r\n                View All\r\n              </Typography>\r\n            </Button>\r\n          </div>\r\n        )}\r\n      </NotifyListStyled>\r\n    )\r\n  }\r\n\r\n  renderItem = (item: INotification, index: number) => {\r\n    // Render each item in the menu\r\n    return (\r\n      <Box key={index.toString()} className={notifyListClasses.item} onClick={() => this.onClickHandler(item)}>\r\n        <Stack px={1}>{item.IsRead ? <DraftsOutlinedIcon color='disabled' /> : <MarkEmailUnreadOutlinedIcon color='success' />}</Stack>\r\n        <Box flex={1}>\r\n          <Typography variant='subtitle1' component='h6' className={notifyListClasses.itemTitle}>\r\n            {item.Title}\r\n          </Typography>\r\n          <Typography variant='caption' className={notifyListClasses.itemSubTitle}>\r\n            {item.SubTitle}\r\n          </Typography>\r\n          <Stack direction='row' spacing={1} justifyContent='flex-end'>\r\n            <Typography variant='caption' color={alpha(colors.common.white, 0.5)}>\r\n              {formatTimeAgo(item.DateCreated)}\r\n            </Typography>\r\n          </Stack>\r\n        </Box>\r\n      </Box>\r\n    )\r\n  }\r\n\r\n  onClickHandler = (notification: INotification) => {\r\n    if (!this.props.onClick) return\r\n    // Call the onClick handler if provided\r\n    this.props.onClick(notification)\r\n  }\r\n\r\n  getDescription = (count: number) => {\r\n    if (count === 0) return 'No new notifications'\r\n    if (count === 1) return 'You have 1 unread notification'\r\n    return `You have ${count} unread notifications`\r\n  }\r\n\r\n  getItems = (isReaded?: boolean) => {\r\n    return this.props.data.filter((item) => (isReaded !== undefined ? item.IsRead === isReaded : true))\r\n  }\r\n}\r\nexport default NotifyList\r\n"],"names":["NotifyList","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","this","concat","_defineProperty","item","index","_jsxs","Box","className","notifyListClasses","onClick","onClickHandler","children","_jsx","Stack","px","IsRead","DraftsOutlinedIcon","color","MarkEmailUnreadOutlinedIcon","flex","Typography","variant","component","itemTitle","Title","itemSubTitle","SubTitle","direction","spacing","justifyContent","alpha","colors","common","white","formatTimeAgo","DateCreated","toString","notification","props","count","isReaded","data","filter","undefined","_inherits","Component","_createClass","key","value","_this$props$buttonVie","_this2","listReaded","getItems","listUnReaded","NotifyListStyled","root","isMobile","header","getDescription","items","groupTitle","Divider","sx","borderColor","map","renderItem","NoDataPanel","title","subTitle","minWidth","enableViewAll","footer","Button","_objectSpread","buttonViewAllProps","e","_this2$props$buttonVi","_this2$props$buttonVi2","_this2$props$onViewAl","_this2$props","call","onViewAllClick","width","textTransform","fontWeight"],"mappings":"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"}

package/dist/notification/widget.js

@@ -1,2 +1,2 @@
-import{slicedToArray as t,toConsumableArray as n,inherits as o,createClass as e,asyncToGenerator as r,objectSpread2 as a,classCallCheck as i,callSuper as l,defineProperty as c,regenerator as s}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as u,jsxs as d,Fragment as f}from"react/jsx-runtime";import{useTheme as p,useMediaQuery as h,Badge as m,Drawer as v}from"@mui/material";import{useState as C,useEffect as g,Component as y}from"react";import{GlobalModal as b,mapGlobalModalContext as k}from"dinocollab-core/api-context";import w from"@mui/icons-material/NotificationsNone";import{MenuStyled as D}from"./styled.js";import{IconButtonDark as x}from"../components/buttons.js";import{useFetchData as R}from"./hook.js";import S from"./notify-list.js";import{NotifyDetail as M}from"./notify-detail.js";var T=function(){function t(n){var o;return i(this,t),o=l(this,t,[n]),c(o,"onClickHandler",function(t){var n;o.onClose(),null===(n=o.globalModalContext)||void 0===n||n.show({backdropActivated:!0,renderContent:function(){var n;return u(M,{data:t,fetchDetail:o.props.fetchDetail,onRead:o.onReadHandler,onClose:null===(n=o.globalModalContext)||void 0===n?void 0:n.close})}})}),c(o,"onOpen",function(t){o.setState({anchorEl:t})}),c(o,"onClose",function(){o.setState({anchorEl:null})}),c(o,"onReadHandler",function(){var t=r(s().m(function t(n){var e,r,a;return s().w(function(t){for(;;)switch(t.n){case 0:null===(e=o.globalModalContext)||void 0===e||e.close();try{null===(r=(a=o.props).onRead)||void 0===r||r.call(a,n)}catch(t){console.error("Error updating read state:",t)}case 1:return t.a(2)}},t)}));return function(n){return t.apply(this,arguments)}}()),o.state={anchorEl:null,hydrated:!1},o}return o(t,y),e(t,[{key:"notifications",get:function(){var t;return null!==(t=this.props.data)&&void 0!==t?t:[]}},{key:"newFeatureCount",get:function(){return this.notifications.filter(function(t){return!t.IsRead}).length}},{key:"componentDidMount",value:function(){this.setState({hydrated:!0})}},{key:"componentDidUpdate",value:function(t){var n=this;if(t.data!==this.props.data&&this.props.data.length>0){var o=this.props.data.filter(function(t){return"Popup"===t.AreaType&&!t.IsRead});o.length>0&&setTimeout(function(){var t,e;null===(t=(e=n.props).onAutoShowPopup)||void 0===t||t.call(e,o[0])},1500)}}},{key:"render",value:function(){var t=this,n=Boolean(this.state.anchorEl);return d(f,{children:[u(x,{onClick:function(n){return t.onOpen(n.currentTarget)},children:u(m,{badgeContent:this.state.hydrated?this.newFeatureCount:0,color:"error",children:u(w,{fontSize:"small"})})}),this.props.isMobile?u(v,{anchor:"right",open:n,onClose:this.onClose,disableScrollLock:!0,PaperProps:{sx:{width:"calc(100% - 100px)",maxWidth:360}},children:k(function(n){return t.globalModalContext=n,u(S,{data:t.props.data,onClick:t.onClickHandler})})}):u(D,{disableScrollLock:!0,anchorEl:this.state.anchorEl,open:n,onClose:this.onClose,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{component:"div"},children:k(function(n){return t.globalModalContext=n,u(S,{data:t.props.data,onClick:t.onClickHandler})})})]})}}])}(),j=function(o){var e=R(o.featData),i=C([]),l=t(i,2),c=l[0],d=l[1],f=p(),m=h(f.breakpoints.down("sm"));g(function(){if(e.data){var t=n(e.data).sort(function(t,n){return new Date(n.DateCreated).getTime()-new Date(t.DateCreated).getTime()});d(t)}},[e.data]);var v=function(){var t=r(s().m(function t(n,e,r){var i;return s().w(function(t){for(;;)switch(t.n){case 0:return t.n=1,null===(i=o.onRead)||void 0===i?void 0:i.call(o,n,e,r);case 1:d(function(t){return t.map(function(t){return t.Id===n?a(a({},t),{},{IsRead:!0}):t}).sort(function(t,n){return new Date(n.DateCreated).getTime()-new Date(t.DateCreated).getTime()})});case 2:return t.a(2)}},t)}));return function(n,o,e){return t.apply(this,arguments)}}();return u(b,{children:k(function(t){return u(T,{data:c,loading:e.loading,fetchDetail:o.fetchDetail,onRead:v,onAutoShowPopup:function(n){return function(t,n){n.show({backdropActivated:!0,renderContent:function(){return u(M,{data:t,fetchDetail:o.fetchDetail,onRead:(e=r(s().m(function t(o,e,r){return s().w(function(t){for(;;)switch(t.n){case 0:return n.close(),t.n=1,v(o,e,r);case 1:return t.a(2)}},t)})),function(t,n,o){return e.apply(this,arguments)}),onClose:n.close});var e}})}(n,t)},isMobile:m})})})},P=function(t){var n=function(n){return u(j,a(a({},t),n))};return n.displayName="NotificationWidget",n};export{j as NotificationWidget,P as createNotificationWidget,j as default};
+import{slicedToArray as t,toConsumableArray as n,inherits as o,createClass as e,objectSpread2 as r,asyncToGenerator as a,classCallCheck as i,callSuper as l,defineProperty as s,regenerator as c}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as u,jsxs as d,Fragment as f}from"react/jsx-runtime";import{useTheme as p,useMediaQuery as h,Badge as m,Drawer as v}from"@mui/material";import{useState as C,useEffect as g,Component as y}from"react";import{GlobalModal as k,mapGlobalModalContext as w}from"dinocollab-core/api-context";import b from"@mui/icons-material/NotificationsNone";import{MenuStyled as D}from"./styled.js";import{IconButtonDark as S}from"../components/buttons.js";import{useFetchData as x}from"./hook.js";import R from"./notify-list.js";import{NotifyDetail as A}from"./notify-detail.js";var M=function(){function t(n){var o;return i(this,t),o=l(this,t,[n]),s(o,"onClickHandler",function(t){var n;o.onClose(),null===(n=o.globalModalContext)||void 0===n||n.show({backdropActivated:!0,renderContent:function(){var n;return u(A,{data:t,fetchDetail:o.props.fetchDetail,onRead:o.onReadHandler,onClose:null===(n=o.globalModalContext)||void 0===n?void 0:n.close})}})}),s(o,"onOpen",function(t){o.setState({anchorEl:t})}),s(o,"onClose",function(){o.setState({anchorEl:null})}),s(o,"onReadHandler",function(){var t=a(c().m(function t(n){var e,r,a;return c().w(function(t){for(;;)switch(t.n){case 0:null===(e=o.globalModalContext)||void 0===e||e.close();try{null===(r=(a=o.props).onRead)||void 0===r||r.call(a,n)}catch(t){console.error("Error updating read state:",t)}case 1:return t.a(2)}},t)}));return function(n){return t.apply(this,arguments)}}()),o.state={anchorEl:null,hydrated:!1},o}return o(t,y),e(t,[{key:"notifications",get:function(){var t;return null!==(t=this.props.data)&&void 0!==t?t:[]}},{key:"newFeatureCount",get:function(){return this.notifications.filter(function(t){return!t.IsRead}).length}},{key:"componentDidMount",value:function(){this.setState({hydrated:!0})}},{key:"componentDidUpdate",value:function(t){var n=this;if(t.data!==this.props.data&&this.props.data.length>0){var o=this.props.data.filter(function(t){return"Popup"===t.AreaType&&!t.IsRead});o.length>0&&setTimeout(function(){var t,e;null===(t=(e=n.props).onAutoShowPopup)||void 0===t||t.call(e,o[0])},1500)}}},{key:"render",value:function(){var t=this,n=Boolean(this.state.anchorEl);return d(f,{children:[u(S,{onClick:function(n){return t.onOpen(n.currentTarget)},children:u(m,{badgeContent:this.state.hydrated?this.newFeatureCount:0,color:"error",children:u(b,{fontSize:"small"})})}),this.props.isMobile?u(v,{anchor:"right",open:n,onClose:this.onClose,disableScrollLock:!0,PaperProps:{sx:{width:"calc(100% - 100px)",maxWidth:360}},children:w(function(n){return t.globalModalContext=n,u(R,r({data:t.props.data,onClick:t.onClickHandler,onViewAllClick:t.onClose},t.props.notifyListSlots))})}):u(D,{disableScrollLock:!0,anchorEl:this.state.anchorEl,open:n,onClose:this.onClose,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{component:"div"},children:w(function(n){return t.globalModalContext=n,u(R,r({data:t.props.data,onClick:t.onClickHandler,onViewAllClick:t.onClose},t.props.notifyListSlots))})})]})}}])}(),T=function(o){var e=x(o.featData),i=C([]),l=t(i,2),s=l[0],d=l[1],f=p(),m=h(f.breakpoints.down("sm"));g(function(){if(e.data){var t=n(e.data).sort(function(t,n){return new Date(n.DateCreated).getTime()-new Date(t.DateCreated).getTime()});d(t)}},[e.data]);var v=function(){var t=a(c().m(function t(n,e,a){var i;return c().w(function(t){for(;;)switch(t.n){case 0:return t.n=1,null===(i=o.onRead)||void 0===i?void 0:i.call(o,n,e,a);case 1:d(function(t){return t.map(function(t){return t.Id===n?r(r({},t),{},{IsRead:!0}):t}).sort(function(t,n){return new Date(n.DateCreated).getTime()-new Date(t.DateCreated).getTime()})});case 2:return t.a(2)}},t)}));return function(n,o,e){return t.apply(this,arguments)}}();return u(k,{children:w(function(t){return u(M,{data:s,loading:e.loading,fetchDetail:o.fetchDetail,onRead:v,onAutoShowPopup:function(n){return function(t,n){n.show({backdropActivated:!0,renderContent:function(){return u(A,{data:t,fetchDetail:o.fetchDetail,onRead:(e=a(c().m(function t(o,e,r){return c().w(function(t){for(;;)switch(t.n){case 0:return n.close(),t.n=1,v(o,e,r);case 1:return t.a(2)}},t)})),function(t,n,o){return e.apply(this,arguments)}),onClose:n.close});var e}})}(n,t)},isMobile:m,notifyListSlots:o.notifyListSlots})})})},j=function(t){var n=function(n){return u(T,r(r({},t),n))};return n.displayName="NotificationWidget",n};export{T as NotificationWidget,j as createNotificationWidget,T as default};
 //# sourceMappingURL=widget.js.map

package/dist/notification/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sources":["../../src/notification/widget.tsx"],"sourcesContent":["import { Badge, Drawer, useMediaQuery, useTheme } from '@mui/material'\r\nimport { Component, FC, useEffect, useState } from 'react'\r\nimport { GlobalModal, IGlobalModalContext, mapGlobalModalContext } from 'dinocollab-core/api-context'\r\nimport NotificationsNoneIcon from '@mui/icons-material/NotificationsNone'\r\nimport { MenuStyled } from './styled'\r\nimport { IconButtonDark } from '../components/buttons'\r\nimport { FetchDataFunction, useFetchData } from './hook'\r\nimport { INotification, ReadFunction, FetchDetailFunction, INotificationPropsDef } from './types'\r\nimport NotifyList from './notify-list'\r\nimport NotifyDetail from './notify-detail'\r\n\r\ninterface INotificationProps extends INotificationPropsDef {\r\n  loading?: boolean\r\n  data: INotification[]\r\n  fetchDetail?: FetchDetailFunction\r\n  onAutoShowPopup?: (notification: INotification) => void\r\n  isMobile?: boolean\r\n}\r\n\r\ninterface INotificationState {\r\n  anchorEl: HTMLElement | null\r\n  hydrated: boolean\r\n}\r\nclass NotificationContent extends Component<INotificationProps, INotificationState> {\r\n  globalModalContext?: IGlobalModalContext\r\n  constructor(props: INotificationProps) {\r\n    super(props)\r\n    this.state = { anchorEl: null, hydrated: false }\r\n  }\r\n\r\n  get notifications() {\r\n    return this.props.data ?? []\r\n  }\r\n\r\n  get newFeatureCount() {\r\n    return this.notifications.filter((n) => !n.IsRead).length\r\n  }\r\n\r\n  componentDidMount() {\r\n    // When mounted on the client, set hydrated = true\r\n    this.setState({ hydrated: true })\r\n  }\r\n\r\n  componentDidUpdate(prevProps: INotificationProps) {\r\n    // Auto show popup notifications\r\n    if (prevProps.data !== this.props.data && this.props.data.length > 0) {\r\n      const popupNotifications = this.props.data.filter((n) => n.AreaType === 'Popup' && !n.IsRead)\r\n      if (popupNotifications.length > 0) {\r\n        // Delay to improve UX\r\n        setTimeout(() => {\r\n          this.props.onAutoShowPopup?.(popupNotifications[0])\r\n        }, 1500)\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const isOpen = Boolean(this.state.anchorEl)\r\n\r\n    return (\r\n      <>\r\n        <IconButtonDark onClick={(e) => this.onOpen(e.currentTarget)}>\r\n          <Badge badgeContent={this.state.hydrated ? this.newFeatureCount : 0} color='error'>\r\n            <NotificationsNoneIcon fontSize='small' />\r\n          </Badge>\r\n        </IconButtonDark>\r\n\r\n        {this.props.isMobile ? (\r\n          <Drawer\r\n            anchor='right'\r\n            open={isOpen}\r\n            onClose={this.onClose}\r\n            disableScrollLock\r\n            PaperProps={{ sx: { width: 'calc(100% - 100px)', maxWidth: 360 } }}\r\n          >\r\n            {mapGlobalModalContext((context: IGlobalModalContext) => {\r\n              this.globalModalContext = context\r\n              return <NotifyList data={this.props.data} onClick={this.onClickHandler} />\r\n            })}\r\n          </Drawer>\r\n        ) : (\r\n          <MenuStyled\r\n            disableScrollLock\r\n            anchorEl={this.state.anchorEl}\r\n            open={isOpen}\r\n            onClose={this.onClose}\r\n            anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n            transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n            MenuListProps={{ component: 'div' }}\r\n          >\r\n            {mapGlobalModalContext((context: IGlobalModalContext) => {\r\n              this.globalModalContext = context\r\n              return <NotifyList data={this.props.data} onClick={this.onClickHandler} />\r\n            })}\r\n          </MenuStyled>\r\n        )}\r\n      </>\r\n    )\r\n  }\r\n\r\n  onClickHandler = (value: INotification) => {\r\n    this.onClose()\r\n    this.globalModalContext?.show({\r\n      backdropActivated: true,\r\n      renderContent: () => (\r\n        <NotifyDetail data={value} fetchDetail={this.props.fetchDetail} onRead={this.onReadHandler} onClose={this.globalModalContext?.close} />\r\n      )\r\n    })\r\n  }\r\n\r\n  onOpen = (target: HTMLElement) => {\r\n    this.setState({ anchorEl: target })\r\n  }\r\n\r\n  onClose = () => {\r\n    this.setState({ anchorEl: null })\r\n  }\r\n\r\n  onReadHandler: ReadFunction = async (id) => {\r\n    this.globalModalContext?.close()\r\n    // NotifyLocalStorage.setSingle(value.Id)\r\n    try {\r\n      // Call the callback to update the read state in the parent component\r\n      this.props.onRead?.(id)\r\n    } catch (error) {\r\n      console.error('Error updating read state:', error)\r\n    }\r\n  }\r\n}\r\n\r\nexport interface INotificationWidgetProps {\r\n  featData: FetchDataFunction<INotification[]>\r\n  fetchDetail?: FetchDetailFunction\r\n  onRead?: ReadFunction\r\n}\r\n\r\nexport const NotificationWidget: FC<INotificationWidgetProps> = (props) => {\r\n  const intitialData = useFetchData<INotification[]>(props.featData)\r\n  const [data, setData] = useState<INotification[]>([])\r\n  const theme = useTheme()\r\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))\r\n\r\n  // When initialData changes, update the local state\r\n  useEffect(() => {\r\n    if (intitialData.data) {\r\n      const sortedData = [...intitialData.data].sort((a, b) => new Date(b.DateCreated).getTime() - new Date(a.DateCreated).getTime())\r\n      setData(sortedData)\r\n    }\r\n  }, [intitialData.data])\r\n\r\n  // Function to update read notifications\r\n  const handleRead: ReadFunction = async (id: string, signal, options) => {\r\n    await props.onRead?.(id, signal, options)\r\n    setData((prev) => {\r\n      const l = prev.map((n) => (n.Id === id ? { ...n, IsRead: true } : n))\r\n      return l.sort((a, b) => new Date(b.DateCreated).getTime() - new Date(a.DateCreated).getTime())\r\n    })\r\n  }\r\n\r\n  // Auto show popup notification\r\n  const handleAutoShowPopup = (notification: INotification, context: IGlobalModalContext) => {\r\n    context.show({\r\n      backdropActivated: true,\r\n      renderContent: () => (\r\n        <NotifyDetail\r\n          data={notification}\r\n          fetchDetail={props.fetchDetail}\r\n          onRead={async (id, s, o) => {\r\n            context.close()\r\n            await handleRead(id, s, o)\r\n          }}\r\n          onClose={context.close}\r\n        />\r\n      )\r\n    })\r\n  }\r\n\r\n  return (\r\n    <GlobalModal>\r\n      {mapGlobalModalContext((context: IGlobalModalContext) => (\r\n        <NotificationContent\r\n          data={data}\r\n          loading={intitialData.loading}\r\n          fetchDetail={props.fetchDetail}\r\n          onRead={handleRead}\r\n          onAutoShowPopup={(x) => handleAutoShowPopup(x, context)}\r\n          isMobile={isMobile}\r\n        />\r\n      ))}\r\n    </GlobalModal>\r\n  )\r\n}\r\nexport default NotificationWidget\r\n\r\nexport const createNotificationWidget = (params: INotificationWidgetProps) => {\r\n  const _NotificationWidget: FC<Partial<INotificationWidgetProps>> = (props) => <NotificationWidget {...params} {...props} />\r\n  _NotificationWidget.displayName = 'NotificationWidget'\r\n  return _NotificationWidget\r\n}\r\n"],"names":["NotificationContent","props","_this","_classCallCheck","_callSuper","_defineProperty","value","_this$globalModalCont","onClose","globalModalContext","show","backdropActivated","renderContent","_this$globalModalCont2","_jsx","NotifyDetail","data","fetchDetail","onRead","onReadHandler","close","target","setState","anchorEl","_ref","_asyncToGenerator","_regenerator","m","_callee","id","_this$globalModalCont3","_this$props$onRead","_this$props","w","_context","n","call","error","console","a","_x","apply","this","arguments","state","hydrated","_inherits","Component","_createClass","key","get","_this$props$data","notifications","filter","IsRead","length","prevProps","_this2","popupNotifications","AreaType","setTimeout","_this2$props$onAutoSh","_this2$props","onAutoShowPopup","_this3","isOpen","Boolean","_jsxs","IconButtonDark","onClick","e","onOpen","currentTarget","children","Badge","badgeContent","newFeatureCount","color","NotificationsNoneIcon","fontSize","isMobile","Drawer","anchor","open","disableScrollLock","PaperProps","sx","width","maxWidth","mapGlobalModalContext","context","NotifyList","onClickHandler","MenuStyled","anchorOrigin","vertical","horizontal","transformOrigin","MenuListProps","component","NotificationWidget","intitialData","useFetchData","featData","_useState","useState","_useState2","_slicedToArray","setData","theme","useTheme","useMediaQuery","breakpoints","down","useEffect","sortedData","_toConsumableArray","sort","b","Date","DateCreated","getTime","handleRead","_ref2","_callee2","signal","options","_props$onRead","_context2","prev","map","Id","_objectSpread","_x2","_x3","_x4","GlobalModal","loading","x","notification","_onRead","_callee3","s","o","_context3","_x5","_x6","_x7","handleAutoShowPopup","createNotificationWidget","params","_NotificationWidget","displayName"],"mappings":"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"}
+{"version":3,"file":"widget.js","sources":["../../src/notification/widget.tsx"],"sourcesContent":["import { Badge, Drawer, useMediaQuery, useTheme } from '@mui/material'\r\nimport { Component, FC, useEffect, useState } from 'react'\r\nimport { GlobalModal, IGlobalModalContext, mapGlobalModalContext } from 'dinocollab-core/api-context'\r\nimport NotificationsNoneIcon from '@mui/icons-material/NotificationsNone'\r\nimport { MenuStyled } from './styled'\r\nimport { IconButtonDark } from '../components/buttons'\r\nimport { FetchDataFunction, useFetchData } from './hook'\r\nimport { INotification, ReadFunction, FetchDetailFunction, INotificationPropsDef } from './types'\r\nimport NotifyList, { INotifyListSlots } from './notify-list'\r\nimport NotifyDetail from './notify-detail'\r\n\r\ninterface INotificationProps extends INotificationPropsDef {\r\n  loading?: boolean\r\n  data: INotification[]\r\n  fetchDetail?: FetchDetailFunction\r\n  onAutoShowPopup?: (notification: INotification) => void\r\n  isMobile?: boolean\r\n  notifyListSlots?: INotifyListSlots\r\n}\r\n\r\ninterface INotificationState {\r\n  anchorEl: HTMLElement | null\r\n  hydrated: boolean\r\n}\r\nclass NotificationContent extends Component<INotificationProps, INotificationState> {\r\n  globalModalContext?: IGlobalModalContext\r\n  constructor(props: INotificationProps) {\r\n    super(props)\r\n    this.state = { anchorEl: null, hydrated: false }\r\n  }\r\n\r\n  get notifications() {\r\n    return this.props.data ?? []\r\n  }\r\n\r\n  get newFeatureCount() {\r\n    return this.notifications.filter((n) => !n.IsRead).length\r\n  }\r\n\r\n  componentDidMount() {\r\n    // When mounted on the client, set hydrated = true\r\n    this.setState({ hydrated: true })\r\n  }\r\n\r\n  componentDidUpdate(prevProps: INotificationProps) {\r\n    // Auto show popup notifications\r\n    if (prevProps.data !== this.props.data && this.props.data.length > 0) {\r\n      const popupNotifications = this.props.data.filter((n) => n.AreaType === 'Popup' && !n.IsRead)\r\n      if (popupNotifications.length > 0) {\r\n        // Delay to improve UX\r\n        setTimeout(() => {\r\n          this.props.onAutoShowPopup?.(popupNotifications[0])\r\n        }, 1500)\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const isOpen = Boolean(this.state.anchorEl)\r\n\r\n    return (\r\n      <>\r\n        <IconButtonDark onClick={(e) => this.onOpen(e.currentTarget)}>\r\n          <Badge badgeContent={this.state.hydrated ? this.newFeatureCount : 0} color='error'>\r\n            <NotificationsNoneIcon fontSize='small' />\r\n          </Badge>\r\n        </IconButtonDark>\r\n\r\n        {this.props.isMobile ? (\r\n          <Drawer\r\n            anchor='right'\r\n            open={isOpen}\r\n            onClose={this.onClose}\r\n            disableScrollLock\r\n            PaperProps={{ sx: { width: 'calc(100% - 100px)', maxWidth: 360 } }}\r\n          >\r\n            {mapGlobalModalContext((context: IGlobalModalContext) => {\r\n              this.globalModalContext = context\r\n              return <NotifyList data={this.props.data} onClick={this.onClickHandler} onViewAllClick={this.onClose} {...this.props.notifyListSlots} />\r\n            })}\r\n          </Drawer>\r\n        ) : (\r\n          <MenuStyled\r\n            disableScrollLock\r\n            anchorEl={this.state.anchorEl}\r\n            open={isOpen}\r\n            onClose={this.onClose}\r\n            anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n            transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n            MenuListProps={{ component: 'div' }}\r\n          >\r\n            {mapGlobalModalContext((context: IGlobalModalContext) => {\r\n              this.globalModalContext = context\r\n              return <NotifyList data={this.props.data} onClick={this.onClickHandler} onViewAllClick={this.onClose} {...this.props.notifyListSlots} />\r\n            })}\r\n          </MenuStyled>\r\n        )}\r\n      </>\r\n    )\r\n  }\r\n\r\n  onClickHandler = (value: INotification) => {\r\n    this.onClose()\r\n    this.globalModalContext?.show({\r\n      backdropActivated: true,\r\n      renderContent: () => (\r\n        <NotifyDetail data={value} fetchDetail={this.props.fetchDetail} onRead={this.onReadHandler} onClose={this.globalModalContext?.close} />\r\n      )\r\n    })\r\n  }\r\n\r\n  onOpen = (target: HTMLElement) => {\r\n    this.setState({ anchorEl: target })\r\n  }\r\n\r\n  onClose = () => {\r\n    this.setState({ anchorEl: null })\r\n  }\r\n\r\n  onReadHandler: ReadFunction = async (id) => {\r\n    this.globalModalContext?.close()\r\n    // NotifyLocalStorage.setSingle(value.Id)\r\n    try {\r\n      // Call the callback to update the read state in the parent component\r\n      this.props.onRead?.(id)\r\n    } catch (error) {\r\n      console.error('Error updating read state:', error)\r\n    }\r\n  }\r\n}\r\n\r\nexport interface INotificationWidgetProps {\r\n  featData: FetchDataFunction<INotification[]>\r\n  fetchDetail?: FetchDetailFunction\r\n  onRead?: ReadFunction\r\n  notifyListSlots?: INotifyListSlots\r\n}\r\n\r\nexport const NotificationWidget: FC<INotificationWidgetProps> = (props) => {\r\n  const intitialData = useFetchData<INotification[]>(props.featData)\r\n  const [data, setData] = useState<INotification[]>([])\r\n  const theme = useTheme()\r\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))\r\n\r\n  // When initialData changes, update the local state\r\n  useEffect(() => {\r\n    if (intitialData.data) {\r\n      const sortedData = [...intitialData.data].sort((a, b) => new Date(b.DateCreated).getTime() - new Date(a.DateCreated).getTime())\r\n      setData(sortedData)\r\n    }\r\n  }, [intitialData.data])\r\n\r\n  // Function to update read notifications\r\n  const handleRead: ReadFunction = async (id: string, signal, options) => {\r\n    await props.onRead?.(id, signal, options)\r\n    setData((prev) => {\r\n      const l = prev.map((n) => (n.Id === id ? { ...n, IsRead: true } : n))\r\n      return l.sort((a, b) => new Date(b.DateCreated).getTime() - new Date(a.DateCreated).getTime())\r\n    })\r\n  }\r\n\r\n  // Auto show popup notification\r\n  const handleAutoShowPopup = (notification: INotification, context: IGlobalModalContext) => {\r\n    context.show({\r\n      backdropActivated: true,\r\n      renderContent: () => (\r\n        <NotifyDetail\r\n          data={notification}\r\n          fetchDetail={props.fetchDetail}\r\n          onRead={async (id, s, o) => {\r\n            context.close()\r\n            await handleRead(id, s, o)\r\n          }}\r\n          onClose={context.close}\r\n        />\r\n      )\r\n    })\r\n  }\r\n\r\n  return (\r\n    <GlobalModal>\r\n      {mapGlobalModalContext((context: IGlobalModalContext) => (\r\n        <NotificationContent\r\n          data={data}\r\n          loading={intitialData.loading}\r\n          fetchDetail={props.fetchDetail}\r\n          onRead={handleRead}\r\n          onAutoShowPopup={(x) => handleAutoShowPopup(x, context)}\r\n          isMobile={isMobile}\r\n          notifyListSlots={props.notifyListSlots}\r\n        />\r\n      ))}\r\n    </GlobalModal>\r\n  )\r\n}\r\nexport default NotificationWidget\r\n\r\nexport const createNotificationWidget = (params: INotificationWidgetProps) => {\r\n  const _NotificationWidget: FC<Partial<INotificationWidgetProps>> = (props) => <NotificationWidget {...params} {...props} />\r\n  _NotificationWidget.displayName = 'NotificationWidget'\r\n  return _NotificationWidget\r\n}\r\n"],"names":["NotificationContent","props","_this","_classCallCheck","_callSuper","_defineProperty","value","_this$globalModalCont","onClose","globalModalContext","show","backdropActivated","renderContent","_this$globalModalCont2","_jsx","NotifyDetail","data","fetchDetail","onRead","onReadHandler","close","target","setState","anchorEl","_ref","_asyncToGenerator","_regenerator","m","_callee","id","_this$globalModalCont3","_this$props$onRead","_this$props","w","_context","n","call","error","console","a","_x","apply","this","arguments","state","hydrated","_inherits","Component","_createClass","key","get","_this$props$data","notifications","filter","IsRead","length","prevProps","_this2","popupNotifications","AreaType","setTimeout","_this2$props$onAutoSh","_this2$props","onAutoShowPopup","_this3","isOpen","Boolean","_jsxs","IconButtonDark","onClick","e","onOpen","currentTarget","children","Badge","badgeContent","newFeatureCount","color","NotificationsNoneIcon","fontSize","isMobile","Drawer","anchor","open","disableScrollLock","PaperProps","sx","width","maxWidth","mapGlobalModalContext","context","NotifyList","_objectSpread","onClickHandler","onViewAllClick","notifyListSlots","MenuStyled","anchorOrigin","vertical","horizontal","transformOrigin","MenuListProps","component","NotificationWidget","intitialData","useFetchData","featData","_useState","useState","_useState2","_slicedToArray","setData","theme","useTheme","useMediaQuery","breakpoints","down","useEffect","sortedData","_toConsumableArray","sort","b","Date","DateCreated","getTime","handleRead","_ref2","_callee2","signal","options","_props$onRead","_context2","prev","map","Id","_x2","_x3","_x4","GlobalModal","loading","x","notification","_onRead","_callee3","s","o","_context3","_x5","_x6","_x7","handleAutoShowPopup","createNotificationWidget","params","_NotificationWidget","displayName"],"mappings":"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"}

package/dist/types/cart/styled.d.ts

@@ -1,18 +1,6 @@
 import type { ComponentType } from 'react';
-import type { BoxProps, MenuProps } from '@mui/material';
+import type { MenuProps, StackProps, TypographyProps } from '@mui/material';
+export declare const Root: ComponentType<StackProps>;
 export declare const MenuStyled: ComponentType<MenuProps>;
-export declare const cartContentClasses: {
-    root: string;
-    header: string;
-    footer: string;
-    content: string;
-    items: string;
-    item: string;
-    itemContent: string;
-    itemImg: string;
-    itemTitle: string;
-    itemPrice: string;
-    itemTag: string;
-};
-export declare const CartContentStyled: ComponentType<BoxProps>;
+export declare const ItemTag: ComponentType<TypographyProps>;
 //# sourceMappingURL=styled.d.ts.map

package/dist/types/cart/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/cart/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAExD,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAsC7C,CAAA;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;CAY9B,CAAA;AAMD,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,QAAQ,CAqGnD,CAAA"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/cart/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3E,eAAO,MAAM,IAAI,EAAE,aAAa,CAAC,UAAU,CAMxC,CAAA;AAEH,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAsC7C,CAAA;AAEH,eAAO,MAAM,OAAO,EAAE,aAAa,CAAC,eAAe,CAOhD,CAAA"}

package/dist/types/cart/widget.d.ts

@@ -1,11 +1,7 @@
 import { FC } from 'react';
-import { ButtonProps } from '@mui/material';
-import type { TypographyProps } from '@mui/material';
+import { ButtonProps, TypographyProps } from '@mui/material';
 import { ICartItem } from './types';
 import { IAppSiteBaseUrl } from '../types';
-type ITypographyProps = TypographyProps & {
-    [key: string]: any;
-};
 interface ICartWidgetProps {
     baseUrl: IAppSiteBaseUrl;
     carts?: ICartItem[];
@@ -16,8 +12,12 @@ interface ICartWidgetProps {
     storageKey?: string;
     onRemoveCart?: (item: ICartItem) => void;
     onMoveToCartClick?: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void;
-    itemTitleProps?: ITypographyProps;
-    itemTitlePropsGetter?: (item: ICartItem, close?: () => void) => ITypographyProps;
+    itemTitleProps?: TypographyProps & {
+        [key: string]: any;
+    };
+    itemTitlePropsGetter?: (item: ICartItem, close?: () => void) => TypographyProps & {
+        [key: string]: any;
+    };
 }
 export declare const CartWidget: FC<ICartWidgetProps>;
 export declare const createCartWidget: (params: ICartWidgetProps) => FC<Partial<ICartWidgetProps>>;

package/dist/types/cart/widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../src/cart/widget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,EAAE,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAsB,WAAW,EAAwD,MAAM,eAAe,CAAA;AACrH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAGpD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI1C,KAAK,gBAAgB,GAAG,eAAe,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAA;AAEhE,UAAU,gBAAgB;IACxB,OAAO,EAAE,eAAe,CAAA;IACxB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qBAAqB,CAAC,EAAE,WAAW,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;IACpG,cAAc,CAAC,EAAE,gBAAgB,CAAA;IACjC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,MAAM,IAAI,KAAK,gBAAgB,CAAA;CACjF;AAOD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,gBAAgB,CAoI3C,CAAA;AAED,eAAO,MAAM,gBAAgB,WAAY,gBAAgB,kCAIxD,CAAA"}
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../src/cart/widget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,EAAE,EAAe,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAS,WAAW,EAA6B,eAAe,EAA2B,MAAM,eAAe,CAAA;AAEvH,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAO1C,UAAU,gBAAgB;IACxB,OAAO,EAAE,eAAe,CAAA;IACxB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qBAAqB,CAAC,EAAE,WAAW,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;IACpG,cAAc,CAAC,EAAE,eAAe,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IACzD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,MAAM,IAAI,KAAK,eAAe,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;CACzG;AA+BD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,gBAAgB,CAgG3C,CAAA;AAED,eAAO,MAAM,gBAAgB,WAAY,gBAAgB,kCAIxD,CAAA"}

package/dist/types/components/buttons.d.ts

@@ -12,6 +12,7 @@ export interface IIconButtonConfirmProps {
     size?: 'small' | 'medium' | 'large';
     disabled?: boolean;
     slots?: {
+        sxLayout?: IconButtonProps['sx'];
         removeProps?: IconButtonProps;
         confirmProps?: IconButtonProps;
         cancelProps?: IconButtonProps;

package/dist/types/components/buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../src/components/buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAS,MAAM,eAAe,CAAA;AAKxE,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,WAAW,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAgC3E,CAAA;AAEF,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,eAAe,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAanF,CAAA;AAkBF,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,eAAe,CAYvD,CAAA;AAEH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,eAAe,CAAA;QAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;QAC9B,WAAW,CAAC,EAAE,eAAe,CAAA;KAC9B,CAAA;CACF;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,uBAAuB,CAsCzD,CAAA"}
+{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../src/components/buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAMjE,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,WAAW,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAgC3E,CAAA;AAEF,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,eAAe,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAanF,CAAA;AAkBF,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,eAAe,CAYvD,CAAA;AAEH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;QAChC,WAAW,CAAC,EAAE,eAAe,CAAA;QAC7B,YAAY,CAAC,EAAE,eAAe,CAAA;QAC9B,WAAW,CAAC,EAAE,eAAe,CAAA;KAC9B,CAAA;CACF;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,uBAAuB,CAuCzD,CAAA"}

package/dist/types/factory/cart-content/create.cart-content.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentType } from 'react';
+import type { ICartContentProps, ICartContentOptions } from './types';
+export declare const createCartContent: <T = {}>(defaultOptions?: ICartContentOptions) => React.ComponentType<ICartContentProps<T>>;
+export default createCartContent;
+//# sourceMappingURL=create.cart-content.d.ts.map

package/dist/types/factory/cart-content/create.cart-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.cart-content.d.ts","sourceRoot":"","sources":["../../../../src/factory/cart-content/create.cart-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK5C,OAAO,KAAK,EAAE,iBAAiB,EAA2B,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE9F,eAAO,MAAM,iBAAiB,4BAA8B,mBAAmB,8CAqF9E,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/types/factory/cart-content/index.d.ts

@@ -0,0 +1,3 @@
+export * from './create.cart-content';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/factory/cart-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/factory/cart-content/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA"}

package/dist/types/factory/cart-content/styled.d.ts

@@ -0,0 +1,10 @@
+import { BoxProps, StackProps } from '@mui/material';
+import type { ComponentType } from 'react';
+export declare const Root: ComponentType<BoxProps>;
+export declare const Header: ComponentType<StackProps>;
+export declare const HeaderLeft: ComponentType<StackProps>;
+export declare const Body: ComponentType<BoxProps>;
+export declare const Items: ComponentType<BoxProps>;
+export declare const Footer: ComponentType<BoxProps>;
+export default Root;
+//# sourceMappingURL=styled.d.ts.map

package/dist/types/factory/cart-content/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/factory/cart-content/styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAS,UAAU,EAAU,MAAM,eAAe,CAAA;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,IAAI,EAAE,aAAa,CAAC,QAAQ,CAgBtC,CAAA;AAEH,eAAO,MAAM,MAAM,EAAE,aAAa,CAAC,UAAU,CAa1C,CAAA;AAEH,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,UAAU,CAAqC,CAAA;AAEtF,eAAO,MAAM,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAqE,CAAA;AAE9G,eAAO,MAAM,KAAK,EAAE,aAAa,CAAC,QAAQ,CAKvC,CAAA;AAEH,eAAO,MAAM,MAAM,EAAE,aAAa,CAAC,QAAQ,CAUxC,CAAA;AAEH,eAAe,IAAI,CAAA"}

package/dist/types/factory/cart-content/types.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import type { ButtonProps, StackProps } from '@mui/material';
+export interface ICartContentOptions {
+    labels?: {
+        title?: string;
+        buttonCheckout?: string;
+        itemsSuffixSingle?: string;
+        itemsSuffixMany?: string;
+    };
+    empty?: {
+        title?: string;
+        subTitle?: string;
+    };
+}
+export interface ICartContentViewContext<T> extends ICartContentOptions {
+    carts: T[];
+    isMobile?: boolean;
+}
+export type CartContentSlot<T> = React.ReactNode | ((ctx: ICartContentViewContext<T>) => React.ReactNode);
+export interface ICartContentSlots<T> {
+    header?: CartContentSlot<T>;
+    headerProps?: StackProps;
+    headerLeft?: CartContentSlot<T>;
+    headerLeftProps?: StackProps;
+    headerRight?: CartContentSlot<T>;
+    headerRightProps?: StackProps;
+    items?: CartContentSlot<T>;
+    beforeItems?: (ctx: ICartContentViewContext<T>) => React.ReactNode;
+    afterItems?: (ctx: ICartContentViewContext<T>) => React.ReactNode;
+    item?: (item: T, index: number, ctx: ICartContentViewContext<T>) => React.ReactNode;
+    footer?: CartContentSlot<T>;
+    empty?: CartContentSlot<T>;
+}
+export interface ICartContentProps<T> {
+    carts?: T[];
+    isMobile?: boolean;
+    onClose?: () => void;
+    onCheckout?: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void;
+    buttonMoveToCartProps?: ButtonProps & {
+        [key: string]: any;
+    };
+    buttonCheckoutProps?: ButtonProps & {
+        [key: string]: any;
+    };
+    slots?: ICartContentSlots<T>;
+    options?: ICartContentOptions;
+}
+export default ICartContentProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/factory/cart-content/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/factory/cart-content/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE5D,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;KACzB,CAAA;IACD,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;CACF;AAED,MAAM,WAAW,uBAAuB,CAAC,CAAC,CAAE,SAAQ,mBAAmB;IACrE,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;AAEzG,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,UAAU,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;IAC/B,eAAe,CAAC,EAAE,UAAU,CAAA;IAC5B,WAAW,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;IAChC,gBAAgB,CAAC,EAAE,UAAU,CAAA;IAC7B,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAClE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACjE,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACnF,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;CAC3B;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;IAC7F,qBAAqB,CAAC,EAAE,WAAW,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IAC5D,mBAAmB,CAAC,EAAE,WAAW,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IAC1D,KAAK,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC5B,OAAO,CAAC,EAAE,mBAAmB,CAAA;CAC9B;AAED,eAAe,iBAAiB,CAAA"}

package/dist/types/factory/cart-item/create.cart-item.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType } from 'react';
+import IFactoryCartProps, { ICartOptions } from './types';
+export declare const createCartItem: <T = {}>(configs?: ICartOptions<T> | undefined) => ComponentType<IFactoryCartProps<T>>;
+export default createCartItem;
+//# sourceMappingURL=create.cart-item.d.ts.map

package/dist/types/factory/cart-item/create.cart-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.cart-item.d.ts","sourceRoot":"","sources":["../../../../src/factory/cart-item/create.cart-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAW,MAAM,OAAO,CAAA;AAG9C,OAAO,iBAAiB,EAAE,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAA;AAGvE,eAAO,MAAM,cAAc,wFA2D1B,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/types/factory/cart-item/index.d.ts

@@ -0,0 +1,3 @@
+export * from './create.cart-item';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/factory/cart-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/factory/cart-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA"}

package/dist/types/factory/cart-item/styled.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentType } from 'react';
+import type { BoxProps } from '@mui/material';
+import type { IImageWithFallbackProps } from 'dinocollab-core/components';
+export declare const ItemRoot: ComponentType<BoxProps>;
+export declare const ItemImg: ComponentType<IImageWithFallbackProps>;
+export declare const ItemContent: ComponentType<BoxProps>;
+export declare const ItemTitle: ComponentType<BoxProps>;
+//# sourceMappingURL=styled.d.ts.map

package/dist/types/factory/cart-item/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/factory/cart-item/styled.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AAEzE,eAAO,MAAM,QAAQ,EAAE,aAAa,CAAC,QAAQ,CA0B1C,CAAA;AAEH,eAAO,MAAM,OAAO,EAAE,aAAa,CAAC,uBAAuB,CAOxD,CAAA;AAEH,eAAO,MAAM,WAAW,EAAE,aAAa,CAAC,QAAQ,CAQ9C,CAAA;AAEF,eAAO,MAAM,SAAS,EAAE,aAAa,CAAC,QAAQ,CAa3C,CAAA"}

package/dist/types/factory/cart-item/types.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import type { TypographyProps } from '@mui/material';
+export interface ICartOptions<T> {
+    slots?: ICartSlots<T>;
+}
+export interface ICartContext<T> {
+    item: T;
+}
+export type CartSlot<T> = React.ReactNode | ((ctx: ICartContext<T>) => React.ReactNode);
+export interface ICartSlots<T> {
+    beforeTile?: CartSlot<T>;
+    afterTile?: CartSlot<T>;
+}
+export interface IFactoryCartProps<T = {}> {
+    item: T;
+    name?: string;
+    imageUrl?: string;
+    onClose?: () => void;
+    onRemoveCart?: (item: T) => void;
+    itemTitleProps?: TypographyProps;
+    itemTitlePropsGetter?: (item: T, close?: () => void) => TypographyProps;
+    slots?: ICartSlots<T>;
+}
+export default IFactoryCartProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/factory/cart-item/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/factory/cart-item/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;CACtB;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,IAAI,EAAE,CAAC,CAAA;CACR;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;AAEvF,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IACxB,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;CACxB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,EAAE;IACvC,IAAI,EAAE,CAAC,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAChC,cAAc,CAAC,EAAE,eAAe,CAAA;IAChC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,IAAI,KAAK,eAAe,CAAA;IACvE,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;CACtB;AAED,eAAe,iBAAiB,CAAA"}

package/dist/types/factory/index.d.ts

@@ -0,0 +1,3 @@
+export * from './cart-content';
+export * from './cart-item';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/factory/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/factory/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA"}

package/dist/types/media-player/core/videoplayer.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+/// <reference types="react" />
 import { SxProps, Theme } from '@mui/material';
 export interface IControlsConfig {
     autoPlay?: boolean;
@@ -14,7 +14,7 @@ export interface MediaPlayerSlot {
     anotherControls?: React.ReactNode;
     mediaMetadata?: MediaMetadata;
 }
-interface IProps extends MediaPlayerSlot, PropsWithChildren {
+interface IProps extends MediaPlayerSlot {
     src?: string;
     sx?: SxProps<Theme>;
     className?: string;

package/dist/types/media-player/core/videoplayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"videoplayer.d.ts","sourceRoot":"","sources":["../../../../src/media-player/core/videoplayer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAsB,OAAO,EAAE,KAAK,EAA2B,MAAM,eAAe,CAAA;AAsB3F,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;CACvC;AAGD,eAAO,MAAM,qBAAqB,EAAE,eAOnC,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AACD,UAAU,MAAO,SAAQ,eAAe,EAAE,iBAAiB;IACzD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,eAAe,qGAyFnB,CAAA;AAEF,eAAe,eAAe,CAAA"}
+{"version":3,"file":"videoplayer.d.ts","sourceRoot":"","sources":["../../../../src/media-player/core/videoplayer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAsB,OAAO,EAAE,KAAK,EAA2B,MAAM,eAAe,CAAA;AAsB3F,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;CACvC;AAGD,eAAO,MAAM,qBAAqB,EAAE,eAOnC,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AACD,UAAU,MAAO,SAAQ,eAAe;IACtC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,eAAe,qGAyFnB,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/types/media-right/index.d.ts

@@ -2,7 +2,6 @@ export * from './configs';
 export * from './types';
 export * from './guide-steps';
 export * from './media-widget';
-export type { ITypographyProps } from './media-widget/item-title-props-context';
 export * from './group-selector';
 export * from './hooks';
 export * from './service';

package/dist/types/media-right/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/media-right/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AAEzB,cAAc,SAAS,CAAA;AAEvB,cAAc,eAAe,CAAA;AAE7B,cAAc,gBAAgB,CAAA;AAC9B,YAAY,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAA;AAE/E,cAAc,kBAAkB,CAAA;AAEhC,cAAc,SAAS,CAAA;AAEvB,cAAc,WAAW,CAAA;AAEzB,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/media-right/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AAEzB,cAAc,SAAS,CAAA;AAEvB,cAAc,eAAe,CAAA;AAE7B,cAAc,gBAAgB,CAAA;AAE9B,cAAc,kBAAkB,CAAA;AAEhC,cAAc,SAAS,CAAA;AAEvB,cAAc,WAAW,CAAA;AAEzB,cAAc,WAAW,CAAA"}