jrs-react 1.0.18 → 1.0.20

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/build/index.js CHANGED
@@ -22959,22 +22959,6 @@ axios.default = axios;
22959
22959
  // this module should only have a default export
22960
22960
  var axios$1 = axios;
22961
22961
 
22962
- const po = console.debug;
22963
- const colonValueString = (string, value) => {
22964
- const get = typeof value.get === 'function' ? (value, name) => {
22965
- return value?.get(name.slice(1)) ?? name;
22966
- } : (value, name) => {
22967
- return value?.[name.slice(1)] ?? name;
22968
- };
22969
- return Array.from(string.match(/\:\w+/g) ?? []).reduce((aco, name) => {
22970
- return aco.replace(new RegExp(name, "g"), get(value, name));
22971
- }, string);
22972
- };
22973
- const flexType = (type, me, payload, doElse) => {
22974
- const result = typeof type === 'function' ? type?.bind(me)(payload) : type ?? doElse;
22975
- return result;
22976
- };
22977
-
22978
22962
  /******************************************************************************
22979
22963
  Copyright (c) Microsoft Corporation.
22980
22964
 
@@ -23891,277 +23875,298 @@ var unitlessKeys = {
23891
23875
 
23892
23876
  var f="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",m="active",y="data-styled-version",v="6.1.15",g="/*!sc*/\n",S="undefined"!=typeof window&&"HTMLElement"in window,w=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),E=/invalid hook call/i,N=new Set,P=function(t,n){if("production"!==process.env.NODE_ENV){var r=n?' with the id of "'.concat(n,'"'):"",s="The component ".concat(t).concat(r," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];E.test(t)?(a=!1,N.delete(s)):i.apply(void 0,__spreadArray([t],n,!1));},reactExports.useRef(),a&&!N.has(s)&&(console.warn(s),N.add(s));}catch(e){E.test(e.message)&&N.delete(s);}finally{console.error=i;}}},_=Object.freeze([]),C=Object.freeze({});function I(e,t,n){return void 0===n&&(n=C),e.theme!==n.theme&&e.theme||t||n.theme}var A=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),O=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,D=/(^-|-$)/g;function R(e){return e.replace(O,"-").replace(D,"")}var T=/(a)(d)/gi,k=52,j=function(e){return String.fromCharCode(e+(e>25?39:97))};function x(e){var t,n="";for(t=Math.abs(e);t>k;t=t/k|0)n=j(t%k)+n;return (j(t%k)+n).replace(T,"$1-$2")}var V,F=5381,M=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},z=function(e){return M(F,e)};function $(e){return x(z(e)>>>0)}function B(e){return "production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function L(e){return "string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var G="function"==typeof Symbol&&Symbol.for,Y=G?Symbol.for("react.memo"):60115,q=G?Symbol.for("react.forward_ref"):60112,W={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},H={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},U={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},J=((V={})[q]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},V[Y]=U,V);function X(e){return ("type"in(t=e)&&t.type.$$typeof)===Y?U:"$$typeof"in e?J[e.$$typeof]:W;var t;}var Z=Object.defineProperty,K=Object.getOwnPropertyNames,Q=Object.getOwnPropertySymbols,ee=Object.getOwnPropertyDescriptor,te=Object.getPrototypeOf,ne=Object.prototype;function re(e,t,n){if("string"!=typeof t){if(ne){var r=te(t);r&&r!==ne&&re(e,r,n);}var o=K(t);Q&&(o=o.concat(Q(t)));for(var s=X(e),i=X(t),a=0;a<o.length;++a){var c=o[a];if(!(c in H||n&&n[c]||i&&c in i||s&&c in s)){var l=ee(t,c);try{Z(e,c,l);}catch(e){}}}}return e}function oe(e){return "function"==typeof e}function se(e){return "object"==typeof e&&"styledComponentId"in e}function ie(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ae(e,t){if(0===e.length)return "";for(var n=e[0],r=1;r<e.length;r++)n+=t?t+e[r]:e[r];return n}function ce(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function le(e,t,n){if(void 0===n&&(n=!1),!n&&!ce(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=le(e[r],t[r]);else if(ce(t))for(var r in t)e[r]=le(e[r],t[r]);return e}function ue(e,t){Object.defineProperty(e,"toString",{value:t});}var pe="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function de(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,s=e.length;o<s;o+=1)r.push(e[o]);return r.forEach(function(e){n=n.replace(/%[a-z]/,e);}),n}function he(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];return "production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t," for more information.").concat(n.length>0?" Args: ".concat(n.join(", ")):"")):new Error(de.apply(void 0,__spreadArray([pe[t]],n,!1)).trim())}var fe=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e;}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)if((o<<=1)<0)throw he(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0;}for(var i=this.indexOfGroup(e+1),a=(s=0,t.length);s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++);},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n);}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+="".concat(this.tag.getRule(s)).concat(g);return t},e}(),me=1<<30,ye=new Map,ve=new Map,ge=1,Se=function(e){if(ye.has(e))return ye.get(e);for(;ve.has(ge);)ge++;var t=ge++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>me))throw he(16,"".concat(t));return ye.set(e,t),ve.set(t,e),t},we=function(e,t){ge=t+1,ye.set(e,t),ve.set(t,e);},be="style[".concat(f,"][").concat(y,'="').concat(v,'"]'),Ee=new RegExp("^".concat(f,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Ne=function(e,t,n){for(var r,o=n.split(","),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r);},Pe=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split(g),o=[],s=0,i=r.length;s<i;s++){var a=r[s].trim();if(a){var c=a.match(Ee);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(we(u,l),Ne(e,u,c[3]),e.getTag().insertRules(l,o)),o.length=0;}else o.push(a);}}},_e=function(e){for(var t=document.querySelectorAll(be),n=0,r=t.length;n<r;n++){var o=t[n];o&&o.getAttribute(f)!==m&&(Pe(e,o),o.parentNode&&o.parentNode.removeChild(o));}};function Ce(){return "undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var Ie=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){var t=Array.from(e.querySelectorAll("style[".concat(f,"]")));return t[t.length-1]}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(f,m),r.setAttribute(y,v);var i=Ce();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},Ae=function(){function e(e){this.element=Ie(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}throw he(17)}(this.element),this.length=0;}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return !1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--;},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),Oe=function(){function e(e){this.element=Ie(e),this.nodes=this.element.childNodes,this.length=0;}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return !1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),De=function(){function e(e){this.rules=[],this.length=0;}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--;},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),Re=S,Te={isServer:!S,useCSSOMInjection:!w},ke=function(){function e(e,n,r){void 0===e&&(e=C),void 0===n&&(n={});var o=this;this.options=__assign(__assign({},Te),e),this.gs=n,this.names=new Map(r),this.server=!!e.isServer,!this.server&&S&&Re&&(Re=!1,_e(this)),ue(this,function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return ve.get(e)}(n);if(void 0===o)return "continue";var s=e.names.get(o),i=t.getGroup(n);if(void 0===s||!s.size||0===i.length)return "continue";var a="".concat(f,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","));}),r+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat(g);},s=0;s<n;s++)o(s);return r}(o)});}return e.registerId=function(e){return Se(e)},e.prototype.rehydrate=function(){!this.server&&S&&_e(this);},e.prototype.reconstructWithOptions=function(n,r){return void 0===r&&(r=!0),new e(__assign(__assign({},this.options),n),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new De(n):t?new Ae(n):new Oe(n)}(this.options),new fe(e)));var e;},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(Se(e),this.names.has(e))this.names.get(e).add(t);else {var n=new Set;n.add(t),this.names.set(e,n);}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(Se(e),n);},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear();},e.prototype.clearRules=function(e){this.getTag().clearGroup(Se(e)),this.clearNames(e);},e.prototype.clearTag=function(){this.tag=void 0;},e}(),je=/&/g,xe=/^\s*\/\/.*$/gm;function Ve(e,t){return e.map(function(e){return "rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map(function(e){return "".concat(t," ").concat(e)})),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=Ve(e.children,t)),e})}function Fe(e){var t,n,r,o=void 0===e?C:e,s=o.options,i=void 0===s?C:s,a=o.plugins,c=void 0===a?_:a,l=function(e,r,o){return o.startsWith(n)&&o.endsWith(n)&&o.replaceAll(n,"").length>0?".".concat(t):e},u=c.slice();u.push(function(e){e.type===RULESET&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(je,n).replace(r,l));}),i.prefix&&u.push(prefixer),u.push(stringify);var p=function(e,o,s,a){void 0===o&&(o=""),void 0===s&&(s=""),void 0===a&&(a="&"),t=a,n=o,r=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(xe,""),l=compile(s||o?"".concat(s," ").concat(o," { ").concat(c," }"):c);i.namespace&&(l=Ve(l,i.namespace));var p=[];return serialize(l,middleware(u.concat(rulesheet(function(e){return p.push(e)})))),p};return p.hash=c.length?c.reduce(function(e,t){return t.name||he(15),M(e,t.name)},F).toString():"",p}var Me=new ke,ze=Fe(),$e=React.createContext({shouldForwardProp:void 0,styleSheet:Me,stylis:ze});$e.Consumer;React.createContext(void 0);function Ge(){return reactExports.useContext($e)}var qe=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=ze);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"));},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,ue(this,function(){throw he(12,String(n.name))});}return e.prototype.getName=function(e){return void 0===e&&(e=ze),this.name+e.hash},e}(),We=function(e){return e>="A"&&e<="Z"};function He(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e;We(r)?t+="-"+r.toLowerCase():t+=r;}return t.startsWith("ms-")?"-"+t:t}var Ue=function(e){return null==e||!1===e||""===e},Je=function(t){var n,r,o=[];for(var s in t){var i=t[s];t.hasOwnProperty(s)&&!Ue(i)&&(Array.isArray(i)&&i.isCss||oe(i)?o.push("".concat(He(s),":"),i,";"):ce(i)?o.push.apply(o,__spreadArray(__spreadArray(["".concat(s," {")],Je(i),!1),["}"],!1)):o.push("".concat(He(s),": ").concat((n=s,null==(r=i)||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||n in unitlessKeys||n.startsWith("--")?String(r).trim():"".concat(r,"px")),";")));}return o};function Xe(e,t,n,r){if(Ue(e))return [];if(se(e))return [".".concat(e.styledComponentId)];if(oe(e)){if(!oe(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return [e];var o=e(t);return "production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||o instanceof qe||ce(o)||null===o||console.error("".concat(B(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Xe(o,t,n,r)}var s;return e instanceof qe?n?(e.inject(n,r),[e.getName(r)]):[e]:ce(e)?Je(e):Array.isArray(e)?Array.prototype.concat.apply(_,e.map(function(e){return Xe(e,t,n,r)})):[e.toString()]}function Ze(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(oe(n)&&!se(n))return !1}return !0}var Ke=z(v),Qe=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Ze(e),this.componentId=t,this.baseHash=M(Ke,t),this.baseStyle=n,ke.registerId(t);}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))r=ie(r,this.staticRulesId);else {var o=ae(Xe(this.rules,e,t,n)),s=x(M(this.baseHash,o)>>>0);if(!t.hasNameForId(this.componentId,s)){var i=n(o,".".concat(s),void 0,this.componentId);t.insertRules(this.componentId,s,i);}r=ie(r,s),this.staticRulesId=s;}else {for(var a=M(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process.env.NODE_ENV&&(a=M(a,u));else if(u){var p=ae(Xe(u,e,t,n));a=M(a,p+l),c+=p;}}if(c){var d=x(a>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),r=ie(r,d);}}return r},e}(),et=React.createContext(void 0);et.Consumer;var ot={},st=new Set;function it(e,o,s){var i=se(e),a=e,c=!L(e),p=o.attrs,d=void 0===p?_:p,h=o.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":R(e);ot[n]=(ot[n]||0)+1;var r="".concat(n,"-").concat($(v+n+ot[n]));return t?"".concat(t,"-").concat(r):r}(o.displayName,o.parentComponentId):h,m=o.displayName,y=void 0===m?function(e){return L(e)?"styled.".concat(e):"Styled(".concat(B(e),")")}(e):m,g=o.displayName&&o.componentId?"".concat(R(o.displayName),"-").concat(o.componentId):o.componentId||f,S=i&&a.attrs?a.attrs.concat(d).filter(Boolean):d,w=o.shouldForwardProp;if(i&&a.shouldForwardProp){var b=a.shouldForwardProp;if(o.shouldForwardProp){var E=o.shouldForwardProp;w=function(e,t){return b(e,t)&&E(e,t)};}else w=b;}var N=new Qe(s,g,i?a.componentStyle:void 0);function O(e,o){return function(e,o,s){var i=e.attrs,a=e.componentStyle,c=e.defaultProps,p=e.foldedComponentIds,d=e.styledComponentId,h=e.target,f=React.useContext(et),m=Ge(),y=e.shouldForwardProp||m.shouldForwardProp;"production"!==process.env.NODE_ENV&&reactExports.useDebugValue(d);var v=I(o,f,c)||C,g=function(e,n,r){for(var o,s=__assign(__assign({},n),{className:void 0,theme:r}),i=0;i<e.length;i+=1){var a=oe(o=e[i])?o(s):o;for(var c in a)s[c]="className"===c?ie(s[c],a[c]):"style"===c?__assign(__assign({},s[c]),a[c]):a[c];}return n.className&&(s.className=ie(s.className,n.className)),s}(i,o,v),S=g.as||h,w={};for(var b in g)void 0===g[b]||"$"===b[0]||"as"===b||"theme"===b&&g.theme===v||("forwardedAs"===b?w.as=g.forwardedAs:y&&!y(b,S)||(w[b]=g[b],y||"development"!==process.env.NODE_ENV||isPropValid(b)||st.has(b)||!A.has(S)||(st.add(b),console.warn('styled-components: it looks like an unknown prop "'.concat(b,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var E=function(e,t){var n=Ge(),r=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return "production"!==process.env.NODE_ENV&&reactExports.useDebugValue(r),r}(a,g);"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(E);var N=ie(p,d);return E&&(N+=" "+E),g.className&&(N+=" "+g.className),w[L(S)&&!A.has(S)?"class":"className"]=N,s&&(w.ref=s),reactExports.createElement(S,w)}(D,e,o)}O.displayName=y;var D=React.forwardRef(O);return D.attrs=S,D.componentStyle=N,D.displayName=y,D.shouldForwardProp=w,D.foldedComponentIds=i?ie(a.foldedComponentIds,a.styledComponentId):"",D.styledComponentId=g,D.target=i?a.target:e,Object.defineProperty(D,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0,o=t;r<o.length;r++)le(e,o[r],!0);return e}({},a.defaultProps,e):e;}}),"production"!==process.env.NODE_ENV&&(P(y,g),D.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var s=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(s,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))`width: 100%;`\n\n <Component />"),r=!0,n={};}}}(y,g)),ue(D,function(){return ".".concat(D.styledComponentId)}),c&&re(D,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),D}function at(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n}var ct=function(e){return Object.assign(e,{isCss:!0})};function lt(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];if(oe(t)||ce(t))return ct(Xe(at(_,__spreadArray([t],n,!0))));var o=t;return 0===n.length&&1===o.length&&"string"==typeof o[0]?Xe(o):ct(Xe(at(o,n)))}function ut(n,r,o){if(void 0===o&&(o=C),!r)throw he(1,r);var s=function(t){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return n(r,o,lt.apply(void 0,__spreadArray([t],s,!1)))};return s.attrs=function(e){return ut(n,r,__assign(__assign({},o),{attrs:Array.prototype.concat(o.attrs,e).filter(Boolean)}))},s.withConfig=function(e){return ut(n,r,__assign(__assign({},o),e))},s}var pt=function(e){return ut(it,e)},dt=pt;A.forEach(function(e){dt[e]=pt(e);});"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var wt="__sc-".concat(f,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[wt]||(window[wt]=0),1===window[wt]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[wt]+=1);
23893
23877
 
23894
- const axiosSubmit = axios$1.create({
23878
+ axios$1.create({
23895
23879
  authorization: `Bearer ${localStorage.getItem("accessToken")}`,
23896
23880
  timeout: 120000,
23897
23881
  maxBodyLength: 104857600 //100mb 104857600
23898
23882
  ,
23899
23883
  maxContentLength: 104857600 //100mb
23900
23884
  });
23901
- const StyledCover = dt.div`
23885
+ dt.div`
23902
23886
  border:2px solid red;
23903
23887
  `;
23904
- const Cover = ({
23905
- children
23906
- }) => {
23907
- return /*#__PURE__*/React.createElement(StyledCover, null, children);
23908
- };
23909
23888
  class JRSubmit extends React.Component {
23910
- #methods = ['get', 'post', 'put', 'patch', 'delete', 'download'];
23911
- constructor(props) {
23912
- super(props);
23913
- if (this.props.value === undefined && this.props.initValue !== undefined) {
23914
- if (this.props.onChange === undefined) {
23915
- this.state = {
23916
- value: props.initValue,
23917
- rawValue: JSON.parse(JSON.stringify(props.initValue))
23918
- };
23919
- }
23920
- }
23921
- }
23922
- componentDidMount() {
23923
- this.#methods.filter(method => this[method] && this.props[method] && this.props[method].autoRun).forEach(method => {
23924
- this[method]();
23925
- });
23926
- }
23927
- get(_config = {}) {
23928
- const config = Object.assign({
23929
- method: 'get',
23930
- updateValue: true
23931
- // ,updateRawValue:true
23932
- }, this.props['get'], _config);
23933
- this.submit(config);
23934
- }
23935
- post(config = {}) {
23936
- config = Object.assign({
23937
- method: 'post',
23938
- updateValue: false
23939
- }, this.props['post'], config);
23940
- this.submit(config);
23941
- }
23942
- put(config = {}) {
23943
- config = Object.assign({
23944
- method: 'put',
23945
- updateValue: false
23946
- }, this.props['put'], config);
23947
- this.submit(config);
23948
- }
23949
- delete(config = {}) {
23950
- config = Object.assign({
23951
- method: 'delete',
23952
- updateValue: false
23953
- }, this.props['delete'], config);
23954
- this.submit(config);
23955
- }
23956
- get from() {
23957
- return this.props.value === undefined ? 'state' : 'props';
23958
- }
23959
- get isDirty() {
23960
- return this.state?.isDirty;
23961
- }
23962
- set isDirty(isDirty) {
23963
- this.setState({
23964
- isDirty
23965
- });
23966
- }
23967
- get rawValue() {
23968
- return this.state?.rawValue;
23969
- }
23970
- setRawValue(rawValue) {
23971
- this.setState({
23972
- rawValue: JSON.parse(JSON.stringify(rawValue ?? ''))
23973
- });
23974
- }
23975
- reset() {
23976
- this.setValue(this.rawValue, true);
23977
- }
23978
- setValue(value, reset = false) {
23979
- if (this.props.onChange) {
23980
- this.props.onChange(value);
23981
- } else {
23982
- this.setState({
23983
- value
23984
- });
23985
- }
23986
- if (reset) {
23987
- this.setRawValue(value);
23988
- }
23989
- this.isDirty = !reset;
23990
- }
23991
- setRes(isSuccess, response, config) {
23992
- if (isSuccess && config.updateValue) {
23993
- const value = config.formatValue?.bind(this)(response.data) ?? response.data;
23994
- response.data = value;
23995
- this.setValue(value, true);
23996
- } else if (config.updateValue) {
23997
- this.setValue(null, true);
23998
- }
23999
- }
24000
- #getValueByName(fullnamList, record) {
24001
- const name = fullnamList.shift();
24002
- if (fullnamList.length == 0) {
24003
- return record?.[name];
24004
- } else if (record?.[name] != null) {
24005
- return this.#getValueByName(fullnamList, record[name]);
24006
- }
24007
- }
24008
- getValue(fullname) {
24009
- if (fullname) {
24010
- const fullnamList = fullname.split('.');
24011
- return this.#getValueByName(fullnamList, this[this.from]?.value);
24012
- } else {
24013
- return flexType(this[this.from]?.value, this, null, null);
24014
- }
24015
- }
24016
- getSubmitValue() {
24017
- return this.getValue();
24018
- }
24019
- getAxiosParams({
24020
- url,
24021
- method,
24022
- value,
24023
- extraValue,
24024
- sendValue,
24025
- transformValue,
24026
- ...params
24027
- }) {
24028
- const _extraValue = extraValue?.bind?.(this)() ?? extraValue;
24029
- // let payload=typeof value === 'function'
24030
- // ?value.bind(this)({
24031
- // ...this.getSubmitValue()
24032
- // ,..._extraValue
24033
- // })
24034
- // :value==null
24035
- // ?{
24036
- // ...this.getSubmitValue()
24037
- // ,..._extraValue
24038
- // }
24039
- // :{
24040
- // ...value
24041
- // ,..._extraValue
24042
- // }
24043
- let payload = value?.bind?.(this)({
24044
- ...this.getSubmitValue(),
24045
- ..._extraValue
24046
- }) ?? value == null ? {
24047
- ...this.getSubmitValue(),
24048
- ..._extraValue
24049
- } : {
24050
- ...value,
24051
- ..._extraValue
24052
- };
24053
- if (transformValue) {
24054
- payload = transformValue.bind(this)(payload);
24055
- }
24056
- const headers = {
24057
- authorization: `Bearer ${localStorage.getItem("accessToken")}`
24058
- };
24059
- let params1 = {};
24060
- const params2 = {};
24061
- if (method == 'get') {
24062
- if (sendValue == null || sendValue) params1.params = payload;
24063
- params1.headers = headers;
24064
- } else if (method == 'delete') {
24065
- if (sendValue == null || sendValue) params1.data = payload;
24066
- params1.headers = headers;
24067
- } else {
24068
- if (sendValue == null || sendValue) {
24069
- params1 = payload;
24070
- } else {
24071
- params1 = null;
24072
- }
24073
- params2.headers = headers;
24074
- }
24075
- return {
24076
- url: colonValueString(url, payload),
24077
- method,
24078
- params1,
24079
- params2,
24080
- payload
24081
- };
24082
- }
24083
- reload() {
24084
- po('reload 還沒有做 ');
24085
- }
24086
- submit(config) {
24087
- const me = this;
24088
- // displaySpinner({mask:config.mask})++++++++++++++
24089
- this.setState({
24090
- loading: true
24091
- });
24092
- let _payload;
24093
- (() => {
24094
- if (Array.isArray(config.url)) {
24095
- _payload = [];
24096
- return Promise.allSettled(config.url.map(_url => {
24097
- const urlParams = typeof _url === 'object' ? _url : {
24098
- url: _url
24099
- };
24100
- const finalConfig = Object.assign(config, urlParams);
24101
- const {
24102
- url,
24103
- method,
24104
- params1,
24105
- params2,
24106
- payload
24107
- } = this.getAxiosParams(finalConfig);
24108
- _payload.push(payload);
24109
- return axiosSubmit[method](url, params1, params2);
24110
- }));
24111
- } else {
24112
- const {
24113
- url,
24114
- method,
24115
- params1,
24116
- params2,
24117
- payload
24118
- } = this.getAxiosParams(config);
24119
- _payload = payload;
24120
- return axiosSubmit[method](url, params1, params2);
24121
- }
24122
- })().then(res => {
24123
- this.handleResponse(res, _payload, config);
24124
- }).catch(res => {
24125
- this.handleResponse(res, _payload, config);
24126
- }).finally(function (a, b, c) {
24127
- me.setState({
24128
- loading: false
24129
- });
24130
- // displaySpinner({mask:false})+++++++++++++++++++++++
24131
- });
24132
- }
24133
- handleResponse = (response, payload, config) => {
24134
- if (Array.isArray(response)) {
24135
- response = response.map((re, index) => {
24136
- if (re.value) {
24137
- re.value.payload = payload[index];
24138
- } else if (re.reason) {
24139
- re.reason.payload = payload[index];
24140
- }
24141
- return re;
24142
- });
24143
- } else {
24144
- response.payload = payload;
24145
- }
24146
- response = config?.response?.bind(this)(response, payload) ?? response;
24147
- const isSuccess = response.status >= 200 && response.status <= 299;
24148
- this.setRes(isSuccess, response, config);
24149
- if (isSuccess) {
24150
- if (config.successMessage) ;
24151
- } else {
24152
- if (config.failedMessage) ;
24153
- }
24154
- config.callback?.bind(this)(isSuccess, response, payload);
24155
- };
24156
- renderer() {
24157
- return;
24158
- }
24159
23889
  render() {
24160
- return this.props.cover != null && this.state?.lodaing ? /*#__PURE__*/React.createElement(Cover, null, flexType(this.props.cover, this, null, null)) : this.renderer();
23890
+ return /*#__PURE__*/React.createElement("div", null, "JRSubmit");
24161
23891
  }
24162
23892
  }
24163
23893
 
24164
- const StyledJRFrame = dt.div`
23894
+ // export default class JRSubmit extends React.Component {
23895
+ // #methods = ['get', 'post', 'put','patch','delete','download']
23896
+
23897
+ // constructor(props) {
23898
+ // super(props)
23899
+ // if(this.props.value===undefined && this.props.initValue!==undefined ){
23900
+ // if(this.props.onChange===undefined){
23901
+ // this.state={
23902
+ // value:props.initValue
23903
+ // ,rawValue:JSON.parse(JSON.stringify(props.initValue))
23904
+ // }
23905
+ // }
23906
+ // }
23907
+ // }
23908
+ // componentDidMount() {
23909
+ // this.#methods
23910
+ // .filter((method) => this[method] && this.props[method] && this.props[method].autoRun)
23911
+ // .forEach((method) => {
23912
+ // this[method]()
23913
+ // })
23914
+ // }
23915
+ // get(_config = {}) {
23916
+ // const config = Object.assign(
23917
+ // {
23918
+ // method:'get'
23919
+ // ,updateValue:true
23920
+ // // ,updateRawValue:true
23921
+ // }
23922
+ // ,this.props['get']
23923
+ // ,_config
23924
+ // )
23925
+ // this.submit(config)
23926
+ // }
23927
+
23928
+ // post(config = {}) {
23929
+ // config = Object.assign(
23930
+ // {
23931
+ // method:'post'
23932
+ // ,updateValue:false
23933
+ // }
23934
+ // ,this.props['post']
23935
+ // ,config
23936
+ // )
23937
+ // this.submit(config)
23938
+ // }
23939
+
23940
+ // put(config = {}) {
23941
+ // config = Object.assign(
23942
+ // {
23943
+ // method:'put'
23944
+ // ,updateValue:false
23945
+ // }
23946
+ // ,this.props['put']
23947
+ // ,config
23948
+ // )
23949
+ // this.submit(config)
23950
+ // }
23951
+
23952
+ // delete(config = {}) {
23953
+ // config = Object.assign(
23954
+ // {
23955
+ // method:'delete'
23956
+ // ,updateValue:false
23957
+ // }
23958
+ // ,this.props['delete']
23959
+ // ,config
23960
+ // )
23961
+ // this.submit(config)
23962
+ // }
23963
+
23964
+ // get from(){
23965
+ // return this.props.value===undefined?'state':'props'
23966
+ // }
23967
+
23968
+ // get isDirty(){
23969
+ // return this.state?.isDirty
23970
+ // }
23971
+ // set isDirty(isDirty){
23972
+ // this.setState({isDirty})
23973
+ // }
23974
+ // get rawValue(){
23975
+ // return this.state?.rawValue
23976
+ // }
23977
+ // setRawValue(rawValue){
23978
+ // this.setState({rawValue:JSON.parse(JSON.stringify(rawValue??''))})
23979
+ // }
23980
+ // reset(){
23981
+ // this.setValue(this.rawValue,true)
23982
+ // }
23983
+ // setValue(value,reset=false){
23984
+ // if(this.props.onChange){
23985
+ // this.props.onChange(value)
23986
+ // }else{
23987
+ // this.setState({value})
23988
+ // }
23989
+
23990
+ // if(reset){
23991
+ // this.setRawValue(value)
23992
+ // }
23993
+ // this.isDirty=!reset
23994
+ // }
23995
+ // setRes(isSuccess,response,config){
23996
+ // if (isSuccess && config.updateValue) {
23997
+ // const value=config.formatValue?.bind(this)(response.data)??response.data
23998
+ // response.data=value
23999
+ // this.setValue(value,true)
24000
+ // } else if(config.updateValue){
24001
+ // this.setValue(null,true)
24002
+ // }
24003
+ // }
24004
+ // #getValueByName(fullnamList,record){
24005
+ // const name=fullnamList.shift()
24006
+ // if(fullnamList.length==0){
24007
+ // return record?.[name]
24008
+ // }else if(record?.[name]!=null){
24009
+ // return this.#getValueByName(fullnamList,record[name])
24010
+ // }
24011
+ // }
24012
+
24013
+ // getValue(fullname){
24014
+ // if(fullname){
24015
+ // const fullnamList=fullname.split('.')
24016
+ // return this.#getValueByName(fullnamList,this[this.from]?.value)
24017
+ // }else{
24018
+ // return flexType(this[this.from]?.value,this,null,null)
24019
+ // }
24020
+ // }
24021
+
24022
+ // getSubmitValue(){
24023
+ // return this.getValue()
24024
+ // }
24025
+
24026
+ // getAxiosParams({url,method,value,extraValue,sendValue,transformValue,...params}){
24027
+ // const _extraValue=extraValue?.bind?.(this)() ?? extraValue
24028
+ // // let payload=typeof value === 'function'
24029
+ // // ?value.bind(this)({
24030
+ // // ...this.getSubmitValue()
24031
+ // // ,..._extraValue
24032
+ // // })
24033
+ // // :value==null
24034
+ // // ?{
24035
+ // // ...this.getSubmitValue()
24036
+ // // ,..._extraValue
24037
+ // // }
24038
+ // // :{
24039
+ // // ...value
24040
+ // // ,..._extraValue
24041
+ // // }
24042
+ // let payload=value?.bind?.(this)({
24043
+ // ...this.getSubmitValue()
24044
+ // ,..._extraValue
24045
+ // })
24046
+ // ?? value==null
24047
+ // ?{
24048
+ // ...this.getSubmitValue()
24049
+ // ,..._extraValue
24050
+ // }
24051
+ // :{
24052
+ // ...value
24053
+ // ,..._extraValue
24054
+ // }
24055
+
24056
+ // if(transformValue){
24057
+ // payload=transformValue.bind(this)(payload)
24058
+ // }
24059
+ // const headers={
24060
+ // authorization: `Bearer ${localStorage.getItem("accessToken")}`
24061
+ // }
24062
+ // let params1={}
24063
+ // const params2={}
24064
+ // if(method=='get'){
24065
+ // if(sendValue==null || sendValue)params1.params=payload
24066
+ // params1.headers=headers
24067
+ // }else if(method=='delete'){
24068
+ // if(sendValue==null || sendValue)params1.data=payload
24069
+ // params1.headers=headers
24070
+ // }else{
24071
+ // if(sendValue==null || sendValue){
24072
+ // params1=payload
24073
+ // }else{
24074
+ // params1=null
24075
+ // }
24076
+ // params2.headers=headers
24077
+ // }
24078
+ // return {
24079
+ // url:colonValueString(url,payload)
24080
+ // ,method
24081
+ // ,params1
24082
+ // ,params2
24083
+ // ,payload
24084
+ // }
24085
+ // }
24086
+
24087
+ // reload(){
24088
+ // po('reload 還沒有做 ')
24089
+ // }
24090
+
24091
+ // submit(config){
24092
+ // const me=this
24093
+ // // displaySpinner({mask:config.mask})++++++++++++++
24094
+ // this.setState({loading:true})
24095
+ // let _payload
24096
+ // ;(()=>{
24097
+ // if (Array.isArray(config.url)) {
24098
+ // _payload=[]
24099
+ // return Promise.allSettled(
24100
+ // config.url.map((_url) => {
24101
+ // const urlParams=typeof _url === 'object'
24102
+ // ?_url
24103
+ // :{url: _url}
24104
+ // const finalConfig=Object.assign(config,urlParams)
24105
+ // const {url,method,params1,params2,payload}=this.getAxiosParams(finalConfig)
24106
+ // _payload.push(payload)
24107
+ // return axiosSubmit[method](url,params1,params2)
24108
+ // })
24109
+ // )
24110
+ // }else{
24111
+ // const {url,method,params1,params2,payload}=this.getAxiosParams(config)
24112
+ // _payload=payload
24113
+ // return axiosSubmit[method](url,params1,params2)
24114
+ // }
24115
+ // })()
24116
+ // .then((res)=>{
24117
+ // this.handleResponse(res,_payload,config)
24118
+ // })
24119
+ // .catch((res)=>{
24120
+ // this.handleResponse(res,_payload,config)
24121
+ // })
24122
+ // .finally(function (a,b,c) {
24123
+ // me.setState({loading:false})
24124
+ // // displaySpinner({mask:false})+++++++++++++++++++++++
24125
+ // })
24126
+ // }
24127
+
24128
+ // handleResponse=(response,payload,config)=>{
24129
+ // if(Array.isArray(response)){
24130
+ // response=response.map((re,index)=>{
24131
+ // if(re.value){
24132
+ // re.value.payload=payload[index]
24133
+ // }else if(re.reason){
24134
+ // re.reason.payload=payload[index]
24135
+ // }
24136
+ // return re
24137
+ // })
24138
+ // }else{
24139
+ // response.payload=payload
24140
+ // }
24141
+
24142
+ // response = config?.response?.bind(this)(response,payload) ?? response
24143
+ // const isSuccess = response.status >= 200 && response.status <= 299
24144
+
24145
+ // this.setRes(isSuccess,response,config)
24146
+ // if (isSuccess) {
24147
+ // if (config.successMessage) {
24148
+ // // msg.success({ message:config.successMessage });+++++++++++++++++++++
24149
+ // }
24150
+ // } else {
24151
+ // if (config.failedMessage) {
24152
+ // // msg.error({ message:config.failedMessage });+++++++++++++++++++++++
24153
+ // }
24154
+ // }
24155
+ // config.callback?.bind(this)(isSuccess,response,payload)
24156
+ // }
24157
+
24158
+ // renderer(){
24159
+ // return
24160
+ // }
24161
+
24162
+ // render() {
24163
+ // return this.props.cover!=null && this.state?.lodaing
24164
+ // ?<Cover>{flexType(this.props.cover,this,null,null)}</Cover>
24165
+ // :this.renderer()
24166
+ // }
24167
+ // }
24168
+
24169
+ dt.div`
24165
24170
  display:flex;
24166
24171
  flex:1;
24167
24172
  overflow:hidden;
@@ -24197,70 +24202,6 @@ const StyledJRFrame = dt.div`
24197
24202
 
24198
24203
  `;
24199
24204
 
24200
- const FreeType = ({
24201
- tag: Tag,
24202
- config,
24203
- me,
24204
- className
24205
- }) => {
24206
- if (typeof config === 'function') {
24207
- let style;
24208
- const setStyle = function (_style) {
24209
- style = _style;
24210
- };
24211
- const content = config.bind(me)({
24212
- setStyle
24213
- });
24214
- return /*#__PURE__*/React.createElement(Tag, {
24215
- className: className,
24216
- style: style
24217
- }, content);
24218
- }
24219
- };
24220
- class JRFrame extends JRSubmit {
24221
- renderer() {
24222
- return /*#__PURE__*/React.createElement(StyledJRFrame, {
24223
- style: this.props.style,
24224
- className: `${this.props.className} jr-frame`
24225
- }, /*#__PURE__*/React.createElement(FreeType, {
24226
- tag: "div",
24227
- config: this.props.start,
24228
- me: this,
24229
- className: 'start'
24230
- }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
24231
- tag: "header",
24232
- config: this.props.top,
24233
- me: this
24234
- }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
24235
- tag: "div",
24236
- config: this.props.left,
24237
- me: this,
24238
- className: 'left'
24239
- }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType, {
24240
- tag: "div",
24241
- config: this.props.right,
24242
- me: this,
24243
- className: 'right'
24244
- })), /*#__PURE__*/React.createElement(FreeType, {
24245
- tag: "footer",
24246
- config: this.props.bottom,
24247
- me: this
24248
- })), /*#__PURE__*/React.createElement(FreeType, {
24249
- tag: "div",
24250
- config: this.props.end,
24251
- me: this,
24252
- className: 'end'
24253
- }));
24254
- }
24255
- renderMe() {
24256
- return /*#__PURE__*/React.createElement("div", {
24257
- style: {
24258
- flex: 1
24259
- }
24260
- }, "Render me");
24261
- }
24262
- }
24263
-
24264
24205
  function JRTest() {
24265
24206
  return 'I am JRTest string';
24266
24207
  }
@@ -24270,7 +24211,6 @@ class JRTestReact extends React.Component {
24270
24211
  }
24271
24212
  }
24272
24213
 
24273
- exports.JRFrame = JRFrame;
24274
24214
  exports.JRSubmit = JRSubmit;
24275
24215
  exports.JRTest = JRTest;
24276
24216
  exports.JRTestReact = JRTestReact;