@e1011/es-kit 1.0.218 → 1.0.222

package/dist/hooks/esm/index.css

@@ -1,12 +1,3 @@
-.errorBoundary-module_errorBoundary__gk9ps {
-  background: #EFEFEF;
-  width: 100%;
-  height: 100%;
-}
-
-.errorBoundary-module_StyledIcon__IYHiU {
-  margin-right: 10px;
-}
 .icon-module_icon-base-parent__nOMvW {
   line-height: 1px !important;
 }
@@ -37,6 +28,34 @@
   width: var(--height);
   height: var(--width);
 }
+.errorBoundary-module_errorBoundary__gk9ps {
+  background: #EFEFEF;
+  width: 100%;
+  height: 100%;
+}
+
+.errorBoundary-module_StyledIcon__IYHiU {
+  margin-right: 10px;
+}
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
 .CollapsibleContainer-module_collapsible-container__u0Jmm {
   transform-origin: 0% 0%;
   opacity: 0;
@@ -70,25 +89,6 @@
   max-width: var(--prop-value);
   opacity: 1;
 }
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .layoutBox-module_layout-box__ZIID8 {
   display: flex;
   position: relative;

package/dist/hooks/index.css

@@ -1,12 +1,3 @@
-.errorBoundary-module_errorBoundary__gk9ps {
-  background: #EFEFEF;
-  width: 100%;
-  height: 100%;
-}
-
-.errorBoundary-module_StyledIcon__IYHiU {
-  margin-right: 10px;
-}
 .icon-module_icon-base-parent__nOMvW {
   line-height: 1px !important;
 }
@@ -37,6 +28,34 @@
   width: var(--height);
   height: var(--width);
 }
+.errorBoundary-module_errorBoundary__gk9ps {
+  background: #EFEFEF;
+  width: 100%;
+  height: 100%;
+}
+
+.errorBoundary-module_StyledIcon__IYHiU {
+  margin-right: 10px;
+}
+.divider-module_divider-line__6CesR {
+  position: relative;
+  display: block;
+  transition: opacity, width, height 250ms ease-in-out;
+  background-color: var(--color);
+  opacity: var(--opacity);
+}
+.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
+  height: var(--length);
+  left: var(--left);
+  width: var(--width);
+  margin: var(--margin);
+}
+.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
+  width: var(--length);
+  left: var(--left);
+  height: var(--height);
+  margin: var(--margin);
+}
 .CollapsibleContainer-module_collapsible-container__u0Jmm {
   transform-origin: 0% 0%;
   opacity: 0;
@@ -70,25 +89,6 @@
   max-width: var(--prop-value);
   opacity: 1;
 }
-.divider-module_divider-line__6CesR {
-  position: relative;
-  display: block;
-  transition: opacity, width, height 250ms ease-in-out;
-  background-color: var(--color);
-  opacity: var(--opacity);
-}
-.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
-  height: var(--length);
-  left: var(--left);
-  width: var(--width);
-  margin: var(--margin);
-}
-.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
-  width: var(--length);
-  left: var(--left);
-  height: var(--height);
-  margin: var(--margin);
-}
 .layoutBox-module_layout-box__ZIID8 {
   display: flex;
   position: relative;

package/dist/lib/cjs/src/core/ui/components/error/ErrorBoundary.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../container/layoutBox/LayoutBox.js"),t=require("./errorBoundary.module.scss.js"),o=require("../icon/IconBase.js");const a=e.memo((e=>{let{title:a,text:n}=e;return React.createElement(r.LayoutBox,{className:t.default.errorBoundary,direction:"column",flexWrap:"wrap",gap:"2rem",padding:"1rem"},a&&React.createElement("h1",null,a),React.createElement(r.LayoutBox,{align:"center",justify:"space-between",gap:"1rem"},React.createElement(o.IconBase,{className:t.default.StyledIcon,color:"#FF0000",width:"3rem",height:"3rem"},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},React.createElement("path",{d:"M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"}))),n&&React.createElement(r.LayoutBox,{flexShrink:"0",width:"90%"},n)))}));a.displayName="DefaultErrorComponent";class n extends e.PureComponent{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,r){this.setState({hasError:!0,error:e,errorInfo:r})}render(){const{ErrorComponent:e=a}=this.props,{hasError:r,error:t,errorInfo:o}=this.state;return r?React.createElement(e,{title:(null==t?void 0:t.toString())||"Error",text:"".concat(JSON.stringify(o,null,2))}):this.props.children}}exports.DefaultErrorComponent=a,exports.ErrorBoundary=n;
+"use strict";var e=require("react"),r=require("../container/layoutBox/LayoutBox.js"),t=require("./errorBoundary.module.scss.js"),o=require("../icon/IconBase.js");const a=e.memo((e=>{let{title:a,text:n}=e;return React.createElement(r.LayoutBox,{className:t.default.errorBoundary,direction:"column",flexWrap:"wrap",gap:"2rem",padding:"1rem"},a&&React.createElement("h1",null,a),React.createElement(r.LayoutBox,{align:"center",justify:"space-between",gap:"1rem"},React.createElement(o.IconBase,{className:t.default.StyledIcon,color:"#FF0000",width:"3rem",height:"3rem"},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},React.createElement("path",{d:"M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"}))),n&&React.createElement(r.LayoutBox,{flexShrink:"0",width:"90%"},n)))}));a.displayName="DefaultErrorComponent";class n extends e.PureComponent{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,r){this.setState({hasError:!0,error:e,errorInfo:r})}render(){const{ErrorComponent:e=a,title:r,text:t}=this.props,{hasError:o,error:n,errorInfo:c}=this.state;return o?React.createElement(e,{title:r||(null==n?void 0:n.toString())||"Error",text:t||"".concat(JSON.stringify(c,null,2))}):this.props.children}}exports.DefaultErrorComponent=a,exports.ErrorBoundary=n;
 //# sourceMappingURL=ErrorBoundary.js.map

package/dist/lib/cjs/src/core/ui/components/error/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../../../../src/core/ui/components/error/ErrorBoundary.tsx"],"sourcesContent":["import { FC, memo, PureComponent, ReactNode, PropsWithChildren, ComponentType } from 'react'\n\nimport { IconBase } from '../icon'\nimport { LayoutBox } from '../container/layoutBox/LayoutBox'\n\nimport classes from './errorBoundary.module.scss'\n\n\ntype Props = PropsWithChildren<unknown> & {\n  ErrorComponent?: ComponentType\n}\n\ninterface State {\n  error?: Error\n  errorInfo?: unknown\n  hasError: boolean\n}\n\n\nexport type DefaultErrorComponentProps = {\n  title?: string\n  text?: string\n}\n\nexport const DefaultErrorComponent: FC<DefaultErrorComponentProps>\n= memo(({ title, text }: DefaultErrorComponentProps) => (\n  <LayoutBox className={classes.errorBoundary} direction='column' flexWrap='wrap' gap='2rem' padding='1rem'>\n    {title && <h1>{title}</h1>}\n    <LayoutBox align='center' justify='space-between' gap='1rem'>\n      <IconBase\n        className={classes.StyledIcon}\n        color='#FF0000'\n        width='3rem'\n        height='3rem'\n      >\n        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\n          <path d='M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z' />\n        </svg>\n      </IconBase>\n      {text && (\n        <LayoutBox flexShrink='0' width='90%'>\n          {text}\n        </LayoutBox>\n      )}\n    </LayoutBox>\n  </LayoutBox>\n))\nDefaultErrorComponent.displayName = 'DefaultErrorComponent'\n\nexport class ErrorBoundary extends PureComponent<Props, State> {\n  constructor(props: Props) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    // eslint-disable-next-line no-console\n    error && console.error(error)\n    // eslint-disable-next-line no-console\n    errorInfo && console.error(errorInfo)\n    // this.lastError = { error, errorInfo }\n    this.setState({ hasError: true, error, errorInfo })\n  }\n\n  render():ReactNode {\n    const { ErrorComponent = DefaultErrorComponent } = this.props\n    const { hasError, error, errorInfo } = this.state\n\n    if (hasError) {\n      return <ErrorComponent title={error?.toString() || 'Error'} text={`${JSON.stringify(errorInfo, null, 2)}`} />\n    }\n\n    return this.props.children\n  }\n}\n"],"names":["DefaultErrorComponent","memo","_ref","title","text","React","createElement","LayoutBox","className","classes","default","errorBoundary","direction","flexWrap","gap","padding","align","justify","IconBase","StyledIcon","color","width","height","xmlns","viewBox","d","flexShrink","displayName","ErrorBoundary","PureComponent","constructor","props","super","this","state","hasError","getDerivedStateFromError","error","componentDidCatch","errorInfo","setState","render","ErrorComponent","toString","concat","JSON","stringify","children"],"mappings":"kKAwBaA,MAAAA,EACXC,EAAIA,MAACC,IAAA,IAACC,MAAEA,EAAKC,KAAEA,GAAkCF,EAAA,OACjDG,MAAAC,cAACC,YAAS,CAACC,UAAWC,EAAOC,QAACC,cAAeC,UAAU,SAASC,SAAS,OAAOC,IAAI,OAAOC,QAAQ,QAChGZ,GAASE,MAAAC,cAAA,KAAA,KAAKH,GACfE,MAAAC,cAACC,YAAS,CAACS,MAAM,SAASC,QAAQ,gBAAgBH,IAAI,QACpDT,MAAAC,cAACY,WAAQ,CACPV,UAAWC,EAAOC,QAACS,WACnBC,MAAM,UACNC,MAAM,OACNC,OAAO,QAEPjB,MAAAC,cAAA,MAAA,CAAKiB,MAAM,6BAA6BC,QAAQ,eAC9CnB,MAAAC,cAAA,OAAA,CAAMmB,EAAE,6WAGXrB,GACCC,MAAAC,cAACC,EAAAA,UAAS,CAACmB,WAAW,IAAIL,MAAM,OAC7BjB,IAIG,IAEdJ,EAAsB2B,YAAc,wBAE7B,MAAMC,UAAsBC,EAAAA,cACjCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAEC,UAAU,EAC3B,CAEA,+BAAOC,CAAyBC,GAC9B,MAAO,CAAEF,UAAU,EAAME,QAC3B,CAEAC,iBAAAA,CAAkBD,EAAcE,GAM9BN,KAAKO,SAAS,CAAEL,UAAU,EAAME,QAAOE,aACzC,CAEAE,MAAAA,GACE,MAAMC,eAAEA,EAAiB1C,GAA0BiC,KAAKF,OAClDI,SAAEA,EAAQE,MAAEA,EAAKE,UAAEA,GAAcN,KAAKC,MAE5C,OAAIC,EACK9B,MAAAC,cAACoC,EAAc,CAACvC,OAAOkC,aAAK,EAALA,EAAOM,aAAc,QAASvC,KAAIwC,GAAAA,OAAKC,KAAKC,UAAUP,EAAW,KAAM,MAGhGN,KAAKF,MAAMgB,QACpB"}
+{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../../../../src/core/ui/components/error/ErrorBoundary.tsx"],"sourcesContent":["import { FC, memo, PureComponent, ReactNode } from 'react'\n\nimport { IconBase } from '../icon'\nimport { LayoutBox } from '../container/layoutBox/LayoutBox'\n\nimport classes from './errorBoundary.module.scss'\nimport { DefaultErrorComponentProps, ErrorBoundaryProps } from './errorBoundary.types'\n\n\ninterface State {\n  error?: Error\n  errorInfo?: unknown\n  hasError: boolean\n}\n\n\nexport const DefaultErrorComponent: FC<DefaultErrorComponentProps>\n= memo(({ title, text }: DefaultErrorComponentProps) => (\n  <LayoutBox className={classes.errorBoundary} direction='column' flexWrap='wrap' gap='2rem' padding='1rem'>\n    {title && <h1>{title}</h1>}\n    <LayoutBox align='center' justify='space-between' gap='1rem'>\n      <IconBase\n        className={classes.StyledIcon}\n        color='#FF0000'\n        width='3rem'\n        height='3rem'\n      >\n        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\n          <path d='M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z' />\n        </svg>\n      </IconBase>\n      {text && (\n        <LayoutBox flexShrink='0' width='90%'>\n          {text}\n        </LayoutBox>\n      )}\n    </LayoutBox>\n  </LayoutBox>\n))\nDefaultErrorComponent.displayName = 'DefaultErrorComponent'\n\nexport class ErrorBoundary extends PureComponent<ErrorBoundaryProps, State> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    // eslint-disable-next-line no-console\n    error && console.error(error)\n    // eslint-disable-next-line no-console\n    errorInfo && console.error(errorInfo)\n    // this.lastError = { error, errorInfo }\n    this.setState({ hasError: true, error, errorInfo })\n  }\n\n  render(): ReactNode {\n    const { ErrorComponent = DefaultErrorComponent, title, text } = this.props\n    const { hasError, error, errorInfo } = this.state\n\n    if (hasError) {\n      return (\n        <ErrorComponent\n          title={title || error?.toString() || 'Error'}\n          text={text || `${JSON.stringify(errorInfo, null, 2)}`}\n        />\n      )\n    }\n\n    return this.props.children\n  }\n}\n"],"names":["DefaultErrorComponent","memo","_ref","title","text","React","createElement","LayoutBox","className","classes","default","errorBoundary","direction","flexWrap","gap","padding","align","justify","IconBase","StyledIcon","color","width","height","xmlns","viewBox","d","flexShrink","displayName","ErrorBoundary","PureComponent","constructor","props","super","this","state","hasError","getDerivedStateFromError","error","componentDidCatch","errorInfo","setState","render","ErrorComponent","toString","concat","JSON","stringify","children"],"mappings":"kKAgBaA,MAAAA,EACXC,EAAIA,MAACC,IAAA,IAACC,MAAEA,EAAKC,KAAEA,GAAkCF,EAAA,OACjDG,MAAAC,cAACC,YAAS,CAACC,UAAWC,EAAOC,QAACC,cAAeC,UAAU,SAASC,SAAS,OAAOC,IAAI,OAAOC,QAAQ,QAChGZ,GAASE,MAAAC,cAAA,KAAA,KAAKH,GACfE,MAAAC,cAACC,YAAS,CAACS,MAAM,SAASC,QAAQ,gBAAgBH,IAAI,QACpDT,MAAAC,cAACY,WAAQ,CACPV,UAAWC,EAAOC,QAACS,WACnBC,MAAM,UACNC,MAAM,OACNC,OAAO,QAEPjB,MAAAC,cAAA,MAAA,CAAKiB,MAAM,6BAA6BC,QAAQ,eAC9CnB,MAAAC,cAAA,OAAA,CAAMmB,EAAE,6WAGXrB,GACCC,MAAAC,cAACC,EAAAA,UAAS,CAACmB,WAAW,IAAIL,MAAM,OAC7BjB,IAIG,IAEdJ,EAAsB2B,YAAc,wBAE7B,MAAMC,UAAsBC,EAAAA,cACjCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAEC,UAAU,EAC3B,CAEA,+BAAOC,CAAyBC,GAC9B,MAAO,CAAEF,UAAU,EAAME,QAC3B,CAEAC,iBAAAA,CAAkBD,EAAcE,GAM9BN,KAAKO,SAAS,CAAEL,UAAU,EAAME,QAAOE,aACzC,CAEAE,MAAAA,GACE,MAAMC,eAAEA,EAAiB1C,EAAqBG,MAAEA,EAAKC,KAAEA,GAAS6B,KAAKF,OAC/DI,SAAEA,EAAQE,MAAEA,EAAKE,UAAEA,GAAcN,KAAKC,MAE5C,OAAIC,EAEA9B,MAAAC,cAACoC,EAAc,CACbvC,MAAOA,IAASkC,aAAAA,EAAAA,EAAOM,aAAc,QACrCvC,KAAMA,GAAIwC,GAAAA,OAAOC,KAAKC,UAAUP,EAAW,KAAM,MAKhDN,KAAKF,MAAMgB,QACpB"}

package/dist/lib/esm/src/core/ui/components/error/ErrorBoundary.js

@@ -1,2 +1,2 @@
-import{memo as e,PureComponent as r}from"react";import{LayoutBox as t}from"../container/layoutBox/LayoutBox.js";import o from"./errorBoundary.module.scss.js";import{IconBase as a}from"../icon/IconBase.js";const n=e((e=>{let{title:r,text:n}=e;return React.createElement(t,{className:o.errorBoundary,direction:"column",flexWrap:"wrap",gap:"2rem",padding:"1rem"},r&&React.createElement("h1",null,r),React.createElement(t,{align:"center",justify:"space-between",gap:"1rem"},React.createElement(a,{className:o.StyledIcon,color:"#FF0000",width:"3rem",height:"3rem"},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},React.createElement("path",{d:"M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"}))),n&&React.createElement(t,{flexShrink:"0",width:"90%"},n)))}));n.displayName="DefaultErrorComponent";class c extends r{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,r){this.setState({hasError:!0,error:e,errorInfo:r})}render(){const{ErrorComponent:e=n}=this.props,{hasError:r,error:t,errorInfo:o}=this.state;return r?React.createElement(e,{title:(null==t?void 0:t.toString())||"Error",text:"".concat(JSON.stringify(o,null,2))}):this.props.children}}export{n as DefaultErrorComponent,c as ErrorBoundary};
+import{memo as e,PureComponent as r}from"react";import{LayoutBox as t}from"../container/layoutBox/LayoutBox.js";import o from"./errorBoundary.module.scss.js";import{IconBase as a}from"../icon/IconBase.js";const n=e((e=>{let{title:r,text:n}=e;return React.createElement(t,{className:o.errorBoundary,direction:"column",flexWrap:"wrap",gap:"2rem",padding:"1rem"},r&&React.createElement("h1",null,r),React.createElement(t,{align:"center",justify:"space-between",gap:"1rem"},React.createElement(a,{className:o.StyledIcon,color:"#FF0000",width:"3rem",height:"3rem"},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},React.createElement("path",{d:"M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"}))),n&&React.createElement(t,{flexShrink:"0",width:"90%"},n)))}));n.displayName="DefaultErrorComponent";class c extends r{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,r){this.setState({hasError:!0,error:e,errorInfo:r})}render(){const{ErrorComponent:e=n,title:r,text:t}=this.props,{hasError:o,error:a,errorInfo:c}=this.state;return o?React.createElement(e,{title:r||(null==a?void 0:a.toString())||"Error",text:t||"".concat(JSON.stringify(c,null,2))}):this.props.children}}export{n as DefaultErrorComponent,c as ErrorBoundary};
 //# sourceMappingURL=ErrorBoundary.js.map

package/dist/lib/esm/src/core/ui/components/error/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../../../../src/core/ui/components/error/ErrorBoundary.tsx"],"sourcesContent":["import { FC, memo, PureComponent, ReactNode, PropsWithChildren, ComponentType } from 'react'\n\nimport { IconBase } from '../icon'\nimport { LayoutBox } from '../container/layoutBox/LayoutBox'\n\nimport classes from './errorBoundary.module.scss'\n\n\ntype Props = PropsWithChildren<unknown> & {\n  ErrorComponent?: ComponentType\n}\n\ninterface State {\n  error?: Error\n  errorInfo?: unknown\n  hasError: boolean\n}\n\n\nexport type DefaultErrorComponentProps = {\n  title?: string\n  text?: string\n}\n\nexport const DefaultErrorComponent: FC<DefaultErrorComponentProps>\n= memo(({ title, text }: DefaultErrorComponentProps) => (\n  <LayoutBox className={classes.errorBoundary} direction='column' flexWrap='wrap' gap='2rem' padding='1rem'>\n    {title && <h1>{title}</h1>}\n    <LayoutBox align='center' justify='space-between' gap='1rem'>\n      <IconBase\n        className={classes.StyledIcon}\n        color='#FF0000'\n        width='3rem'\n        height='3rem'\n      >\n        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\n          <path d='M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z' />\n        </svg>\n      </IconBase>\n      {text && (\n        <LayoutBox flexShrink='0' width='90%'>\n          {text}\n        </LayoutBox>\n      )}\n    </LayoutBox>\n  </LayoutBox>\n))\nDefaultErrorComponent.displayName = 'DefaultErrorComponent'\n\nexport class ErrorBoundary extends PureComponent<Props, State> {\n  constructor(props: Props) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    // eslint-disable-next-line no-console\n    error && console.error(error)\n    // eslint-disable-next-line no-console\n    errorInfo && console.error(errorInfo)\n    // this.lastError = { error, errorInfo }\n    this.setState({ hasError: true, error, errorInfo })\n  }\n\n  render():ReactNode {\n    const { ErrorComponent = DefaultErrorComponent } = this.props\n    const { hasError, error, errorInfo } = this.state\n\n    if (hasError) {\n      return <ErrorComponent title={error?.toString() || 'Error'} text={`${JSON.stringify(errorInfo, null, 2)}`} />\n    }\n\n    return this.props.children\n  }\n}\n"],"names":["DefaultErrorComponent","memo","_ref","title","text","React","createElement","LayoutBox","className","classes","errorBoundary","direction","flexWrap","gap","padding","align","justify","IconBase","StyledIcon","color","width","height","xmlns","viewBox","d","flexShrink","displayName","ErrorBoundary","PureComponent","constructor","props","super","this","state","hasError","getDerivedStateFromError","error","componentDidCatch","errorInfo","setState","render","ErrorComponent","toString","concat","JSON","stringify","children"],"mappings":"6MAwBaA,MAAAA,EACXC,GAAKC,IAAA,IAACC,MAAEA,EAAKC,KAAEA,GAAkCF,EAAA,OACjDG,MAAAC,cAACC,EAAS,CAACC,UAAWC,EAAQC,cAAeC,UAAU,SAASC,SAAS,OAAOC,IAAI,OAAOC,QAAQ,QAChGX,GAASE,MAAAC,cAAA,KAAA,KAAKH,GACfE,MAAAC,cAACC,EAAS,CAACQ,MAAM,SAASC,QAAQ,gBAAgBH,IAAI,QACpDR,MAAAC,cAACW,EAAQ,CACPT,UAAWC,EAAQS,WACnBC,MAAM,UACNC,MAAM,OACNC,OAAO,QAEPhB,MAAAC,cAAA,MAAA,CAAKgB,MAAM,6BAA6BC,QAAQ,eAC9ClB,MAAAC,cAAA,OAAA,CAAMkB,EAAE,6WAGXpB,GACCC,MAAAC,cAACC,EAAS,CAACkB,WAAW,IAAIL,MAAM,OAC7BhB,IAIG,IAEdJ,EAAsB0B,YAAc,wBAE7B,MAAMC,UAAsBC,EACjCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAEC,UAAU,EAC3B,CAEA,+BAAOC,CAAyBC,GAC9B,MAAO,CAAEF,UAAU,EAAME,QAC3B,CAEAC,iBAAAA,CAAkBD,EAAcE,GAM9BN,KAAKO,SAAS,CAAEL,UAAU,EAAME,QAAOE,aACzC,CAEAE,MAAAA,GACE,MAAMC,eAAEA,EAAiBzC,GAA0BgC,KAAKF,OAClDI,SAAEA,EAAQE,MAAEA,EAAKE,UAAEA,GAAcN,KAAKC,MAE5C,OAAIC,EACK7B,MAAAC,cAACmC,EAAc,CAACtC,OAAOiC,aAAK,EAALA,EAAOM,aAAc,QAAStC,KAAIuC,GAAAA,OAAKC,KAAKC,UAAUP,EAAW,KAAM,MAGhGN,KAAKF,MAAMgB,QACpB"}
+{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../../../../src/core/ui/components/error/ErrorBoundary.tsx"],"sourcesContent":["import { FC, memo, PureComponent, ReactNode } from 'react'\n\nimport { IconBase } from '../icon'\nimport { LayoutBox } from '../container/layoutBox/LayoutBox'\n\nimport classes from './errorBoundary.module.scss'\nimport { DefaultErrorComponentProps, ErrorBoundaryProps } from './errorBoundary.types'\n\n\ninterface State {\n  error?: Error\n  errorInfo?: unknown\n  hasError: boolean\n}\n\n\nexport const DefaultErrorComponent: FC<DefaultErrorComponentProps>\n= memo(({ title, text }: DefaultErrorComponentProps) => (\n  <LayoutBox className={classes.errorBoundary} direction='column' flexWrap='wrap' gap='2rem' padding='1rem'>\n    {title && <h1>{title}</h1>}\n    <LayoutBox align='center' justify='space-between' gap='1rem'>\n      <IconBase\n        className={classes.StyledIcon}\n        color='#FF0000'\n        width='3rem'\n        height='3rem'\n      >\n        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\n          <path d='M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z' />\n        </svg>\n      </IconBase>\n      {text && (\n        <LayoutBox flexShrink='0' width='90%'>\n          {text}\n        </LayoutBox>\n      )}\n    </LayoutBox>\n  </LayoutBox>\n))\nDefaultErrorComponent.displayName = 'DefaultErrorComponent'\n\nexport class ErrorBoundary extends PureComponent<ErrorBoundaryProps, State> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    // eslint-disable-next-line no-console\n    error && console.error(error)\n    // eslint-disable-next-line no-console\n    errorInfo && console.error(errorInfo)\n    // this.lastError = { error, errorInfo }\n    this.setState({ hasError: true, error, errorInfo })\n  }\n\n  render(): ReactNode {\n    const { ErrorComponent = DefaultErrorComponent, title, text } = this.props\n    const { hasError, error, errorInfo } = this.state\n\n    if (hasError) {\n      return (\n        <ErrorComponent\n          title={title || error?.toString() || 'Error'}\n          text={text || `${JSON.stringify(errorInfo, null, 2)}`}\n        />\n      )\n    }\n\n    return this.props.children\n  }\n}\n"],"names":["DefaultErrorComponent","memo","_ref","title","text","React","createElement","LayoutBox","className","classes","errorBoundary","direction","flexWrap","gap","padding","align","justify","IconBase","StyledIcon","color","width","height","xmlns","viewBox","d","flexShrink","displayName","ErrorBoundary","PureComponent","constructor","props","super","this","state","hasError","getDerivedStateFromError","error","componentDidCatch","errorInfo","setState","render","ErrorComponent","toString","concat","JSON","stringify","children"],"mappings":"6MAgBaA,MAAAA,EACXC,GAAKC,IAAA,IAACC,MAAEA,EAAKC,KAAEA,GAAkCF,EAAA,OACjDG,MAAAC,cAACC,EAAS,CAACC,UAAWC,EAAQC,cAAeC,UAAU,SAASC,SAAS,OAAOC,IAAI,OAAOC,QAAQ,QAChGX,GAASE,MAAAC,cAAA,KAAA,KAAKH,GACfE,MAAAC,cAACC,EAAS,CAACQ,MAAM,SAASC,QAAQ,gBAAgBH,IAAI,QACpDR,MAAAC,cAACW,EAAQ,CACPT,UAAWC,EAAQS,WACnBC,MAAM,UACNC,MAAM,OACNC,OAAO,QAEPhB,MAAAC,cAAA,MAAA,CAAKgB,MAAM,6BAA6BC,QAAQ,eAC9ClB,MAAAC,cAAA,OAAA,CAAMkB,EAAE,6WAGXpB,GACCC,MAAAC,cAACC,EAAS,CAACkB,WAAW,IAAIL,MAAM,OAC7BhB,IAIG,IAEdJ,EAAsB0B,YAAc,wBAE7B,MAAMC,UAAsBC,EACjCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAEC,UAAU,EAC3B,CAEA,+BAAOC,CAAyBC,GAC9B,MAAO,CAAEF,UAAU,EAAME,QAC3B,CAEAC,iBAAAA,CAAkBD,EAAcE,GAM9BN,KAAKO,SAAS,CAAEL,UAAU,EAAME,QAAOE,aACzC,CAEAE,MAAAA,GACE,MAAMC,eAAEA,EAAiBzC,EAAqBG,MAAEA,EAAKC,KAAEA,GAAS4B,KAAKF,OAC/DI,SAAEA,EAAQE,MAAEA,EAAKE,UAAEA,GAAcN,KAAKC,MAE5C,OAAIC,EAEA7B,MAAAC,cAACmC,EAAc,CACbtC,MAAOA,IAASiC,aAAAA,EAAAA,EAAOM,aAAc,QACrCtC,KAAMA,GAAIuC,GAAAA,OAAOC,KAAKC,UAAUP,EAAW,KAAM,MAKhDN,KAAKF,MAAMgB,QACpB"}