@ynput/ayon-frontend-shared 0.2.39 → 0.2.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/index.cjs2.js +1 -1
- package/dist/_virtual/index.cjs3.js +1 -1
- package/dist/_virtual/index.cjs4.js +1 -1
- package/dist/_virtual/index.es2.js +5 -2
- package/dist/_virtual/index.es2.js.map +1 -1
- package/dist/_virtual/index.es3.js +2 -5
- package/dist/_virtual/index.es3.js.map +1 -1
- package/dist/_virtual/index.es4.js +2 -2
- package/dist/node_modules/react-use-websocket/dist/index.cjs.js +1 -1
- package/dist/node_modules/react-use-websocket/dist/index.es.js +1 -1
- package/dist/shared/node_modules/prop-types/index.cjs.js +1 -1
- package/dist/shared/node_modules/prop-types/index.es.js +1 -1
- package/dist/shared/node_modules/react-transition-group/esm/CSSTransition.cjs.js +1 -1
- package/dist/shared/node_modules/react-transition-group/esm/CSSTransition.es.js +1 -1
- package/dist/shared/node_modules/react-transition-group/esm/Transition.cjs.js +1 -1
- package/dist/shared/node_modules/react-transition-group/esm/Transition.es.js +1 -1
- package/dist/shared/node_modules/react-transition-group/esm/utils/PropTypes.cjs.js +1 -1
- package/dist/shared/node_modules/react-transition-group/esm/utils/PropTypes.es.js +1 -1
- package/dist/shared/src/components/AddonLoadingScreen/AddonLoadingScreen.cjs.js +8 -7
- package/dist/shared/src/components/AddonLoadingScreen/AddonLoadingScreen.cjs.js.map +1 -1
- package/dist/shared/src/components/AddonLoadingScreen/AddonLoadingScreen.es.js +24 -20
- package/dist/shared/src/components/AddonLoadingScreen/AddonLoadingScreen.es.js.map +1 -1
- package/dist/types/components/AddonLoadingScreen/AddonLoadingScreen.d.ts +7 -2
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";const e=require("./_commonjsHelpers.cjs.js"),r=require("../shared/node_modules/prop-types/index.cjs.js");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;
|
|
2
2
|
//# sourceMappingURL=index.cjs2.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
|
|
2
2
|
//# sourceMappingURL=index.cjs3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
|
|
2
2
|
//# sourceMappingURL=index.cjs4.js.map
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
|
|
2
|
+
import { __require as o } from "../shared/node_modules/prop-types/index.es.js";
|
|
3
|
+
var p = /* @__PURE__ */ o();
|
|
4
|
+
const s = /* @__PURE__ */ r(p);
|
|
2
5
|
export {
|
|
3
|
-
|
|
6
|
+
s as default
|
|
4
7
|
};
|
|
5
8
|
//# sourceMappingURL=index.es2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es2.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { __require as o } from "../shared/node_modules/prop-types/index.es.js";
|
|
3
|
-
var p = /* @__PURE__ */ o();
|
|
4
|
-
const s = /* @__PURE__ */ r(p);
|
|
1
|
+
var p = { exports: {} };
|
|
5
2
|
export {
|
|
6
|
-
|
|
3
|
+
p as __module
|
|
7
4
|
};
|
|
8
5
|
//# sourceMappingURL=index.es3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es3.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/index.cjs4.js"),a=require("./lib/use-websocket.cjs.js"),_=require("./lib/use-socket-io.cjs.js"),s=require("./lib/constants.cjs.js"),l=require("./lib/use-event-source.cjs.js"),b=require("./lib/util.cjs.js");var r;function d(){return r||(r=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.resetGlobalState=e.useEventSource=e.ReadyState=e.useSocketIO=e.default=void 0;var u=a.__require();Object.defineProperty(e,"default",{enumerable:!0,get:function(){return u.useWebSocket}});var n=_.__require();Object.defineProperty(e,"useSocketIO",{enumerable:!0,get:function(){return n.useSocketIO}});var i=s.__require();Object.defineProperty(e,"ReadyState",{enumerable:!0,get:function(){return i.ReadyState}});var o=l.__require();Object.defineProperty(e,"useEventSource",{enumerable:!0,get:function(){return o.useEventSource}});var c=b.__require();Object.defineProperty(e,"resetGlobalState",{enumerable:!0,get:function(){return c.resetGlobalState}})}(t.__exports)),t.__exports}exports.__require=d;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __exports as r } from "../../../_virtual/index.
|
|
1
|
+
import { __exports as r } from "../../../_virtual/index.es4.js";
|
|
2
2
|
import { __require as c } from "./lib/use-websocket.es.js";
|
|
3
3
|
import { __require as s } from "./lib/use-socket-io.es.js";
|
|
4
4
|
import { __require as _ } from "./lib/constants.es.js";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/index.cjs3.js"),t=require("../react-is/index.cjs.js"),u=require("./factoryWithTypeCheckers.cjs.js"),s=require("./factoryWithThrowingShims.cjs.js");var r;function _(){if(r)return e.__module.exports;if(r=1,process.env.NODE_ENV!=="production"){var o=t.__require(),i=!0;e.__module.exports=u.__require()(o.isElement,i)}else e.__module.exports=s.__require()();return e.__module.exports}exports.__require=_;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __module as r } from "../../../_virtual/index.
|
|
1
|
+
import { __module as r } from "../../../_virtual/index.es3.js";
|
|
2
2
|
import { __require as s } from "../react-is/index.es.js";
|
|
3
3
|
import { __require as t } from "./factoryWithTypeCheckers.es.js";
|
|
4
4
|
import { __require as p } from "./factoryWithThrowingShims.es.js";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const m=require("../../@babel/runtime/helpers/esm/extends.cjs.js"),h=require("../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.cjs.js"),N=require("../../@babel/runtime/helpers/esm/inheritsLoose.cjs.js"),v=require("../../../../_virtual/index.
|
|
1
|
+
"use strict";const m=require("../../@babel/runtime/helpers/esm/extends.cjs.js"),h=require("../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.cjs.js"),N=require("../../@babel/runtime/helpers/esm/inheritsLoose.cjs.js"),v=require("../../../../_virtual/index.cjs2.js"),A=require("../../dom-helpers/esm/addClass.cjs.js"),q=require("../../dom-helpers/esm/removeClass.cjs.js"),E=require("react"),g=require("./Transition.cjs.js"),$=require("./utils/PropTypes.cjs.js"),_=require("./utils/reflow.cjs.js");var S=function(i,l){return i&&l&&l.split(" ").forEach(function(e){return A(i,e)})},f=function(i,l){return i&&l&&l.split(" ").forEach(function(e){return q(i,e)})},C=function(d){N(i,d);function i(){for(var e,t=arguments.length,o=new Array(t),a=0;a<t;a++)o[a]=arguments[a];return e=d.call.apply(d,[this].concat(o))||this,e.appliedClasses={appear:{},enter:{},exit:{}},e.onEnter=function(s,r){var n=e.resolveArguments(s,r),p=n[0],u=n[1];e.removeClasses(p,"exit"),e.addClass(p,u?"appear":"enter","base"),e.props.onEnter&&e.props.onEnter(s,r)},e.onEntering=function(s,r){var n=e.resolveArguments(s,r),p=n[0],u=n[1],c=u?"appear":"enter";e.addClass(p,c,"active"),e.props.onEntering&&e.props.onEntering(s,r)},e.onEntered=function(s,r){var n=e.resolveArguments(s,r),p=n[0],u=n[1],c=u?"appear":"enter";e.removeClasses(p,c),e.addClass(p,c,"done"),e.props.onEntered&&e.props.onEntered(s,r)},e.onExit=function(s){var r=e.resolveArguments(s),n=r[0];e.removeClasses(n,"appear"),e.removeClasses(n,"enter"),e.addClass(n,"exit","base"),e.props.onExit&&e.props.onExit(s)},e.onExiting=function(s){var r=e.resolveArguments(s),n=r[0];e.addClass(n,"exit","active"),e.props.onExiting&&e.props.onExiting(s)},e.onExited=function(s){var r=e.resolveArguments(s),n=r[0];e.removeClasses(n,"exit"),e.addClass(n,"exit","done"),e.props.onExited&&e.props.onExited(s)},e.resolveArguments=function(s,r){return e.props.nodeRef?[e.props.nodeRef.current,s]:[s,r]},e.getClassNames=function(s){var r=e.props.classNames,n=typeof r=="string",p=n&&r?r+"-":"",u=n?""+p+s:r[s],c=n?u+"-active":r[s+"Active"],x=n?u+"-done":r[s+"Done"];return{baseClassName:u,activeClassName:c,doneClassName:x}},e}var l=i.prototype;return l.addClass=function(t,o,a){var s=this.getClassNames(o)[a+"ClassName"],r=this.getClassNames("enter"),n=r.doneClassName;o==="appear"&&a==="done"&&n&&(s+=" "+n),a==="active"&&t&&_.forceReflow(t),s&&(this.appliedClasses[o][a]=s,S(t,s))},l.removeClasses=function(t,o){var a=this.appliedClasses[o],s=a.base,r=a.active,n=a.done;this.appliedClasses[o]={},s&&f(t,s),r&&f(t,r),n&&f(t,n)},l.render=function(){var t=this.props;t.classNames;var o=h(t,["classNames"]);return E.createElement(g.default,m({},o,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},i}(E.Component);C.defaultProps={classNames:""};C.propTypes=process.env.NODE_ENV!=="production"?m({},g.default.propTypes,{classNames:$.classNamesShape,onEnter:v.func,onEntering:v.func,onEntered:v.func,onExit:v.func,onExiting:v.func,onExited:v.func}):{};module.exports=C;
|
|
2
2
|
//# sourceMappingURL=CSSTransition.cjs.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import C from "../../@babel/runtime/helpers/esm/extends.es.js";
|
|
2
2
|
import x from "../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.es.js";
|
|
3
3
|
import N from "../../@babel/runtime/helpers/esm/inheritsLoose.es.js";
|
|
4
|
-
import v from "../../../../_virtual/index.
|
|
4
|
+
import v from "../../../../_virtual/index.es2.js";
|
|
5
5
|
import A from "../../dom-helpers/esm/addClass.es.js";
|
|
6
6
|
import _ from "../../dom-helpers/esm/removeClass.es.js";
|
|
7
7
|
import c from "react";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.cjs.js"),C=require("../../@babel/runtime/helpers/esm/inheritsLoose.cjs.js"),o=require("../../../../_virtual/index.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.cjs.js"),C=require("../../@babel/runtime/helpers/esm/inheritsLoose.cjs.js"),o=require("../../../../_virtual/index.cjs2.js"),v=require("react"),N=require("react-dom"),S=require("./config.cjs.js"),R=require("./utils/PropTypes.cjs.js"),O=require("./TransitionGroupContext.cjs.js"),k=require("./utils/reflow.cjs.js");var x="unmounted",p="exited",f="entering",c="entered",T="exiting",l=function(d){C(u,d);function u(i,e){var t;t=d.call(this,i,e)||this;var n=e,r=n&&!n.isMounting?i.enter:i.appear,a;return t.appearStatus=null,i.in?r?(a=p,t.appearStatus=f):a=c:i.unmountOnExit||i.mountOnEnter?a=x:a=p,t.state={status:a},t.nextCallback=null,t}u.getDerivedStateFromProps=function(e,t){var n=e.in;return n&&t.status===x?{status:p}:null};var s=u.prototype;return s.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},s.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==f&&n!==c&&(t=f):(n===f||n===c)&&(t=T)}this.updateStatus(!1,t)},s.componentWillUnmount=function(){this.cancelNextCallback()},s.getTimeouts=function(){var e=this.props.timeout,t,n,r;return t=n=r=e,e!=null&&typeof e!="number"&&(t=e.exit,n=e.enter,r=e.appear!==void 0?e.appear:n),{exit:t,enter:n,appear:r}},s.updateStatus=function(e,t){if(e===void 0&&(e=!1),t!==null)if(this.cancelNextCallback(),t===f){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:N.findDOMNode(this);n&&k.forceReflow(n)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===p&&this.setState({status:x})},s.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,a=this.props.nodeRef?[r]:[N.findDOMNode(this),r],E=a[0],m=a[1],b=this.getTimeouts(),g=r?b.appear:b.enter;if(!e&&!n||S.disabled){this.safeSetState({status:c},function(){t.props.onEntered(E)});return}this.props.onEnter(E,m),this.safeSetState({status:f},function(){t.props.onEntering(E,m),t.onTransitionEnd(g,function(){t.safeSetState({status:c},function(){t.props.onEntered(E,m)})})})},s.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:N.findDOMNode(this);if(!t||S.disabled){this.safeSetState({status:p},function(){e.props.onExited(r)});return}this.props.onExit(r),this.safeSetState({status:T},function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,function(){e.safeSetState({status:p},function(){e.props.onExited(r)})})})},s.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},s.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},s.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},s.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:N.findDOMNode(this),r=e==null&&!this.props.addEndListener;if(!n||r){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var a=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],E=a[0],m=a[1];this.props.addEndListener(E,m)}e!=null&&setTimeout(this.nextCallback,e)},s.render=function(){var e=this.state.status;if(e===x)return null;var t=this.props,n=t.children;t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef;var r=D(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return v.createElement(O.Provider,{value:null},typeof n=="function"?n(e,r):v.cloneElement(v.Children.only(n),r))},u}(v.Component);l.contextType=O;l.propTypes=process.env.NODE_ENV!=="production"?{nodeRef:o.shape({current:typeof Element>"u"?o.any:function(d,u,s,i,e,t){var n=d[u];return o.instanceOf(n&&"ownerDocument"in n?n.ownerDocument.defaultView.Element:Element)(d,u,s,i,e,t)}}),children:o.oneOfType([o.func.isRequired,o.element.isRequired]).isRequired,in:o.bool,mountOnEnter:o.bool,unmountOnExit:o.bool,appear:o.bool,enter:o.bool,exit:o.bool,timeout:function(u){var s=R.timeoutsShape;u.addEndListener||(s=s.isRequired);for(var i=arguments.length,e=new Array(i>1?i-1:0),t=1;t<i;t++)e[t-1]=arguments[t];return s.apply(void 0,[u].concat(e))},addEndListener:o.func,onEnter:o.func,onEntering:o.func,onEntered:o.func,onExit:o.func,onExiting:o.func,onExited:o.func}:{};function h(){}l.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:h,onEntering:h,onEntered:h,onExit:h,onExiting:h,onExited:h};l.UNMOUNTED=x;l.EXITED=p;l.ENTERING=f;l.ENTERED=c;l.EXITING=T;exports.ENTERED=c;exports.ENTERING=f;exports.EXITED=p;exports.EXITING=T;exports.UNMOUNTED=x;exports.default=l;
|
|
2
2
|
//# sourceMappingURL=Transition.cjs.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import C from "../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.es.js";
|
|
2
2
|
import D from "../../@babel/runtime/helpers/esm/inheritsLoose.es.js";
|
|
3
|
-
import o from "../../../../_virtual/index.
|
|
3
|
+
import o from "../../../../_virtual/index.es2.js";
|
|
4
4
|
import v from "react";
|
|
5
5
|
import b from "react-dom";
|
|
6
6
|
import T from "./config.es.js";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/index.cjs2.js");var t=process.env.NODE_ENV!=="production"?e.oneOfType([e.number,e.shape({enter:e.number,exit:e.number,appear:e.number}).isRequired]):null,n=process.env.NODE_ENV!=="production"?e.oneOfType([e.string,e.shape({enter:e.string,exit:e.string,active:e.string}),e.shape({enter:e.string,enterDone:e.string,enterActive:e.string,exit:e.string,exitDone:e.string,exitActive:e.string})]):null;exports.classNamesShape=n;exports.timeoutsShape=t;
|
|
2
2
|
//# sourceMappingURL=PropTypes.cjs.js.map
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("styled-components"),m=o.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
width: 100%;
|
|
4
4
|
height: 100%;
|
|
5
5
|
gap: 0;
|
|
6
6
|
padding: ${i=>i.$padding};
|
|
7
|
-
`,
|
|
7
|
+
`,g=o.div`
|
|
8
8
|
width: ${i=>i.$config.width||"15%"};
|
|
9
9
|
min-width: ${i=>i.$config.minWidth||"2%"};
|
|
10
10
|
max-width: ${i=>i.$config.maxWidth||"600px"};
|
|
11
11
|
height: 100%;
|
|
12
|
-
background: #f0f0f0;
|
|
13
12
|
flex-shrink: 0;
|
|
14
|
-
|
|
13
|
+
border-radius: 4px;
|
|
14
|
+
background-color: var(--md-sys-color-surface-container);
|
|
15
|
+
`,l=o.div`
|
|
15
16
|
display: grid;
|
|
16
17
|
grid-template-columns: repeat(${i=>i.$config.columns}, 1fr);
|
|
17
18
|
grid-template-rows: repeat(${i=>i.$config.rows}, 1fr);
|
|
@@ -19,9 +20,9 @@
|
|
|
19
20
|
flex: 1;
|
|
20
21
|
padding: 1rem;
|
|
21
22
|
overflow: auto;
|
|
22
|
-
`,
|
|
23
|
-
background: #f0f0f0;
|
|
23
|
+
`,u=o.div`
|
|
24
24
|
border-radius: 4px;
|
|
25
25
|
min-height: ${i=>i.$minHeight};
|
|
26
|
-
|
|
26
|
+
background-color: var(--md-sys-color-surface-container);
|
|
27
|
+
`,x=({showSidebar:i=!0,sidebarConfig:d={},gridConfig:r={columns:3,rows:3},padding:s="var(--padding-l)",pt:e={},...a})=>{const t=r.columns*r.rows;return n.jsxRuntimeExports.jsxs(m,{$padding:s,...a,children:[i&&n.jsxRuntimeExports.jsx(g,{className:"loading",$config:d,...e==null?void 0:e.sidebar}),n.jsxRuntimeExports.jsx(l,{$config:r,...e==null?void 0:e.grid,children:Array.from({length:t}).map((h,c)=>n.jsxRuntimeExports.jsx(u,{className:"loading",$minHeight:r.itemMinHeight||"200px",...e==null?void 0:e.gridItem},c))})]})};exports.AddonLoadingScreen=x;
|
|
27
28
|
//# sourceMappingURL=AddonLoadingScreen.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddonLoadingScreen.cjs.js","sources":["../../../../../src/components/AddonLoadingScreen/AddonLoadingScreen.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\n\ninterface GridConfig {\n columns: number\n rows: number\n gap?: string\n itemMinHeight?: string\n}\n\ninterface SidebarConfig {\n width?: string\n minWidth?: string\n maxWidth?: string\n}\n\nexport interface ReportsLoadingScreenProps {\n showSidebar?: boolean\n sidebarConfig?: SidebarConfig\n gridConfig?: GridConfig\n padding?: string\n}\n\nconst Container = styled.div<{ $padding: string }>`\n display: flex;\n width: 100%;\n height: 100%;\n gap: 0;\n padding: ${(props) => props.$padding};\n`\n\nconst Sidebar = styled.div<{ $config: SidebarConfig }>`\n width: ${(props) => props.$config.width || '15%'};\n min-width: ${(props) => props.$config.minWidth || '2%'};\n max-width: ${(props) => props.$config.maxWidth || '600px'};\n height: 100%;\n
|
|
1
|
+
{"version":3,"file":"AddonLoadingScreen.cjs.js","sources":["../../../../../src/components/AddonLoadingScreen/AddonLoadingScreen.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from 'react'\nimport styled from 'styled-components'\n\ninterface GridConfig {\n columns: number\n rows: number\n gap?: string\n itemMinHeight?: string\n}\n\ninterface SidebarConfig {\n width?: string\n minWidth?: string\n maxWidth?: string\n}\n\nexport interface ReportsLoadingScreenProps extends HTMLAttributes<HTMLDivElement> {\n showSidebar?: boolean\n sidebarConfig?: SidebarConfig\n gridConfig?: GridConfig\n padding?: string\n pt?: {\n sidebar?: Partial<HTMLAttributes<HTMLDivElement>>\n grid?: Partial<HTMLAttributes<HTMLDivElement>>\n gridItem?: Partial<HTMLAttributes<HTMLDivElement>>\n }\n}\n\nconst Container = styled.div<{ $padding: string }>`\n display: flex;\n width: 100%;\n height: 100%;\n gap: 0;\n padding: ${(props) => props.$padding};\n`\n\nconst Sidebar = styled.div<{ $config: SidebarConfig }>`\n width: ${(props) => props.$config.width || '15%'};\n min-width: ${(props) => props.$config.minWidth || '2%'};\n max-width: ${(props) => props.$config.maxWidth || '600px'};\n height: 100%;\n flex-shrink: 0;\n border-radius: 4px;\n background-color: var(--md-sys-color-surface-container);\n`\n\nconst Grid = styled.div<{ $config: GridConfig }>`\n display: grid;\n grid-template-columns: repeat(${(props) => props.$config.columns}, 1fr);\n grid-template-rows: repeat(${(props) => props.$config.rows}, 1fr);\n gap: ${(props) => props.$config.gap || '1rem'};\n flex: 1;\n padding: 1rem;\n overflow: auto;\n`\n\nconst GridItem = styled.div<{ $minHeight: string }>`\n border-radius: 4px;\n min-height: ${(props) => props.$minHeight};\n background-color: var(--md-sys-color-surface-container);\n`\n\nexport const AddonLoadingScreen: FC<ReportsLoadingScreenProps> = ({\n showSidebar = true,\n sidebarConfig = {},\n gridConfig = { columns: 3, rows: 3 },\n padding = 'var(--padding-l)',\n pt = {},\n ...containerProps\n}) => {\n const totalItems = gridConfig.columns * gridConfig.rows\n\n return (\n <Container $padding={padding} {...containerProps}>\n {showSidebar && (\n <Sidebar className=\"loading\" $config={sidebarConfig} {...pt?.sidebar}></Sidebar>\n )}\n\n <Grid $config={gridConfig} {...pt?.grid}>\n {Array.from({ length: totalItems }).map((_, index) => (\n <GridItem\n key={index}\n className=\"loading\"\n $minHeight={gridConfig.itemMinHeight || '200px'}\n {...pt?.gridItem}\n ></GridItem>\n ))}\n </Grid>\n </Container>\n )\n}\n"],"names":["Container","styled","props","Sidebar","Grid","GridItem","AddonLoadingScreen","showSidebar","sidebarConfig","gridConfig","padding","pt","containerProps","totalItems","jsxs","jsx","_","index"],"mappings":"0KA4BMA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKXC,GAAUA,EAAM,QAAQ;AAAA,EAGhCC,EAAUF,EAAO;AAAA,WACXC,GAAUA,EAAM,QAAQ,OAAS,KAAK;AAAA,eAClCA,GAAUA,EAAM,QAAQ,UAAY,IAAI;AAAA,eACxCA,GAAUA,EAAM,QAAQ,UAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOrDE,EAAOH,EAAO;AAAA;AAAA,kCAEeC,GAAUA,EAAM,QAAQ,OAAO;AAAA,+BAClCA,GAAUA,EAAM,QAAQ,IAAI;AAAA,SAClDA,GAAUA,EAAM,QAAQ,KAAO,MAAM;AAAA;AAAA;AAAA;AAAA,EAMzCG,EAAWJ,EAAO;AAAA;AAAA,gBAEPC,GAAUA,EAAM,UAAU;AAAA;AAAA,EAI9BI,EAAoD,CAAC,CAChE,YAAAC,EAAc,GACd,cAAAC,EAAgB,CAAC,EACjB,WAAAC,EAAa,CAAE,QAAS,EAAG,KAAM,CAAE,EACnC,QAAAC,EAAU,mBACV,GAAAC,EAAK,CAAC,EACN,GAAGC,CACL,IAAM,CACE,MAAAC,EAAaJ,EAAW,QAAUA,EAAW,KAEnD,OACGK,EAAAA,kBAAAA,KAAAd,EAAA,CAAU,SAAUU,EAAU,GAAGE,EAC/B,SAAA,CACCL,GAAAQ,EAAA,kBAAA,IAACZ,GAAQ,UAAU,UAAU,QAASK,EAAgB,GAAGG,GAAA,YAAAA,EAAI,QAAS,0BAGvEP,EAAK,CAAA,QAASK,EAAa,GAAGE,GAAA,YAAAA,EAAI,KAChC,SAAA,MAAM,KAAK,CAAE,OAAQE,CAAY,CAAA,EAAE,IAAI,CAACG,EAAGC,IAC1CF,EAAA,kBAAA,IAACV,EAAA,CAEC,UAAU,UACV,WAAYI,EAAW,eAAiB,QACvC,GAAGE,GAAA,YAAAA,EAAI,QAAA,EAHHM,CAAA,CAKR,CACH,CAAA,CAAA,EACF,CAEJ"}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import
|
|
3
|
-
const
|
|
1
|
+
import { j as d } from "../../../../_virtual/jsx-runtime.es.js";
|
|
2
|
+
import e from "styled-components";
|
|
3
|
+
const t = e.div`
|
|
4
4
|
display: flex;
|
|
5
5
|
width: 100%;
|
|
6
6
|
height: 100%;
|
|
7
7
|
gap: 0;
|
|
8
8
|
padding: ${(i) => i.$padding};
|
|
9
|
-
`,
|
|
9
|
+
`, g = e.div`
|
|
10
10
|
width: ${(i) => i.$config.width || "15%"};
|
|
11
11
|
min-width: ${(i) => i.$config.minWidth || "2%"};
|
|
12
12
|
max-width: ${(i) => i.$config.maxWidth || "600px"};
|
|
13
13
|
height: 100%;
|
|
14
|
-
background: #f0f0f0;
|
|
15
14
|
flex-shrink: 0;
|
|
16
|
-
|
|
15
|
+
border-radius: 4px;
|
|
16
|
+
background-color: var(--md-sys-color-surface-container);
|
|
17
|
+
`, l = e.div`
|
|
17
18
|
display: grid;
|
|
18
19
|
grid-template-columns: repeat(${(i) => i.$config.columns}, 1fr);
|
|
19
20
|
grid-template-rows: repeat(${(i) => i.$config.rows}, 1fr);
|
|
@@ -21,30 +22,33 @@ const s = d.div`
|
|
|
21
22
|
flex: 1;
|
|
22
23
|
padding: 1rem;
|
|
23
24
|
overflow: auto;
|
|
24
|
-
`,
|
|
25
|
-
background: #f0f0f0;
|
|
25
|
+
`, h = e.div`
|
|
26
26
|
border-radius: 4px;
|
|
27
27
|
min-height: ${(i) => i.$minHeight};
|
|
28
|
-
|
|
28
|
+
background-color: var(--md-sys-color-surface-container);
|
|
29
|
+
`, u = ({
|
|
29
30
|
showSidebar: i = !0,
|
|
30
|
-
sidebarConfig:
|
|
31
|
-
gridConfig:
|
|
32
|
-
padding:
|
|
31
|
+
sidebarConfig: n = {},
|
|
32
|
+
gridConfig: o = { columns: 3, rows: 3 },
|
|
33
|
+
padding: a = "var(--padding-l)",
|
|
34
|
+
pt: r = {},
|
|
35
|
+
...s
|
|
33
36
|
}) => {
|
|
34
|
-
const
|
|
35
|
-
return /* @__PURE__ */
|
|
36
|
-
i && /* @__PURE__ */
|
|
37
|
-
/* @__PURE__ */
|
|
38
|
-
|
|
37
|
+
const c = o.columns * o.rows;
|
|
38
|
+
return /* @__PURE__ */ d.jsxs(t, { $padding: a, ...s, children: [
|
|
39
|
+
i && /* @__PURE__ */ d.jsx(g, { className: "loading", $config: n, ...r == null ? void 0 : r.sidebar }),
|
|
40
|
+
/* @__PURE__ */ d.jsx(l, { $config: o, ...r == null ? void 0 : r.grid, children: Array.from({ length: c }).map(($, m) => /* @__PURE__ */ d.jsx(
|
|
41
|
+
h,
|
|
39
42
|
{
|
|
40
43
|
className: "loading",
|
|
41
|
-
$minHeight:
|
|
44
|
+
$minHeight: o.itemMinHeight || "200px",
|
|
45
|
+
...r == null ? void 0 : r.gridItem
|
|
42
46
|
},
|
|
43
|
-
|
|
47
|
+
m
|
|
44
48
|
)) })
|
|
45
49
|
] });
|
|
46
50
|
};
|
|
47
51
|
export {
|
|
48
|
-
|
|
52
|
+
u as AddonLoadingScreen
|
|
49
53
|
};
|
|
50
54
|
//# sourceMappingURL=AddonLoadingScreen.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddonLoadingScreen.es.js","sources":["../../../../../src/components/AddonLoadingScreen/AddonLoadingScreen.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\n\ninterface GridConfig {\n columns: number\n rows: number\n gap?: string\n itemMinHeight?: string\n}\n\ninterface SidebarConfig {\n width?: string\n minWidth?: string\n maxWidth?: string\n}\n\nexport interface ReportsLoadingScreenProps {\n showSidebar?: boolean\n sidebarConfig?: SidebarConfig\n gridConfig?: GridConfig\n padding?: string\n}\n\nconst Container = styled.div<{ $padding: string }>`\n display: flex;\n width: 100%;\n height: 100%;\n gap: 0;\n padding: ${(props) => props.$padding};\n`\n\nconst Sidebar = styled.div<{ $config: SidebarConfig }>`\n width: ${(props) => props.$config.width || '15%'};\n min-width: ${(props) => props.$config.minWidth || '2%'};\n max-width: ${(props) => props.$config.maxWidth || '600px'};\n height: 100%;\n
|
|
1
|
+
{"version":3,"file":"AddonLoadingScreen.es.js","sources":["../../../../../src/components/AddonLoadingScreen/AddonLoadingScreen.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from 'react'\nimport styled from 'styled-components'\n\ninterface GridConfig {\n columns: number\n rows: number\n gap?: string\n itemMinHeight?: string\n}\n\ninterface SidebarConfig {\n width?: string\n minWidth?: string\n maxWidth?: string\n}\n\nexport interface ReportsLoadingScreenProps extends HTMLAttributes<HTMLDivElement> {\n showSidebar?: boolean\n sidebarConfig?: SidebarConfig\n gridConfig?: GridConfig\n padding?: string\n pt?: {\n sidebar?: Partial<HTMLAttributes<HTMLDivElement>>\n grid?: Partial<HTMLAttributes<HTMLDivElement>>\n gridItem?: Partial<HTMLAttributes<HTMLDivElement>>\n }\n}\n\nconst Container = styled.div<{ $padding: string }>`\n display: flex;\n width: 100%;\n height: 100%;\n gap: 0;\n padding: ${(props) => props.$padding};\n`\n\nconst Sidebar = styled.div<{ $config: SidebarConfig }>`\n width: ${(props) => props.$config.width || '15%'};\n min-width: ${(props) => props.$config.minWidth || '2%'};\n max-width: ${(props) => props.$config.maxWidth || '600px'};\n height: 100%;\n flex-shrink: 0;\n border-radius: 4px;\n background-color: var(--md-sys-color-surface-container);\n`\n\nconst Grid = styled.div<{ $config: GridConfig }>`\n display: grid;\n grid-template-columns: repeat(${(props) => props.$config.columns}, 1fr);\n grid-template-rows: repeat(${(props) => props.$config.rows}, 1fr);\n gap: ${(props) => props.$config.gap || '1rem'};\n flex: 1;\n padding: 1rem;\n overflow: auto;\n`\n\nconst GridItem = styled.div<{ $minHeight: string }>`\n border-radius: 4px;\n min-height: ${(props) => props.$minHeight};\n background-color: var(--md-sys-color-surface-container);\n`\n\nexport const AddonLoadingScreen: FC<ReportsLoadingScreenProps> = ({\n showSidebar = true,\n sidebarConfig = {},\n gridConfig = { columns: 3, rows: 3 },\n padding = 'var(--padding-l)',\n pt = {},\n ...containerProps\n}) => {\n const totalItems = gridConfig.columns * gridConfig.rows\n\n return (\n <Container $padding={padding} {...containerProps}>\n {showSidebar && (\n <Sidebar className=\"loading\" $config={sidebarConfig} {...pt?.sidebar}></Sidebar>\n )}\n\n <Grid $config={gridConfig} {...pt?.grid}>\n {Array.from({ length: totalItems }).map((_, index) => (\n <GridItem\n key={index}\n className=\"loading\"\n $minHeight={gridConfig.itemMinHeight || '200px'}\n {...pt?.gridItem}\n ></GridItem>\n ))}\n </Grid>\n </Container>\n )\n}\n"],"names":["Container","styled","props","Sidebar","Grid","GridItem","AddonLoadingScreen","showSidebar","sidebarConfig","gridConfig","padding","pt","containerProps","totalItems","jsxs","jsx","_","index"],"mappings":";;AA4BA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKZ,CAACC,MAAUA,EAAM,QAAQ;AAAA,GAGhCC,IAAUF,EAAO;AAAA,WACZ,CAACC,MAAUA,EAAM,QAAQ,SAAS,KAAK;AAAA,eACnC,CAACA,MAAUA,EAAM,QAAQ,YAAY,IAAI;AAAA,eACzC,CAACA,MAAUA,EAAM,QAAQ,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrDE,IAAOH,EAAO;AAAA;AAAA,kCAEc,CAACC,MAAUA,EAAM,QAAQ,OAAO;AAAA,+BACnC,CAACA,MAAUA,EAAM,QAAQ,IAAI;AAAA,SACnD,CAACA,MAAUA,EAAM,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,GAMzCG,IAAWJ,EAAO;AAAA;AAAA,gBAER,CAACC,MAAUA,EAAM,UAAU;AAAA;AAAA,GAI9BI,IAAoD,CAAC;AAAA,EAChE,aAAAC,IAAc;AAAA,EACd,eAAAC,IAAgB,CAAC;AAAA,EACjB,YAAAC,IAAa,EAAE,SAAS,GAAG,MAAM,EAAE;AAAA,EACnC,SAAAC,IAAU;AAAA,EACV,IAAAC,IAAK,CAAC;AAAA,EACN,GAAGC;AACL,MAAM;AACE,QAAAC,IAAaJ,EAAW,UAAUA,EAAW;AAEnD,SACGK,gBAAAA,EAAAA,KAAAd,GAAA,EAAU,UAAUU,GAAU,GAAGE,GAC/B,UAAA;AAAA,IACCL,KAAAQ,gBAAAA,EAAA,IAACZ,KAAQ,WAAU,WAAU,SAASK,GAAgB,GAAGG,KAAA,gBAAAA,EAAI,SAAS;AAAA,0BAGvEP,GAAK,EAAA,SAASK,GAAa,GAAGE,KAAA,gBAAAA,EAAI,MAChC,UAAA,MAAM,KAAK,EAAE,QAAQE,EAAY,CAAA,EAAE,IAAI,CAACG,GAAGC,MAC1CF,gBAAAA,EAAA;AAAA,MAACV;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QACV,YAAYI,EAAW,iBAAiB;AAAA,QACvC,GAAGE,KAAA,gBAAAA,EAAI;AAAA,MAAA;AAAA,MAHHM;AAAA,IAAA,CAKR,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
1
|
+
import { FC, HTMLAttributes } from 'react';
|
|
2
2
|
interface GridConfig {
|
|
3
3
|
columns: number;
|
|
4
4
|
rows: number;
|
|
@@ -10,11 +10,16 @@ interface SidebarConfig {
|
|
|
10
10
|
minWidth?: string;
|
|
11
11
|
maxWidth?: string;
|
|
12
12
|
}
|
|
13
|
-
export interface ReportsLoadingScreenProps {
|
|
13
|
+
export interface ReportsLoadingScreenProps extends HTMLAttributes<HTMLDivElement> {
|
|
14
14
|
showSidebar?: boolean;
|
|
15
15
|
sidebarConfig?: SidebarConfig;
|
|
16
16
|
gridConfig?: GridConfig;
|
|
17
17
|
padding?: string;
|
|
18
|
+
pt?: {
|
|
19
|
+
sidebar?: Partial<HTMLAttributes<HTMLDivElement>>;
|
|
20
|
+
grid?: Partial<HTMLAttributes<HTMLDivElement>>;
|
|
21
|
+
gridItem?: Partial<HTMLAttributes<HTMLDivElement>>;
|
|
22
|
+
};
|
|
18
23
|
}
|
|
19
24
|
export declare const AddonLoadingScreen: FC<ReportsLoadingScreenProps>;
|
|
20
25
|
export {};
|