dinocollab-core 1.0.3 → 1.0.4

package/dist/api-context/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../src/api-context/popover.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Popover, PopoverProps, PopoverVirtualElement } from '@mui/material'\r\nimport { ContentDefault } from './ui.units'\r\n\r\nexport interface IPopoverOptions {\r\n  anchorEl?: Element | (() => Element) | PopoverVirtualElement | (() => PopoverVirtualElement) | null\r\n  popoverProps?: Omit<PopoverProps, 'open'>\r\n  content: React.ReactNode\r\n}\r\n\r\nexport type TShowPopover = (option: IPopoverOptions) => void\r\n\r\nexport type TClosePopover = (reason?: 'backdropClick' | 'escapeKeyDown') => void\r\n\r\nexport interface IApiPopoverContext {\r\n  showPopover: TShowPopover\r\n  closePopover: TClosePopover\r\n}\r\n\r\nexport const ApiPopoverContext = React.createContext<IApiPopoverContext>({\r\n  showPopover: () => {\r\n    console.warn('ApiPopover provider not found!')\r\n  },\r\n  closePopover: () => {\r\n    console.warn('ApiPopover provider not found!')\r\n  }\r\n})\r\n\r\nexport const MapApiPopoverContext = (context: (state: IApiPopoverContext) => React.ReactNode) => (\r\n  <ApiPopoverContext.Consumer>{context}</ApiPopoverContext.Consumer>\r\n)\r\n\r\ninterface IProps {}\r\ninterface IState extends IPopoverOptions {}\r\ntype TProps = React.PropsWithChildren<IProps>\r\nclass ApiPopover extends Component<TProps, IState> implements IApiPopoverContext {\r\n  constructor(props: any) {\r\n    super(props)\r\n    this.state = { anchorEl: null, content: <ContentDefault /> }\r\n  }\r\n  render() {\r\n    return (\r\n      <ApiPopoverContext.Provider value={this}>\r\n        {this.props.children}\r\n        <Popover\r\n          sx={{ '& .MuiPaper-root.MuiPaper-elevation': { overflow: 'hidden' } }}\r\n          anchorEl={this.state.anchorEl}\r\n          open={Boolean(this.state.anchorEl)}\r\n          onClose={(_, reason) => this.closePopover(reason)}\r\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\r\n          transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n          disableScrollLock\r\n          {...this.state.popoverProps}\r\n        >\r\n          {this.state.content}\r\n        </Popover>\r\n      </ApiPopoverContext.Provider>\r\n    )\r\n  }\r\n  showPopover = (option: IPopoverOptions) => {\r\n    clearTimeout(this.timer)\r\n    this.setState({ ...option })\r\n  }\r\n  timer: any\r\n  closePopover: TClosePopover = () => {\r\n    clearTimeout(this.timer)\r\n    this.setState({ anchorEl: null }, () => {\r\n      this.timer = setTimeout(() => {\r\n        this.setState({ content: <ContentDefault /> })\r\n      }, 500)\r\n    })\r\n  }\r\n}\r\nexport default ApiPopover\r\n\r\nexport interface IApiPopoverContextProps {\r\n  contextPopover: IApiPopoverContext\r\n}\r\nexport const withApiPopoverContext = <P extends IApiPopoverContextProps>(Component: React.ComponentType<P>) => {\r\n  return (props: Omit<P, keyof IApiPopoverContextProps>) => {\r\n    return (\r\n      <ApiPopover>\r\n        {MapApiPopoverContext((context) => (\r\n          <Component {...(props as P)} contextPopover={context} />\r\n        ))}\r\n      </ApiPopover>\r\n    )\r\n  }\r\n}\r\n"],"names":["ApiPopoverContext","React","createContext","showPopover","console","warn","closePopover","MapApiPopoverContext","context","_jsx","Consumer","ApiPopover","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","option","clearTimeout","timer","setState","_objectSpread","anchorEl","setTimeout","content","ContentDefault","state","_inherits","_createClass","key","value","render","_this2","_jsxs","Provider","children","Popover","sx","overflow","open","Boolean","onClose","_","reason","anchorOrigin","vertical","horizontal","transformOrigin","disableScrollLock","popoverProps","Component","withApiPopoverContext","contextPopover"],"mappings":"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"}
+{"version":3,"file":"popover.js","sources":["../../src/api-context/popover.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Popover, PopoverProps, PopoverVirtualElement } from '@mui/material'\r\nimport { ContentDefault } from './ui.units'\r\n\r\nexport interface IPopoverOptions {\r\n  anchorEl?: Element | (() => Element) | PopoverVirtualElement | (() => PopoverVirtualElement) | null\r\n  popoverProps?: Omit<PopoverProps, 'open'>\r\n  content: React.ReactNode\r\n}\r\n\r\nexport type TShowPopover = (option: IPopoverOptions) => void\r\n\r\nexport type TClosePopover = (reason?: 'backdropClick' | 'escapeKeyDown') => void\r\n\r\nexport interface IApiPopoverContext {\r\n  showPopover: TShowPopover\r\n  closePopover: TClosePopover\r\n}\r\n\r\nexport const ApiPopoverContext = React.createContext<IApiPopoverContext>({\r\n  showPopover: () => {\r\n    console.warn('ApiPopover provider not found!')\r\n  },\r\n  closePopover: () => {\r\n    console.warn('ApiPopover provider not found!')\r\n  }\r\n})\r\n\r\nexport const MapApiPopoverContext = (context: (state: IApiPopoverContext) => React.ReactNode) => (\r\n  <ApiPopoverContext.Consumer>{context}</ApiPopoverContext.Consumer>\r\n)\r\n\r\ninterface IProps {}\r\ninterface IState extends IPopoverOptions {}\r\ntype TProps = React.PropsWithChildren<IProps>\r\nclass ApiPopover extends Component<TProps, IState> implements IApiPopoverContext {\r\n  constructor(props: any) {\r\n    super(props)\r\n    this.state = { anchorEl: null, content: <ContentDefault /> }\r\n  }\r\n  render() {\r\n    return (\r\n      <ApiPopoverContext.Provider value={this}>\r\n        {this.props.children}\r\n        <Popover\r\n          sx={{ '& .MuiPaper-root.MuiPaper-elevation': { overflow: 'hidden' } }}\r\n          anchorEl={this.state.anchorEl}\r\n          open={Boolean(this.state.anchorEl)}\r\n          onClose={(_, reason) => this.closePopover(reason)}\r\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\r\n          transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n          disableScrollLock\r\n          {...this.state.popoverProps}\r\n        >\r\n          {this.state.content}\r\n        </Popover>\r\n      </ApiPopoverContext.Provider>\r\n    )\r\n  }\r\n  showPopover = (option: IPopoverOptions) => {\r\n    clearTimeout(this.timer)\r\n    this.setState({ ...option })\r\n  }\r\n  timer: any\r\n  closePopover: TClosePopover = () => {\r\n    clearTimeout(this.timer)\r\n    this.setState({ anchorEl: null }, () => {\r\n      this.timer = setTimeout(() => {\r\n        this.setState({ content: <ContentDefault /> })\r\n      }, 500)\r\n    })\r\n  }\r\n}\r\nexport default ApiPopover\r\n\r\nexport interface IApiPopoverContextProps {\r\n  contextPopover: IApiPopoverContext\r\n}\r\nexport const withApiPopoverContext = <P extends IApiPopoverContextProps>(Component: React.ComponentType<P>) => {\r\n  return (props: Omit<P, keyof IApiPopoverContextProps>) => {\r\n    return (\r\n      <ApiPopover>\r\n        {MapApiPopoverContext((context) => (\r\n          <Component {...(props as P)} contextPopover={context} />\r\n        ))}\r\n      </ApiPopover>\r\n    )\r\n  }\r\n}\r\n"],"names":["ApiPopoverContext","React","createContext","showPopover","console","warn","closePopover","MapApiPopoverContext","context","_jsx","Consumer","ApiPopover","props","_this","_classCallCheck","_callSuper","_defineProperty","option","clearTimeout","timer","setState","_objectSpread","anchorEl","setTimeout","content","ContentDefault","state","_inherits","Component","_createClass","key","value","_this2","this","_jsxs","Provider","children","Popover","sx","overflow","open","Boolean","onClose","_","reason","anchorOrigin","vertical","horizontal","transformOrigin","disableScrollLock","popoverProps","withApiPopoverContext","contextPopover"],"mappings":"iVAmBaA,EAAoBC,EAAMC,cAAkC,CACvEC,YAAa,WACXC,QAAQC,KAAK,iCACd,EACDC,aAAc,WACZF,QAAQC,KAAK,iCACf,IAGWE,EAAuB,SAACC,GAAuD,OAC1FC,EAACT,EAAkBU,mBAAUF,GAAqC,EAM9DG,aACJ,SAAAA,EAAYC,GAAU,IAAAC,EAEwC,OAFxCC,OAAAH,GACpBE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EAsBA,eAAA,SAACI,GACbC,aAAaL,EAAKM,OAClBN,EAAKO,SAAQC,EAAMJ,CAAAA,EAAAA,OACpBD,EAAAH,EAAA,gBAE6B,WAC5BK,aAAaL,EAAKM,OAClBN,EAAKO,SAAS,CAAEE,SAAU,OAAQ,WAChCT,EAAKM,MAAQI,YAAW,WACtBV,EAAKO,SAAS,CAAEI,QAASf,EAACgB,EAAc,CAAA,IACzC,GAAE,IACL,OAhCAZ,EAAKa,MAAQ,CAAEJ,SAAU,KAAME,QAASf,EAACgB,EAAc,CAAA,IAAKZ,CAC9D,CAAC,OAAAc,EAAAhB,EAJsBiB,GAItBC,EAAAlB,EAAA,CAAA,CAAAmB,IAAA,SAAAC,MACD,WAAM,IAAAC,EAAAC,KACJ,OACEC,EAAClC,EAAkBmC,SAAS,CAAAJ,MAAOE,KAChCG,SAAA,CAAAH,KAAKrB,MAAMwB,SACZ3B,EAAC4B,EAAOhB,EAAAA,EAAA,CACNiB,GAAI,CAAE,sCAAuC,CAAEC,SAAU,WACzDjB,SAAUW,KAAKP,MAAMJ,SACrBkB,KAAMC,QAAQR,KAAKP,MAAMJ,UACzBoB,QAAS,SAACC,EAAGC,GAAM,OAAKZ,EAAK1B,aAAasC,EAAO,EACjDC,aAAc,CAAEC,SAAU,SAAUC,WAAY,SAChDC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,SAChDE,mBAAiB,GACbhB,KAAKP,MAAMwB,cAAY,CAAA,EAAA,CAE1Bd,SAAAH,KAAKP,MAAMF,aAIpB,IAAC,IAoBU2B,EAAwB,SAAoCvB,GACvE,OAAO,SAAChB,GACN,OACEH,EAACE,EACE,CAAAyB,SAAA7B,GAAqB,SAACC,GAAO,OAC5BC,EAACmB,EAASP,EAAAA,KAAMT,GAAW,GAAA,CAAEwC,eAAgB5C,IAC9C,KAGN,CACH"}

package/dist/api-context/ui.units.js

@@ -1,23 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { Box, Typography } from '@mui/material';
-
-var ContentDefault = function ContentDefault() {
-  return jsx(Box, {
-    sx: {
-      p: '9px 12px',
-      m: '12px',
-      backgroundColor: 'rgba(0,0,0,0.1)'
-    },
-    children: jsx(Typography, {
-      variant: 'caption',
-      sx: {
-        fontWeight: 600,
-        fontStyle: 'italic'
-      },
-      children: "Content"
-    })
-  });
-};
-
-export { ContentDefault };
+import{jsx as r}from"react/jsx-runtime";import{Box as t,Typography as i}from"@mui/material";var n=function(){return r(t,{sx:{p:"9px 12px",m:"12px",backgroundColor:"rgba(0,0,0,0.1)"},children:r(i,{variant:"caption",sx:{fontWeight:600,fontStyle:"italic"},children:"Content"})})};export{n as ContentDefault};
 //# sourceMappingURL=ui.units.js.map

package/dist/api-context/ui.units.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.units.js","sources":["../../src/api-context/ui.units.tsx"],"sourcesContent":["import React, { FC } from 'react'\r\nimport { Box, Typography } from '@mui/material'\r\n\r\nexport const ContentDefault: FC = () => (\r\n  <Box sx={{ p: '9px 12px', m: '12px', backgroundColor: 'rgba(0,0,0,0.1)' }}>\r\n    <Typography variant='caption' sx={{ fontWeight: 600, fontStyle: 'italic' }}>\r\n      Content\r\n    </Typography>\r\n  </Box>\r\n)\r\n"],"names":["ContentDefault","_jsx","Box","sx","p","m","backgroundColor","children","Typography","variant","fontWeight","fontStyle"],"mappings":";;;AAGaA,IAAAA,cAAc,GAAO,SAArBA,cAAcA,GAAA;EAAA,OACzBC,GAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,EAAE,EAAE;AAAEC,MAAAA,CAAC,EAAE,UAAU;AAAEC,MAAAA,CAAC,EAAE,MAAM;AAAEC,MAAAA,eAAe,EAAE;KAAmB;AAAAC,IAAAA,QAAA,EACvEN,IAACO,UAAU,EAAA;AAACC,MAAAA,OAAO,EAAC,SAAS;AAACN,MAAAA,EAAE,EAAE;AAAEO,QAAAA,UAAU,EAAE,GAAG;AAAEC,QAAAA,SAAS,EAAE;OAAU;AAAAJ,MAAAA,QAAA,EAAA;KAAA;AAGtE,GAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"ui.units.js","sources":["../../src/api-context/ui.units.tsx"],"sourcesContent":["import React, { FC } from 'react'\r\nimport { Box, Typography } from '@mui/material'\r\n\r\nexport const ContentDefault: FC = () => (\r\n  <Box sx={{ p: '9px 12px', m: '12px', backgroundColor: 'rgba(0,0,0,0.1)' }}>\r\n    <Typography variant='caption' sx={{ fontWeight: 600, fontStyle: 'italic' }}>\r\n      Content\r\n    </Typography>\r\n  </Box>\r\n)\r\n"],"names":["ContentDefault","_jsx","Box","sx","p","m","backgroundColor","children","Typography","variant","fontWeight","fontStyle"],"mappings":"4FAGaA,IAAAA,EAAqB,WAAP,OACzBC,EAACC,EAAG,CAACC,GAAI,CAAEC,EAAG,WAAYC,EAAG,OAAQC,gBAAiB,mBAAmBC,SACvEN,EAACO,EAAU,CAACC,QAAQ,UAAUN,GAAI,CAAEO,WAAY,IAAKC,UAAW,UAAUJ,SAAA,aAGtE"}

package/dist/components/breadcrumbs.js

@@ -1,65 +1,2 @@
-import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { styled, Box, Breadcrumbs as Breadcrumbs$1, Typography } from '@mui/material';
-import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos';
-
-var Breadcrumbs = function Breadcrumbs(props) {
-  var _props$value;
-  var list = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : [];
-  var handleClick = function handleClick(e, x) {
-    e.preventDefault();
-    e.stopPropagation();
-    x.onClick && x.onClick(e);
-  };
-  var getItemProps = function getItemProps(item) {
-    if (item.propsGetter) return item.propsGetter();
-    return item.url ? {
-      component: 'a',
-      href: item.url
-    } : {};
-  };
-  return jsx(Breadcrumbs$1, {
-    children: list.map(function (x, i) {
-      var isClick = !!x.onClick || !!x.url;
-      return jsxs(WrapTypography, _objectSpread2(_objectSpread2({}, getItemProps(x)), {}, {
-        onClick: x.onClick ? function (e) {
-          return handleClick(e, x);
-        } : undefined,
-        className: isClick ? 'clickable' : '',
-        children: [i < 1 && jsx(ArrowBackIosIcon, {
-          sx: {
-            fontSize: '16px',
-            mb: '3px',
-            color: '#000'
-          }
-        }), jsx(Typography, {
-          variant: 'subtitle1',
-          sx: {
-            fontWeight: 600
-          },
-          noWrap: true,
-          children: jsx("span", {
-            children: x.label
-          })
-        })]
-      }), 'key' + i);
-    })
-  });
-};
-var WrapTypography = styled(Box)({
-  display: 'flex',
-  alignItems: 'center',
-  textDecoration: 'none',
-  '&.clickable': {
-    cursor: 'pointer'
-  },
-  '& .MuiTypography-root': {
-    color: 'var(--color-title)'
-  },
-  '&.clickable:hover .MuiTypography-root': {
-    textDecoration: 'underline'
-  }
-});
-
-export { Breadcrumbs as default };
+import{objectSpread2 as r}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{styled as t,Box as i,Breadcrumbs as l,Typography as n}from"@mui/material";import a from"@mui/icons-material/ArrowBackIos";var c=function(t){var i,c=null!==(i=t.value)&&void 0!==i?i:[];return o(l,{children:c.map((function(t,i){var l,c=!!t.onClick||!!t.url;return e(p,r(r({},(l=t).propsGetter?l.propsGetter():l.url?{component:"a",href:l.url}:{}),{},{onClick:t.onClick?function(r){return function(r,o){r.preventDefault(),r.stopPropagation(),o.onClick&&o.onClick(r)}(r,t)}:void 0,className:c?"clickable":"",children:[i<1&&o(a,{sx:{fontSize:"16px",mb:"3px",color:"#000"}}),o(n,{variant:"subtitle1",sx:{fontWeight:600},noWrap:!0,children:o("span",{children:t.label})})]}),"key"+i)}))})},p=t(i)({display:"flex",alignItems:"center",textDecoration:"none","&.clickable":{cursor:"pointer"},"& .MuiTypography-root":{color:"var(--color-title)"},"&.clickable:hover .MuiTypography-root":{textDecoration:"underline"}});export{c as default};
 //# sourceMappingURL=breadcrumbs.js.map

package/dist/components/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","sources":["../../src/components/breadcrumbs.tsx"],"sourcesContent":["import React, { FC } from 'react'\r\nimport { Box, Breadcrumbs as MUIBreadcrumbs, styled, Typography, TypographyProps } from '@mui/material'\r\nimport ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'\r\n\r\nexport interface IBreadcrumbConfig {\r\n  label: string\r\n  url?: string\r\n  propsGetter?: () => TypographyProps\r\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void\r\n}\r\n\r\nexport interface IBreadcrumbsProps {\r\n  value?: IBreadcrumbConfig[]\r\n}\r\n\r\nconst Breadcrumbs: FC<IBreadcrumbsProps> = (props) => {\r\n  const list = props.value ?? []\r\n\r\n  const handleClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>, x: IBreadcrumbConfig) => {\r\n    e.preventDefault()\r\n    e.stopPropagation()\r\n    x.onClick && x.onClick(e)\r\n  }\r\n\r\n  const getItemProps = (item: IBreadcrumbConfig): TypographyProps => {\r\n    if (item.propsGetter) return item.propsGetter()\r\n    return item.url ? ({ component: 'a', href: item.url } as TypographyProps) : {}\r\n  }\r\n\r\n  return (\r\n    <MUIBreadcrumbs>\r\n      {list.map((x, i) => {\r\n        const isClick = !!x.onClick || !!x.url\r\n        return (\r\n          <WrapTypography\r\n            key={'key' + i}\r\n            {...getItemProps(x)}\r\n            onClick={x.onClick ? (e: any) => handleClick(e, x) : undefined}\r\n            className={isClick ? 'clickable' : ''}\r\n          >\r\n            {i < 1 && <ArrowBackIosIcon sx={{ fontSize: '16px', mb: '3px', color: '#000' }} />}\r\n            <Typography variant='subtitle1' sx={{ fontWeight: 600 }} noWrap>\r\n              <span>{x.label}</span>\r\n            </Typography>\r\n          </WrapTypography>\r\n        )\r\n      })}\r\n    </MUIBreadcrumbs>\r\n  )\r\n}\r\nexport default Breadcrumbs\r\n\r\nconst WrapTypography = styled(Box)({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  textDecoration: 'none',\r\n  '&.clickable': {\r\n    cursor: 'pointer'\r\n  },\r\n  '& .MuiTypography-root': {\r\n    color: 'var(--color-title)'\r\n  },\r\n  '&.clickable:hover .MuiTypography-root': {\r\n    textDecoration: 'underline'\r\n  }\r\n})\r\n"],"names":["Breadcrumbs","props","_props$value","list","value","handleClick","e","x","preventDefault","stopPropagation","onClick","getItemProps","item","propsGetter","url","component","href","_jsx","MUIBreadcrumbs","children","map","i","isClick","_jsxs","WrapTypography","_objectSpread","undefined","className","ArrowBackIosIcon","sx","fontSize","mb","color","Typography","variant","fontWeight","noWrap","label","styled","Box","display","alignItems","textDecoration","cursor"],"mappings":";;;;;AAeA,IAAMA,WAAW,GAA0B,SAArCA,WAAWA,CAA2BC,KAAK,EAAI;AAAA,EAAA,IAAAC,YAAA;AACnD,EAAA,IAAMC,IAAI,GAAA,CAAAD,YAAA,GAAGD,KAAK,CAACG,KAAK,MAAA,IAAA,IAAAF,YAAA,KAAA,MAAA,GAAAA,YAAA,GAAI,EAAE;EAE9B,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAA+C,EAAEC,CAAoB,EAAI;IAC5FD,CAAC,CAACE,cAAc,EAAE;IAClBF,CAAC,CAACG,eAAe,EAAE;IACnBF,CAAC,CAACG,OAAO,IAAIH,CAAC,CAACG,OAAO,CAACJ,CAAC,CAAC;GAC1B;AAED,EAAA,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAuB,EAAqB;IAChE,IAAIA,IAAI,CAACC,WAAW,EAAE,OAAOD,IAAI,CAACC,WAAW,EAAE;IAC/C,OAAOD,IAAI,CAACE,GAAG,GAAI;AAAEC,MAAAA,SAAS,EAAE,GAAG;MAAEC,IAAI,EAAEJ,IAAI,CAACE;KAAyB,GAAG,EAAE;GAC/E;EAED,OACEG,GAAA,CAACC,aAAc,EAAA;IAAAC,QAAA,EACZhB,IAAI,CAACiB,GAAG,CAAC,UAACb,CAAC,EAAEc,CAAC,EAAI;AACjB,MAAA,IAAMC,OAAO,GAAG,CAAC,CAACf,CAAC,CAACG,OAAO,IAAI,CAAC,CAACH,CAAC,CAACO,GAAG;MACtC,OACES,KAACC,cAAc,EAAAC,cAAA,CAAAA,cAAA,CAETd,EAAAA,EAAAA,YAAY,CAACJ,CAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACnBG,QAAAA,OAAO,EAAEH,CAAC,CAACG,OAAO,GAAG,UAACJ,CAAM,EAAA;AAAA,UAAA,OAAKD,WAAW,CAACC,CAAC,EAAEC,CAAC,CAAC;AAAA,SAAA,GAAGmB,SAAS;AAC9DC,QAAAA,SAAS,EAAEL,OAAO,GAAG,WAAW,GAAG,EAAE;QAAAH,QAAA,EAAA,CAEpCE,CAAC,GAAG,CAAC,IAAIJ,IAACW,gBAAgB,EAAA;AAACC,UAAAA,EAAE,EAAE;AAAEC,YAAAA,QAAQ,EAAE,MAAM;AAAEC,YAAAA,EAAE,EAAE,KAAK;AAAEC,YAAAA,KAAK,EAAE;AAAM;UAAM,EAClFf,GAAA,CAACgB,UAAU,EAAA;AAACC,UAAAA,OAAO,EAAC,WAAW;AAACL,UAAAA,EAAE,EAAE;AAAEM,YAAAA,UAAU,EAAE;WAAK;AAAEC,UAAAA,MAAM,EAC7D,IAAA;AAAAjB,UAAAA,QAAA,EAAAF,GAAA,CAAA,MAAA,EAAA;YAAAE,QAAA,EAAOZ,CAAC,CAAC8B;;AACE,SAAA,CAAA;OARR,CAAA,EAAA,KAAK,GAAGhB,CAAC,CASC;KAEpB;AACc,GAAA,CAAA;AAErB;AAGA,IAAMG,cAAc,GAAGc,MAAM,CAACC,GAAG,CAAC,CAAC;AACjCC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,cAAc,EAAE,MAAM;AACtB,EAAA,aAAa,EAAE;AACbC,IAAAA,MAAM,EAAE;GACT;AACD,EAAA,uBAAuB,EAAE;AACvBX,IAAAA,KAAK,EAAE;GACR;AACD,EAAA,uCAAuC,EAAE;AACvCU,IAAAA,cAAc,EAAE;AACjB;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"breadcrumbs.js","sources":["../../src/components/breadcrumbs.tsx"],"sourcesContent":["import React, { FC } from 'react'\r\nimport { Box, Breadcrumbs as MUIBreadcrumbs, styled, Typography, TypographyProps } from '@mui/material'\r\nimport ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'\r\n\r\nexport interface IBreadcrumbConfig {\r\n  label: string\r\n  url?: string\r\n  propsGetter?: () => TypographyProps\r\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void\r\n}\r\n\r\nexport interface IBreadcrumbsProps {\r\n  value?: IBreadcrumbConfig[]\r\n}\r\n\r\nconst Breadcrumbs: FC<IBreadcrumbsProps> = (props) => {\r\n  const list = props.value ?? []\r\n\r\n  const handleClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>, x: IBreadcrumbConfig) => {\r\n    e.preventDefault()\r\n    e.stopPropagation()\r\n    x.onClick && x.onClick(e)\r\n  }\r\n\r\n  const getItemProps = (item: IBreadcrumbConfig): TypographyProps => {\r\n    if (item.propsGetter) return item.propsGetter()\r\n    return item.url ? ({ component: 'a', href: item.url } as TypographyProps) : {}\r\n  }\r\n\r\n  return (\r\n    <MUIBreadcrumbs>\r\n      {list.map((x, i) => {\r\n        const isClick = !!x.onClick || !!x.url\r\n        return (\r\n          <WrapTypography\r\n            key={'key' + i}\r\n            {...getItemProps(x)}\r\n            onClick={x.onClick ? (e: any) => handleClick(e, x) : undefined}\r\n            className={isClick ? 'clickable' : ''}\r\n          >\r\n            {i < 1 && <ArrowBackIosIcon sx={{ fontSize: '16px', mb: '3px', color: '#000' }} />}\r\n            <Typography variant='subtitle1' sx={{ fontWeight: 600 }} noWrap>\r\n              <span>{x.label}</span>\r\n            </Typography>\r\n          </WrapTypography>\r\n        )\r\n      })}\r\n    </MUIBreadcrumbs>\r\n  )\r\n}\r\nexport default Breadcrumbs\r\n\r\nconst WrapTypography = styled(Box)({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  textDecoration: 'none',\r\n  '&.clickable': {\r\n    cursor: 'pointer'\r\n  },\r\n  '& .MuiTypography-root': {\r\n    color: 'var(--color-title)'\r\n  },\r\n  '&.clickable:hover .MuiTypography-root': {\r\n    textDecoration: 'underline'\r\n  }\r\n})\r\n"],"names":["Breadcrumbs","props","_props$value","list","value","_jsx","MUIBreadcrumbs","children","map","x","i","item","isClick","onClick","url","_jsxs","WrapTypography","_objectSpread","getItemProps","propsGetter","component","href","e","preventDefault","stopPropagation","handleClick","undefined","className","ArrowBackIosIcon","sx","fontSize","mb","color","Typography","variant","fontWeight","noWrap","label","styled","Box","display","alignItems","textDecoration","cursor"],"mappings":"4PAeA,IAAMA,EAAqC,SAACC,GAAS,IAAAC,EAC7CC,EAAkB,QAAdD,EAAGD,EAAMG,aAAK,IAAAF,EAAAA,EAAI,GAa5B,OACEG,EAACC,EAAc,CAAAC,SACZJ,EAAKK,KAAI,SAACC,EAAGC,GACZ,IARgBC,EAQVC,IAAYH,EAAEI,WAAaJ,EAAEK,IACnC,OACEC,EAACC,EAAcC,EAAAA,EAETC,CAAAA,GAZQP,EAYKF,GAXhBU,YAAoBR,EAAKQ,cAC3BR,EAAKG,IAAO,CAAEM,UAAW,IAAKC,KAAMV,EAAKG,KAA4B,CAAE,GAUnD,GAAA,CACnBD,QAASJ,EAAEI,QAAU,SAACS,GAAM,OAnBlB,SAACA,EAAiDb,GACpEa,EAAEC,iBACFD,EAAEE,kBACFf,EAAEI,SAAWJ,EAAEI,QAAQS,EACxB,CAe0CG,CAAYH,EAAGb,EAAE,OAAGiB,EACrDC,UAAWf,EAAU,YAAc,GAAEL,SAAA,CAEpCG,EAAI,GAAKL,EAACuB,EAAgB,CAACC,GAAI,CAAEC,SAAU,OAAQC,GAAI,MAAOC,MAAO,UACtE3B,EAAC4B,EAAU,CAACC,QAAQ,YAAYL,GAAI,CAAEM,WAAY,KAAOC,QACvD,EAAA7B,SAAAF,EAAA,OAAA,CAAAE,SAAOE,EAAE4B,aAPN,MAAQ3B,EAWlB,KAGP,EAGMM,EAAiBsB,EAAOC,EAAPD,CAAY,CACjCE,QAAS,OACTC,WAAY,SACZC,eAAgB,OAChB,cAAe,CACbC,OAAQ,WAEV,wBAAyB,CACvBX,MAAO,sBAET,wCAAyC,CACvCU,eAAgB"}

package/dist/components/copy-to-clipboard.js

@@ -1,112 +1,2 @@
-import { inherits as _inherits, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
-import { Component } from 'react';
-import { Tooltip, Box, IconButton } from '@mui/material';
-import copy from 'clipboard-copy';
-import DoneIcon from '@mui/icons-material/Done';
-import ContentCopyIcon from '@mui/icons-material/ContentCopy';
-
-var _excluded = ["title"];
-var CopyToClipboard = /*#__PURE__*/function (_Component) {
-  function CopyToClipboard(props) {
-    var _this;
-    _classCallCheck(this, CopyToClipboard);
-    _this = _callSuper(this, CopyToClipboard, [props]);
-    _defineProperty(_this, "renderIcon", function () {
-      var _this$props$slots, _this$props$slots2;
-      if ((_this$props$slots = _this.props.slots) !== null && _this$props$slots !== void 0 && _this$props$slots.button) {
-        var ButtonComp = _this.props.slots.button;
-        return jsx(ButtonComp, {
-          onClick: _this.handleClickCopy,
-          copied: _this.state.copied
-        });
-      }
-      var Icon = _this.state.copied ? DoneIcon : ContentCopyIcon;
-      return jsx(IconButton, _objectSpread2(_objectSpread2({
-        onClick: _this.handleClickCopy
-      }, (_this$props$slots2 = _this.props.slots) === null || _this$props$slots2 === void 0 ? void 0 : _this$props$slots2.buttonProps), {}, {
-        children: jsx(Icon, {
-          fontSize: 'small',
-          sx: {
-            color: '#606060'
-          }
-        })
-      }));
-    });
-    _defineProperty(_this, "handleClickCopy", function () {
-      _this.debounceTime.start();
-      _this.onCopy();
-    });
-    _defineProperty(_this, "debounceTime", {
-      cache: 0,
-      time: 1500,
-      start: function start() {
-        _this.debounceTime.clear();
-        _this.setState({
-          copied: true
-        }, function () {
-          _this.debounceTime.cache = setTimeout(function () {
-            _this.setState({
-              copied: false
-            });
-          }, _this.debounceTime.time);
-        });
-      },
-      clear: function clear() {
-        clearTimeout(_this.debounceTime.cache);
-      }
-    });
-    _defineProperty(_this, "onCopy", function () {
-      copy(_this.props.value);
-      _this.setState({
-        showTooltip: true
-      });
-    });
-    _this.state = {
-      showTooltip: false,
-      copied: false
-    };
-    return _this;
-  }
-  _inherits(CopyToClipboard, _Component);
-  return _createClass(CopyToClipboard, [{
-    key: "render",
-    value: function render() {
-      var _this$props$slots$too,
-        _this$props$slots3,
-        _this2 = this;
-      var leaveDelay = this.state.copied ? this.debounceTime.time - 200 : 0;
-      var _ref = (_this$props$slots$too = (_this$props$slots3 = this.props.slots) === null || _this$props$slots3 === void 0 ? void 0 : _this$props$slots3.tooltipProps) !== null && _this$props$slots$too !== void 0 ? _this$props$slots$too : {},
-        title = _ref.title,
-        tooltipProps = _objectWithoutProperties(_ref, _excluded);
-      var titleValue = this.state.copied ? 'Copied to clipboard!' : title !== null && title !== void 0 ? title : 'Copy to clipboard';
-      return jsx(Tooltip, _objectSpread2(_objectSpread2({
-        arrow: true,
-        title: titleValue,
-        leaveDelay: leaveDelay,
-        open: this.state.showTooltip,
-        onOpen: function onOpen() {
-          return _this2.setState({
-            showTooltip: true
-          });
-        },
-        onClose: function onClose() {
-          return _this2.setState({
-            showTooltip: false
-          });
-        }
-      }, tooltipProps), {}, {
-        children: jsx(Box, {
-          sx: {
-            display: 'inline-block',
-            flex: '0 0 auto'
-          },
-          children: this.renderIcon()
-        })
-      }));
-    }
-  }]);
-}(Component);
-
-export { CopyToClipboard as default };
+import{inherits as o,createClass as e,objectWithoutProperties as t,objectSpread2 as i,classCallCheck as r,callSuper as n,defineProperty as l}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as s}from"react/jsx-runtime";import{Component as a}from"react";import{Tooltip as c,Box as p,IconButton as u}from"@mui/material";import d from"clipboard-copy";import m from"@mui/icons-material/Done";import h from"@mui/icons-material/ContentCopy";var f=["title"],C=function(){function C(o){var e;return r(this,C),e=n(this,C,[o]),l(e,"renderIcon",(function(){var o,t;if(null!==(o=e.props.slots)&&void 0!==o&&o.button){var r=e.props.slots.button;return s(r,{onClick:e.handleClickCopy,copied:e.state.copied})}var n=e.state.copied?m:h;return s(u,i(i({onClick:e.handleClickCopy},null===(t=e.props.slots)||void 0===t?void 0:t.buttonProps),{},{children:s(n,{fontSize:"small",sx:{color:"#606060"}})}))})),l(e,"handleClickCopy",(function(){e.debounceTime.start(),e.onCopy()})),l(e,"debounceTime",{cache:0,time:1500,start:function(){e.debounceTime.clear(),e.setState({copied:!0},(function(){e.debounceTime.cache=setTimeout((function(){e.setState({copied:!1})}),e.debounceTime.time)}))},clear:function(){clearTimeout(e.debounceTime.cache)}}),l(e,"onCopy",(function(){d(e.props.value),e.setState({showTooltip:!0})})),e.state={showTooltip:!1,copied:!1},e}return o(C,a),e(C,[{key:"render",value:function(){var o,e,r=this,n=this.state.copied?this.debounceTime.time-200:0,l=null!==(o=null===(e=this.props.slots)||void 0===e?void 0:e.tooltipProps)&&void 0!==o?o:{},a=l.title,u=t(l,f),d=this.state.copied?"Copied to clipboard!":null!=a?a:"Copy to clipboard";return s(c,i(i({arrow:!0,title:d,leaveDelay:n,open:this.state.showTooltip,onOpen:function(){return r.setState({showTooltip:!0})},onClose:function(){return r.setState({showTooltip:!1})}},u),{},{children:s(p,{sx:{display:"inline-block",flex:"0 0 auto"},children:this.renderIcon()})}))}}])}();export{C as default};
 //# sourceMappingURL=copy-to-clipboard.js.map

package/dist/components/copy-to-clipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-to-clipboard.js","sources":["../../src/components/copy-to-clipboard.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Box, ButtonProps, IconButton, Tooltip, TooltipProps } from '@mui/material'\r\nimport copy from 'clipboard-copy'\r\nimport DoneIcon from '@mui/icons-material/Done'\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy'\r\n\r\nexport interface ICopyToClipboardProps {\r\n  value: string\r\n  slots?: {\r\n    tooltipProps?: Partial<TooltipProps>\r\n    button?: ComponentType<{ onClick: () => void; copied?: boolean }>\r\n    buttonProps?: ButtonProps\r\n  }\r\n}\r\n\r\nexport interface ICopyToClipboardState {\r\n  showTooltip: boolean\r\n  copied: boolean\r\n}\r\n\r\nclass CopyToClipboard extends Component<ICopyToClipboardProps, ICopyToClipboardState> {\r\n  constructor(props: ICopyToClipboardProps) {\r\n    super(props)\r\n    this.state = { showTooltip: false, copied: false }\r\n  }\r\n\r\n  render() {\r\n    const leaveDelay = this.state.copied ? this.debounceTime.time - 200 : 0\r\n    const { title, ...tooltipProps } = this.props.slots?.tooltipProps ?? {}\r\n    const titleValue = this.state.copied ? 'Copied to clipboard!' : title ?? 'Copy to clipboard'\r\n    return (\r\n      <Tooltip\r\n        arrow\r\n        title={titleValue}\r\n        leaveDelay={leaveDelay}\r\n        open={this.state.showTooltip}\r\n        onOpen={() => this.setState({ showTooltip: true })}\r\n        onClose={() => this.setState({ showTooltip: false })}\r\n        {...tooltipProps}\r\n      >\r\n        <Box sx={{ display: 'inline-block', flex: '0 0 auto' }}>{this.renderIcon()}</Box>\r\n      </Tooltip>\r\n    )\r\n  }\r\n\r\n  renderIcon = () => {\r\n    if (this.props.slots?.button) {\r\n      const ButtonComp = this.props.slots.button\r\n      return <ButtonComp onClick={this.handleClickCopy} copied={this.state.copied} />\r\n    }\r\n    const Icon = this.state.copied ? DoneIcon : ContentCopyIcon\r\n    return (\r\n      <IconButton onClick={this.handleClickCopy} {...this.props.slots?.buttonProps}>\r\n        <Icon fontSize='small' sx={{ color: '#606060' }} />\r\n      </IconButton>\r\n    )\r\n  }\r\n\r\n  handleClickCopy = () => {\r\n    this.debounceTime.start()\r\n    this.onCopy()\r\n  }\r\n\r\n  private debounceTime = {\r\n    cache: 0 as any,\r\n    time: 1500,\r\n    start: () => {\r\n      this.debounceTime.clear()\r\n      this.setState({ copied: true }, () => {\r\n        this.debounceTime.cache = setTimeout(() => {\r\n          this.setState({ copied: false })\r\n        }, this.debounceTime.time)\r\n      })\r\n    },\r\n    clear: () => {\r\n      clearTimeout(this.debounceTime.cache)\r\n    }\r\n  }\r\n\r\n  private onCopy = () => {\r\n    copy(this.props.value)\r\n    this.setState({ showTooltip: true })\r\n  }\r\n}\r\nexport default CopyToClipboard\r\n"],"names":["CopyToClipboard","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","_this$props$slots","_this$props$slots2","slots","button","ButtonComp","_jsx","onClick","handleClickCopy","copied","state","Icon","DoneIcon","ContentCopyIcon","IconButton","_objectSpread","buttonProps","children","fontSize","sx","color","debounceTime","start","onCopy","cache","time","clear","setState","setTimeout","clearTimeout","copy","value","showTooltip","_inherits","_createClass","key","render","_this$props$slots$too","_this$props$slots3","_this2","leaveDelay","_ref","tooltipProps","title","_objectWithoutProperties","_excluded","titleValue","Tooltip","arrow","open","onOpen","onClose","Box","display","flex","renderIcon","Component"],"mappings":"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"}
+{"version":3,"file":"copy-to-clipboard.js","sources":["../../src/components/copy-to-clipboard.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Box, ButtonProps, IconButton, Tooltip, TooltipProps } from '@mui/material'\r\nimport copy from 'clipboard-copy'\r\nimport DoneIcon from '@mui/icons-material/Done'\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy'\r\n\r\nexport interface ICopyToClipboardProps {\r\n  value: string\r\n  slots?: {\r\n    tooltipProps?: Partial<TooltipProps>\r\n    button?: ComponentType<{ onClick: () => void; copied?: boolean }>\r\n    buttonProps?: ButtonProps\r\n  }\r\n}\r\n\r\nexport interface ICopyToClipboardState {\r\n  showTooltip: boolean\r\n  copied: boolean\r\n}\r\n\r\nclass CopyToClipboard extends Component<ICopyToClipboardProps, ICopyToClipboardState> {\r\n  constructor(props: ICopyToClipboardProps) {\r\n    super(props)\r\n    this.state = { showTooltip: false, copied: false }\r\n  }\r\n\r\n  render() {\r\n    const leaveDelay = this.state.copied ? this.debounceTime.time - 200 : 0\r\n    const { title, ...tooltipProps } = this.props.slots?.tooltipProps ?? {}\r\n    const titleValue = this.state.copied ? 'Copied to clipboard!' : title ?? 'Copy to clipboard'\r\n    return (\r\n      <Tooltip\r\n        arrow\r\n        title={titleValue}\r\n        leaveDelay={leaveDelay}\r\n        open={this.state.showTooltip}\r\n        onOpen={() => this.setState({ showTooltip: true })}\r\n        onClose={() => this.setState({ showTooltip: false })}\r\n        {...tooltipProps}\r\n      >\r\n        <Box sx={{ display: 'inline-block', flex: '0 0 auto' }}>{this.renderIcon()}</Box>\r\n      </Tooltip>\r\n    )\r\n  }\r\n\r\n  renderIcon = () => {\r\n    if (this.props.slots?.button) {\r\n      const ButtonComp = this.props.slots.button\r\n      return <ButtonComp onClick={this.handleClickCopy} copied={this.state.copied} />\r\n    }\r\n    const Icon = this.state.copied ? DoneIcon : ContentCopyIcon\r\n    return (\r\n      <IconButton onClick={this.handleClickCopy} {...this.props.slots?.buttonProps}>\r\n        <Icon fontSize='small' sx={{ color: '#606060' }} />\r\n      </IconButton>\r\n    )\r\n  }\r\n\r\n  handleClickCopy = () => {\r\n    this.debounceTime.start()\r\n    this.onCopy()\r\n  }\r\n\r\n  private debounceTime = {\r\n    cache: 0 as any,\r\n    time: 1500,\r\n    start: () => {\r\n      this.debounceTime.clear()\r\n      this.setState({ copied: true }, () => {\r\n        this.debounceTime.cache = setTimeout(() => {\r\n          this.setState({ copied: false })\r\n        }, this.debounceTime.time)\r\n      })\r\n    },\r\n    clear: () => {\r\n      clearTimeout(this.debounceTime.cache)\r\n    }\r\n  }\r\n\r\n  private onCopy = () => {\r\n    copy(this.props.value)\r\n    this.setState({ showTooltip: true })\r\n  }\r\n}\r\nexport default CopyToClipboard\r\n"],"names":["CopyToClipboard","props","_this","_classCallCheck","_callSuper","_defineProperty","_this$props$slots","_this$props$slots2","slots","button","ButtonComp","_jsx","onClick","handleClickCopy","copied","state","Icon","DoneIcon","ContentCopyIcon","IconButton","_objectSpread","buttonProps","children","fontSize","sx","color","debounceTime","start","onCopy","cache","time","clear","setState","setTimeout","clearTimeout","copy","value","showTooltip","_inherits","Component","_createClass","key","_this$props$slots$too","_this$props$slots3","_this2","this","leaveDelay","_ref","tooltipProps","title","_objectWithoutProperties","_excluded","titleValue","Tooltip","arrow","open","onOpen","onClose","Box","display","flex","renderIcon"],"mappings":"4cAoBMA,aACJ,SAAAA,EAAYC,GAA4B,IAAAC,EAEY,OAFZC,OAAAH,GACtCE,EAAAE,EAAAJ,KAAAA,GAAMC,IAAMI,EAAAH,EAAA,cAuBD,WAAK,IAAAI,EAAAC,EAChB,GAAoB,QAApBD,EAAIJ,EAAKD,MAAMO,aAAK,IAAAF,GAAhBA,EAAkBG,OAAQ,CAC5B,IAAMC,EAAaR,EAAKD,MAAMO,MAAMC,OACpC,OAAOE,EAACD,EAAU,CAACE,QAASV,EAAKW,gBAAiBC,OAAQZ,EAAKa,MAAMD,QACtE,CACD,IAAME,EAAOd,EAAKa,MAAMD,OAASG,EAAWC,EAC5C,OACEP,EAACQ,EAAUC,EAAAA,EAAA,CAACR,QAASV,EAAKW,iBAAqC,QAAtBN,EAAML,EAAKD,MAAMO,aAAK,IAAAD,OAAA,EAAhBA,EAAkBc,aAAW,CAAA,EAAA,CAC1EC,SAAAX,EAACK,EAAK,CAAAO,SAAS,QAAQC,GAAI,CAAEC,MAAO,mBAGzCpB,EAAAH,EAAA,mBAEiB,WAChBA,EAAKwB,aAAaC,QAClBzB,EAAK0B,YACNvB,EAAAH,EAEsB,eAAA,CACrB2B,MAAO,EACPC,KAAM,KACNH,MAAO,WACLzB,EAAKwB,aAAaK,QAClB7B,EAAK8B,SAAS,CAAElB,QAAQ,IAAQ,WAC9BZ,EAAKwB,aAAaG,MAAQI,YAAW,WACnC/B,EAAK8B,SAAS,CAAElB,QAAQ,GAC1B,GAAGZ,EAAKwB,aAAaI,KACvB,GACD,EACDC,MAAO,WACLG,aAAahC,EAAKwB,aAAaG,MACjC,IACDxB,EAAAH,EAAA,UAEgB,WACfiC,EAAKjC,EAAKD,MAAMmC,OAChBlC,EAAK8B,SAAS,CAAEK,aAAa,OA1D7BnC,EAAKa,MAAQ,CAAEsB,aAAa,EAAOvB,QAAQ,GAAOZ,CACpD,CAAC,OAAAoC,EAAAtC,EAJ2BuC,GAI3BC,EAAAxC,EAAA,CAAA,CAAAyC,IAAA,SAAAL,MAED,WAAM,IAAAM,EAAAC,EAAAC,EAAAC,KACEC,EAAaD,KAAK9B,MAAMD,OAAS+B,KAAKnB,aAAaI,KAAO,IAAM,EACtEiB,EAAiE,QAAjEL,UAAAC,EAAmCE,KAAK5C,MAAMO,aAAK,IAAAmC,OAAA,EAAhBA,EAAkBK,oBAAYN,IAAAA,EAAAA,EAAI,CAAE,EAA/DO,EAAKF,EAALE,MAAUD,EAAYE,EAAAH,EAAAI,GACxBC,EAAaP,KAAK9B,MAAMD,OAAS,uBAAyBmC,QAAAA,EAAS,oBACzE,OACEtC,EAAC0C,EAAOjC,EAAAA,EAAA,CACNkC,SACAL,MAAOG,EACPN,WAAYA,EACZS,KAAMV,KAAK9B,MAAMsB,YACjBmB,OAAQ,WAAF,OAAQZ,EAAKZ,SAAS,CAAEK,aAAa,GAAO,EAClDoB,QAAS,WAAF,OAAQb,EAAKZ,SAAS,CAAEK,aAAa,GAAQ,GAChDW,GAAY,GAAA,CAAA1B,SAEhBX,EAAC+C,EAAG,CAAClC,GAAI,CAAEmC,QAAS,eAAgBC,KAAM,YAAYtC,SAAGuB,KAAKgB,iBAGpE,IAAC"}

package/dist/components/help-tooltip.js

@@ -1,104 +1,2 @@
-import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { styled, Typography, Tooltip, tooltipClasses, Box, Stack, Divider, IconButton } from '@mui/material';
-import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
-
-var _excluded = ["className"];
-var HelpTooltip = function HelpTooltip(props) {
-  return jsx(HtmlTooltip, {
-    arrow: true,
-    placement: 'bottom',
-    title: jsxs(Stack, {
-      sx: {
-        gap: '6px',
-        py: '6px',
-        minWidth: '200px',
-        maxWidth: '400px '
-      },
-      children: [jsx(TooltipHeaderText, {
-        children: props.title
-      }), jsx(Divider, {}), jsx(Box, {
-        sx: {
-          p: '6px 12px'
-        },
-        children: props.children
-      })]
-    }),
-    children: jsx(Box, {
-      sx: _objectSpread2({
-        cursor: 'default'
-      }, props.sxIcon),
-      children: jsx(IconButton, {
-        size: 'small',
-        children: jsx(HelpOutlineIcon, {
-          fontSize: props.small ? 'small' : 'medium',
-          sx: {
-            color: 'rgb(25,103,210)'
-          }
-        })
-      })
-    })
-  });
-};
-var HelpTooltipWrap = function HelpTooltipWrap(props) {
-  return jsx(HtmlTooltip, {
-    arrow: true,
-    placement: 'bottom',
-    title: jsxs(Stack, {
-      sx: {
-        gap: '6px',
-        py: '6px',
-        minWidth: '200px',
-        maxWidth: '400px '
-      },
-      children: [jsx(TooltipHeaderText, {
-        children: props.title
-      }), jsx(Divider, {}), jsx(Box, {
-        sx: {
-          p: '6px 12px'
-        },
-        children: props.content
-      })]
-    }),
-    children: jsx(Box, {
-      sx: {
-        cursor: 'default'
-      },
-      children: props.children
-    })
-  });
-};
-var TooltipHeaderText = styled(function (props) {
-  return jsx(Typography, _objectSpread2({
-    variant: 'subtitle1'
-  }, props));
-})({
-  color: '#0095ff',
-  fontWeight: 700,
-  padding: '0 10px'
-});
-var HtmlTooltip = styled(function (_ref) {
-  var className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return jsx(Tooltip, _objectSpread2(_objectSpread2({}, props), {}, {
-    classes: {
-      popper: className
-    }
-  }));
-})(function (_ref2) {
-  var theme = _ref2.theme;
-  return _defineProperty(_defineProperty({}, "& .".concat(tooltipClasses.tooltip), {
-    backgroundColor: '#fff',
-    color: '#3c3c3c',
-    maxWidth: 500,
-    minHeight: 120,
-    fontSize: theme.typography.pxToRem(12),
-    borderRadius: '8px',
-    boxShadow: 'rgba(0, 0, 0, 0.08) 0px 6px 30px'
-  }), "& .".concat(tooltipClasses.arrow), {
-    color: '#fff'
-  });
-});
-
-export { HelpTooltipWrap, HelpTooltip as default };
+import{objectSpread2 as r,objectWithoutProperties as t,defineProperty as e}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as o}from"react/jsx-runtime";import{styled as n,Typography as l,Tooltip as a,tooltipClasses as p,Box as c,Stack as m,Divider as s,IconButton as x}from"@mui/material";import d from"@mui/icons-material/HelpOutline";var u=["className"],f=function(t){return i(g,{arrow:!0,placement:"bottom",title:o(m,{sx:{gap:"6px",py:"6px",minWidth:"200px",maxWidth:"400px "},children:[i(b,{children:t.title}),i(s,{}),i(c,{sx:{p:"6px 12px"},children:t.children})]}),children:i(c,{sx:r({cursor:"default"},t.sxIcon),children:i(x,{size:"small",children:i(d,{fontSize:t.small?"small":"medium",sx:{color:"rgb(25,103,210)"}})})})})},h=function(r){return i(g,{arrow:!0,placement:"bottom",title:o(m,{sx:{gap:"6px",py:"6px",minWidth:"200px",maxWidth:"400px "},children:[i(b,{children:r.title}),i(s,{}),i(c,{sx:{p:"6px 12px"},children:r.content})]}),children:i(c,{sx:{cursor:"default"},children:r.children})})},b=n((function(t){return i(l,r({variant:"subtitle1"},t))}))({color:"#0095ff",fontWeight:700,padding:"0 10px"}),g=n((function(e){var o=e.className,n=t(e,u);return i(a,r(r({},n),{},{classes:{popper:o}}))}))((function(r){var t=r.theme;return e(e({},"& .".concat(p.tooltip),{backgroundColor:"#fff",color:"#3c3c3c",maxWidth:500,minHeight:120,fontSize:t.typography.pxToRem(12),borderRadius:"8px",boxShadow:"rgba(0, 0, 0, 0.08) 0px 6px 30px"}),"& .".concat(p.arrow),{color:"#fff"})}));export{h as HelpTooltipWrap,f as default};
 //# sourceMappingURL=help-tooltip.js.map

package/dist/components/help-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"help-tooltip.js","sources":["../../src/components/help-tooltip.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren, ReactNode } from 'react'\r\nimport { Box, Divider, IconButton, Stack, Tooltip, Typography } from '@mui/material'\r\nimport { SxProps, Theme, TooltipProps, TypographyProps, styled, tooltipClasses } from '@mui/material'\r\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline'\r\n\r\nexport interface IHelpTooltipProps {\r\n  title: string\r\n  small?: boolean\r\n  sxIcon?: SxProps<Theme>\r\n}\r\n\r\nconst HelpTooltip: FC<PropsWithChildren<IHelpTooltipProps>> = (props) => (\r\n  <HtmlTooltip\r\n    arrow\r\n    placement='bottom'\r\n    title={\r\n      <Stack sx={{ gap: '6px', py: '6px', minWidth: '200px', maxWidth: '400px ' }}>\r\n        <TooltipHeaderText>{props.title}</TooltipHeaderText>\r\n        <Divider />\r\n        <Box sx={{ p: '6px 12px' }}>{props.children}</Box>\r\n      </Stack>\r\n    }\r\n  >\r\n    <Box sx={{ cursor: 'default', ...props.sxIcon }}>\r\n      <IconButton size='small'>\r\n        <HelpOutlineIcon fontSize={props.small ? 'small' : 'medium'} sx={{ color: 'rgb(25,103,210)' }} />\r\n      </IconButton>\r\n    </Box>\r\n  </HtmlTooltip>\r\n)\r\n\r\nexport default HelpTooltip\r\n\r\nexport interface IHelpTooltipWrapProps {\r\n  content: ReactNode\r\n  title: string\r\n  children: React.ReactNode\r\n}\r\n\r\nexport const HelpTooltipWrap: FC<IHelpTooltipWrapProps> = (props) => (\r\n  <HtmlTooltip\r\n    arrow\r\n    placement='bottom'\r\n    title={\r\n      <Stack sx={{ gap: '6px', py: '6px', minWidth: '200px', maxWidth: '400px ' }}>\r\n        <TooltipHeaderText>{props.title}</TooltipHeaderText>\r\n        <Divider />\r\n        <Box sx={{ p: '6px 12px' }}>{props.content}</Box>\r\n      </Stack>\r\n    }\r\n  >\r\n    <Box sx={{ cursor: 'default' }}>{props.children}</Box>\r\n  </HtmlTooltip>\r\n)\r\n\r\nconst TooltipHeaderText = styled((props: TypographyProps) => <Typography variant='subtitle1' {...props} />)({\r\n  color: '#0095ff',\r\n  fontWeight: 700,\r\n  padding: '0 10px'\r\n})\r\n\r\nconst HtmlTooltip = styled(({ className, ...props }: TooltipProps) => <Tooltip {...props} classes={{ popper: className }} />)(({ theme }) => ({\r\n  [`& .${tooltipClasses.tooltip}`]: {\r\n    backgroundColor: '#fff',\r\n    color: '#3c3c3c',\r\n    maxWidth: 500,\r\n    minHeight: 120,\r\n    fontSize: theme.typography.pxToRem(12),\r\n    borderRadius: '8px',\r\n    boxShadow: 'rgba(0, 0, 0, 0.08) 0px 6px 30px'\r\n  },\r\n  [`& .${tooltipClasses.arrow}`]: {\r\n    color: '#fff'\r\n  }\r\n}))\r\n"],"names":["HelpTooltip","props","_jsx","HtmlTooltip","arrow","placement","title","_jsxs","Stack","sx","gap","py","minWidth","maxWidth","children","TooltipHeaderText","Divider","Box","p","_objectSpread","cursor","sxIcon","IconButton","size","HelpOutlineIcon","fontSize","small","color","HelpTooltipWrap","content","styled","Typography","variant","fontWeight","padding","_ref","className","_objectWithoutProperties","_excluded","Tooltip","classes","popper","_ref2","theme","_defineProperty","concat","tooltipClasses","tooltip","backgroundColor","minHeight","typography","pxToRem","borderRadius","boxShadow"],"mappings":"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"}
+{"version":3,"file":"help-tooltip.js","sources":["../../src/components/help-tooltip.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren, ReactNode } from 'react'\r\nimport { Box, Divider, IconButton, Stack, Tooltip, Typography } from '@mui/material'\r\nimport { SxProps, Theme, TooltipProps, TypographyProps, styled, tooltipClasses } from '@mui/material'\r\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline'\r\n\r\nexport interface IHelpTooltipProps {\r\n  title: string\r\n  small?: boolean\r\n  sxIcon?: SxProps<Theme>\r\n}\r\n\r\nconst HelpTooltip: FC<PropsWithChildren<IHelpTooltipProps>> = (props) => (\r\n  <HtmlTooltip\r\n    arrow\r\n    placement='bottom'\r\n    title={\r\n      <Stack sx={{ gap: '6px', py: '6px', minWidth: '200px', maxWidth: '400px ' }}>\r\n        <TooltipHeaderText>{props.title}</TooltipHeaderText>\r\n        <Divider />\r\n        <Box sx={{ p: '6px 12px' }}>{props.children}</Box>\r\n      </Stack>\r\n    }\r\n  >\r\n    <Box sx={{ cursor: 'default', ...props.sxIcon }}>\r\n      <IconButton size='small'>\r\n        <HelpOutlineIcon fontSize={props.small ? 'small' : 'medium'} sx={{ color: 'rgb(25,103,210)' }} />\r\n      </IconButton>\r\n    </Box>\r\n  </HtmlTooltip>\r\n)\r\n\r\nexport default HelpTooltip\r\n\r\nexport interface IHelpTooltipWrapProps {\r\n  content: ReactNode\r\n  title: string\r\n  children: React.ReactNode\r\n}\r\n\r\nexport const HelpTooltipWrap: FC<IHelpTooltipWrapProps> = (props) => (\r\n  <HtmlTooltip\r\n    arrow\r\n    placement='bottom'\r\n    title={\r\n      <Stack sx={{ gap: '6px', py: '6px', minWidth: '200px', maxWidth: '400px ' }}>\r\n        <TooltipHeaderText>{props.title}</TooltipHeaderText>\r\n        <Divider />\r\n        <Box sx={{ p: '6px 12px' }}>{props.content}</Box>\r\n      </Stack>\r\n    }\r\n  >\r\n    <Box sx={{ cursor: 'default' }}>{props.children}</Box>\r\n  </HtmlTooltip>\r\n)\r\n\r\nconst TooltipHeaderText = styled((props: TypographyProps) => <Typography variant='subtitle1' {...props} />)({\r\n  color: '#0095ff',\r\n  fontWeight: 700,\r\n  padding: '0 10px'\r\n})\r\n\r\nconst HtmlTooltip = styled(({ className, ...props }: TooltipProps) => <Tooltip {...props} classes={{ popper: className }} />)(({ theme }) => ({\r\n  [`& .${tooltipClasses.tooltip}`]: {\r\n    backgroundColor: '#fff',\r\n    color: '#3c3c3c',\r\n    maxWidth: 500,\r\n    minHeight: 120,\r\n    fontSize: theme.typography.pxToRem(12),\r\n    borderRadius: '8px',\r\n    boxShadow: 'rgba(0, 0, 0, 0.08) 0px 6px 30px'\r\n  },\r\n  [`& .${tooltipClasses.arrow}`]: {\r\n    color: '#fff'\r\n  }\r\n}))\r\n"],"names":["HelpTooltip","props","_jsx","HtmlTooltip","arrow","placement","title","_jsxs","Stack","sx","gap","py","minWidth","maxWidth","children","TooltipHeaderText","Divider","Box","p","_objectSpread","cursor","sxIcon","IconButton","size","HelpOutlineIcon","fontSize","small","color","HelpTooltipWrap","content","styled","Typography","variant","fontWeight","padding","_ref","className","_objectWithoutProperties","_excluded","Tooltip","classes","popper","_ref2","theme","_defineProperty","concat","tooltipClasses","tooltip","backgroundColor","minHeight","typography","pxToRem","borderRadius","boxShadow"],"mappings":"wXAWMA,EAAwD,SAACC,GAAK,OAClEC,EAACC,EAAW,CACVC,OAAK,EACLC,UAAU,SACVC,MACEC,EAACC,EAAM,CAAAC,GAAI,CAAEC,IAAK,MAAOC,GAAI,MAAOC,SAAU,QAASC,SAAU,UAC/DC,SAAA,CAAAZ,EAACa,EAAiB,CAAAD,SAAEb,EAAMK,QAC1BJ,EAACc,EAAO,CAAA,GACRd,EAACe,EAAG,CAACR,GAAI,CAAES,EAAG,YAAYJ,SAAGb,EAAMa,cAC7BA,SAGVZ,EAACe,EAAI,CAAAR,GAAEU,EAAA,CAAIC,OAAQ,WAAcnB,EAAMoB,QAAQP,SAC7CZ,EAACoB,EAAW,CAAAC,KAAK,QACfT,SAAAZ,EAACsB,EAAe,CAACC,SAAUxB,EAAMyB,MAAQ,QAAU,SAAUjB,GAAI,CAAEkB,MAAO,0BAGlE,EAWHC,EAA6C,SAAC3B,GAAK,OAC9DC,EAACC,GACCC,OAAK,EACLC,UAAU,SACVC,MACEC,EAACC,EAAK,CAACC,GAAI,CAAEC,IAAK,MAAOC,GAAI,MAAOC,SAAU,QAASC,SAAU,UAC/DC,SAAA,CAAAZ,EAACa,EAAiB,CAAAD,SAAEb,EAAMK,QAC1BJ,EAACc,EAAU,CAAA,GACXd,EAACe,EAAG,CAACR,GAAI,CAAES,EAAG,YAAeJ,SAAAb,EAAM4B,aAIvCf,SAAAZ,EAACe,EAAI,CAAAR,GAAI,CAAEW,OAAQ,oBAAcnB,EAAMa,YAC3B,EAGVC,EAAoBe,GAAO,SAAC7B,GAAsB,OAAKC,EAAC6B,EAAUZ,EAAA,CAACa,QAAQ,aAAgB/B,GAAS,GAAhF6B,CAAkF,CAC1GH,MAAO,UACPM,WAAY,IACZC,QAAS,WAGL/B,EAAc2B,GAAO,SAAAK,GAAA,IAAGC,EAASD,EAATC,UAAcnC,EAAKoC,EAAAF,EAAAG,GAAA,OAAqBpC,EAACqC,EAAOpB,EAAAA,KAAKlB,GAAK,GAAA,CAAEuC,QAAS,CAAEC,OAAQL,KAAe,GAAxGN,EAA0G,SAAAY,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAAA,EAAA,CAAA,EAAA,MAAAC,OAC7HC,EAAeC,SAAY,CAChCC,gBAAiB,OACjBrB,MAAO,UACPd,SAAU,IACVoC,UAAW,IACXxB,SAAUkB,EAAMO,WAAWC,QAAQ,IACnCC,aAAc,MACdC,UAAW,2CACZR,OACMC,EAAe1C,OAAU,CAC9BuB,MAAO,QACR"}

package/dist/components/image-with-fallback.js

@@ -1,51 +1,2 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect, Fragment as Fragment$1 } from 'react';
-import { useDebounce } from '../hooks/index.js';
-
-var _excluded = ["src", "fallbackSrc", "alt", "loading", "debounceDelay"];
-var ImageWithFallback = function ImageWithFallback(_ref) {
-  var src = _ref.src,
-    fallbackSrc = _ref.fallbackSrc,
-    alt = _ref.alt,
-    loading = _ref.loading,
-    _ref$debounceDelay = _ref.debounceDelay,
-    debounceDelay = _ref$debounceDelay === void 0 ? 0 : _ref$debounceDelay,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var debouncedSrc = useDebounce(src, debounceDelay);
-  var debouncedFallbackSrc = useDebounce(fallbackSrc, debounceDelay);
-  var effectiveSrc = debounceDelay > 0 ? debouncedSrc : src;
-  var effectiveFallbackSrc = debounceDelay > 0 ? debouncedFallbackSrc : fallbackSrc;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isLoading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = useState(effectiveSrc !== null && effectiveSrc !== void 0 ? effectiveSrc : effectiveFallbackSrc),
-    _useState4 = _slicedToArray(_useState3, 2),
-    imgSrc = _useState4[0],
-    setImgSrc = _useState4[1];
-  useEffect(function () {
-    setImgSrc(effectiveSrc !== null && effectiveSrc !== void 0 ? effectiveSrc : effectiveFallbackSrc);
-    setLoading(true);
-  }, [effectiveSrc, effectiveFallbackSrc]);
-  var loadingElement = isLoading && loading ? loading : jsx(Fragment, {});
-  return jsxs(Fragment$1, {
-    children: [loadingElement, jsx("img", _objectSpread2(_objectSpread2({}, props), {}, {
-      src: imgSrc,
-      alt: alt,
-      onLoadStart: function onLoadStart() {
-        return setLoading(true);
-      },
-      onLoad: function onLoad() {
-        return setLoading(false);
-      },
-      onError: function onError() {
-        setImgSrc(fallbackSrc);
-        setLoading(false);
-      }
-    }))]
-  });
-};
-
-export { ImageWithFallback as default };
+import{objectWithoutProperties as r,slicedToArray as o,objectSpread2 as a}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,Fragment as n,jsxs as e}from"react/jsx-runtime";import{useState as l,useEffect as i,Fragment as c}from"react";import{useDebounce as u}from"../hooks/index.js";var s=["src","fallbackSrc","alt","loading","debounceDelay"],d=function(d){var f=d.src,m=d.fallbackSrc,p=d.alt,b=d.loading,g=d.debounceDelay,j=void 0===g?0:g,v=r(d,s),S=u(f,j),h=u(m,j),k=j>0?S:f,x=j>0?h:m,y=l(!0),D=o(y,2),L=D[0],P=D[1],_=l(null!=k?k:x),A=o(_,2),B=A[0],E=A[1];i((function(){E(null!=k?k:x),P(!0)}),[k,x]);var F=L&&b?b:t(n,{});return e(c,{children:[F,t("img",a(a({},v),{},{src:B,alt:p,onLoadStart:function(){return P(!0)},onLoad:function(){return P(!1)},onError:function(){E(m),P(!1)}}))]})};export{d as default};
 //# sourceMappingURL=image-with-fallback.js.map

package/dist/components/image-with-fallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-with-fallback.js","sources":["../../src/components/image-with-fallback.tsx"],"sourcesContent":["import React, { FC, Fragment, ReactNode, useEffect, useState } from 'react'\r\nimport { useDebounce } from '../hooks'\r\n\r\nexport interface IImageWithFallbackPropsOwner {\r\n  src?: string\r\n  alt?: string\r\n  fallbackSrc: string\r\n  loading?: ReactNode\r\n  debounceDelay?: number\r\n}\r\n\r\nexport type IImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, keyof IImageWithFallbackPropsOwner>\r\n\r\nexport interface IImageWithFallbackProps extends IImageProps, IImageWithFallbackPropsOwner {}\r\n\r\nconst ImageWithFallback: FC<IImageWithFallbackProps> = ({ src, fallbackSrc, alt, loading, debounceDelay = 0, ...props }) => {\r\n  const debouncedSrc = useDebounce(src, debounceDelay)\r\n  const debouncedFallbackSrc = useDebounce(fallbackSrc, debounceDelay)\r\n\r\n  const effectiveSrc = debounceDelay > 0 ? debouncedSrc : src\r\n  const effectiveFallbackSrc = debounceDelay > 0 ? debouncedFallbackSrc : fallbackSrc\r\n\r\n  const [isLoading, setLoading] = useState(true)\r\n  const [imgSrc, setImgSrc] = useState(effectiveSrc ?? effectiveFallbackSrc)\r\n\r\n  useEffect(() => {\r\n    setImgSrc(effectiveSrc ?? effectiveFallbackSrc)\r\n    setLoading(true)\r\n  }, [effectiveSrc, effectiveFallbackSrc])\r\n\r\n  const loadingElement = isLoading && loading ? loading : <></>\r\n\r\n  return (\r\n    <Fragment>\r\n      {loadingElement}\r\n      <img\r\n        {...props}\r\n        src={imgSrc}\r\n        alt={alt}\r\n        onLoadStart={() => setLoading(true)}\r\n        onLoad={() => setLoading(false)}\r\n        onError={() => {\r\n          setImgSrc(fallbackSrc)\r\n          setLoading(false)\r\n        }}\r\n      />\r\n    </Fragment>\r\n  )\r\n}\r\n\r\nexport default ImageWithFallback\r\n"],"names":["ImageWithFallback","_ref","src","fallbackSrc","alt","loading","_ref$debounceDelay","debounceDelay","props","_objectWithoutProperties","_excluded","debouncedSrc","useDebounce","debouncedFallbackSrc","effectiveSrc","effectiveFallbackSrc","_useState","useState","_useState2","_slicedToArray","isLoading","setLoading","_useState3","_useState4","imgSrc","setImgSrc","useEffect","loadingElement","_jsx","_jsxs","Fragment","onLoadStart","onLoad","onError"],"mappings":";;;;;;AAeA,IAAMA,iBAAiB,GAAgC,SAAjDA,iBAAiBA,CAAAC,IAAA,EAAoG;AAAA,EAAA,IAAjEC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,kBAAA,GAAAL,IAAA,CAAEM,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,MAAA,GAAA,CAAC,GAAAA,kBAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;AACnH,EAAA,IAAMC,YAAY,GAAGC,WAAW,CAACV,GAAG,EAAEK,aAAa,CAAC;AACpD,EAAA,IAAMM,oBAAoB,GAAGD,WAAW,CAACT,WAAW,EAAEI,aAAa,CAAC;EAEpE,IAAMO,YAAY,GAAGP,aAAa,GAAG,CAAC,GAAGI,YAAY,GAAGT,GAAG;EAC3D,IAAMa,oBAAoB,GAAGR,aAAa,GAAG,CAAC,GAAGM,oBAAoB,GAAGV,WAAW;AAEnF,EAAA,IAAAa,SAAA,GAAgCC,QAAQ,CAAC,IAAI,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvCI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;EAC5B,IAAAI,UAAA,GAA4BL,QAAQ,CAACH,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,MAAAA,GAAAA,YAAY,GAAIC,oBAAoB,CAAC;IAAAQ,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAnEE,IAAAA,MAAM,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAExBG,EAAAA,SAAS,CAAC,YAAK;IACbD,SAAS,CAACX,YAAY,KAAZA,IAAAA,IAAAA,YAAY,cAAZA,YAAY,GAAIC,oBAAoB,CAAC;IAC/CM,UAAU,CAAC,IAAI,CAAC;AAClB,GAAC,EAAE,CAACP,YAAY,EAAEC,oBAAoB,CAAC,CAAC;AAExC,EAAA,IAAMY,cAAc,GAAGP,SAAS,IAAIf,OAAO,GAAGA,OAAO,GAAGuB,iBAAK;EAE7D,OACEC,IAAC,CAAAC,UAAQ;eACNH,cAAc,EACfC,6CACMpB,KAAK,CAAA,EAAA,EAAA,EAAA;AACTN,MAAAA,GAAG,EAAEsB,MAAM;AACXpB,MAAAA,GAAG,EAAEA,GAAG;MACR2B,WAAW,EAAE,SAAbA,WAAWA,GAAA;QAAA,OAAQV,UAAU,CAAC,IAAI,CAAC;AAAA,OAAA;MACnCW,MAAM,EAAE,SAARA,MAAMA,GAAA;QAAA,OAAQX,UAAU,CAAC,KAAK,CAAC;AAAA,OAAA;AAC/BY,MAAAA,OAAO,EAAE,SAATA,OAAOA,GAAO;QACZR,SAAS,CAACtB,WAAW,CAAC;QACtBkB,UAAU,CAAC,KAAK,CAAC;AACnB;AAAC,KAAA,CAAA,CACD;AACO,GAAA,CAAA;AAEf;;;;"}
+{"version":3,"file":"image-with-fallback.js","sources":["../../src/components/image-with-fallback.tsx"],"sourcesContent":["import React, { FC, Fragment, ReactNode, useEffect, useState } from 'react'\r\nimport { useDebounce } from '../hooks'\r\n\r\nexport interface IImageWithFallbackPropsOwner {\r\n  src?: string\r\n  alt?: string\r\n  fallbackSrc: string\r\n  loading?: ReactNode\r\n  debounceDelay?: number\r\n}\r\n\r\nexport type IImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, keyof IImageWithFallbackPropsOwner>\r\n\r\nexport interface IImageWithFallbackProps extends IImageProps, IImageWithFallbackPropsOwner {}\r\n\r\nconst ImageWithFallback: FC<IImageWithFallbackProps> = ({ src, fallbackSrc, alt, loading, debounceDelay = 0, ...props }) => {\r\n  const debouncedSrc = useDebounce(src, debounceDelay)\r\n  const debouncedFallbackSrc = useDebounce(fallbackSrc, debounceDelay)\r\n\r\n  const effectiveSrc = debounceDelay > 0 ? debouncedSrc : src\r\n  const effectiveFallbackSrc = debounceDelay > 0 ? debouncedFallbackSrc : fallbackSrc\r\n\r\n  const [isLoading, setLoading] = useState(true)\r\n  const [imgSrc, setImgSrc] = useState(effectiveSrc ?? effectiveFallbackSrc)\r\n\r\n  useEffect(() => {\r\n    setImgSrc(effectiveSrc ?? effectiveFallbackSrc)\r\n    setLoading(true)\r\n  }, [effectiveSrc, effectiveFallbackSrc])\r\n\r\n  const loadingElement = isLoading && loading ? loading : <></>\r\n\r\n  return (\r\n    <Fragment>\r\n      {loadingElement}\r\n      <img\r\n        {...props}\r\n        src={imgSrc}\r\n        alt={alt}\r\n        onLoadStart={() => setLoading(true)}\r\n        onLoad={() => setLoading(false)}\r\n        onError={() => {\r\n          setImgSrc(fallbackSrc)\r\n          setLoading(false)\r\n        }}\r\n      />\r\n    </Fragment>\r\n  )\r\n}\r\n\r\nexport default ImageWithFallback\r\n"],"names":["ImageWithFallback","_ref","src","fallbackSrc","alt","loading","_ref$debounceDelay","debounceDelay","props","_objectWithoutProperties","_excluded","debouncedSrc","useDebounce","debouncedFallbackSrc","effectiveSrc","effectiveFallbackSrc","_useState","useState","_useState2","_slicedToArray","isLoading","setLoading","_useState3","_useState4","imgSrc","setImgSrc","useEffect","loadingElement","_jsx","_jsxs","Fragment","onLoadStart","onLoad","onError"],"mappings":"mWAeMA,EAAiD,SAAhCC,GAAoG,IAAjEC,EAAGD,EAAHC,IAAKC,EAAWF,EAAXE,YAAaC,EAAGH,EAAHG,IAAKC,EAAOJ,EAAPI,QAAOC,EAAAL,EAAEM,cAAAA,OAAgB,IAAHD,EAAG,EAACA,EAAKE,EAAKC,EAAAR,EAAAS,GAC7GC,EAAeC,EAAYV,EAAKK,GAChCM,EAAuBD,EAAYT,EAAaI,GAEhDO,EAAeP,EAAgB,EAAII,EAAeT,EAClDa,EAAuBR,EAAgB,EAAIM,EAAuBV,EAExEa,EAAgCC,GAAS,GAAKC,EAAAC,EAAAH,EAAA,GAAvCI,EAASF,EAAA,GAAEG,EAAUH,EAAA,GAC5BI,EAA4BL,EAASH,QAAAA,EAAgBC,GAAqBQ,EAAAJ,EAAAG,EAAA,GAAnEE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAExBG,GAAU,WACRD,EAAUX,QAAAA,EAAgBC,GAC1BM,GAAW,EACb,GAAG,CAACP,EAAcC,IAElB,IAAMY,EAAiBP,GAAaf,EAAUA,EAAUuB,QAExD,OACEC,EAACC,aACEH,EACDC,eACMpB,GAAK,GAAA,CACTN,IAAKsB,EACLpB,IAAKA,EACL2B,YAAa,WAAF,OAAQV,GAAW,EAAK,EACnCW,OAAQ,WAAF,OAAQX,GAAW,EAAM,EAC/BY,QAAS,WACPR,EAAUtB,GACVkB,GAAW,EACb,OAIR"}