@hyperdart/frontend 1.0.1 → 1.0.4
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/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +167 -1
- package/dist/index.modern.js.map +1 -1
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-router-dom"),a=require("@material-ui/core/styles");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},s.apply(this,arguments)}const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-router-dom"),a=require("@material-ui/core/styles");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},s.apply(this,arguments)}!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("/* add css module styles here (optional) */\nhtml, body {\n\tmargin: 0;\n\tpadding: 0;\n\theight: 100%;\n\twidth: 100%;\n\tposition: fixed;\n\toverflow: hidden;\n\tfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n }\n \n.styles-module_test__1m8-E {\n margin: 2em;\n padding: 0.5em;\n border: 2px solid #000;\n font-size: 2em;\n text-align: center;\n}\n");const i={default:{palette:{type:"light"},typography:{useNextVariants:!0}},light:{palette:{primary:{main:"#F05F40"},secondary:{main:"#40f0bb"},type:"light"},typography:{useNextVariants:!0}},dark:{palette:{primary:{main:"#F05F40"},secondary:{main:"#40f0bb"},type:"dark"},typography:{useNextVariants:!0}},lightsOut:{palette:{primary:{main:"#F05F40"},type:"dark",background:{default:"#000",paper:"#000"}},shadows:Array(25).fill("0px 4px 12px #888888"),typography:{useNextVariants:!0}}};class l extends e.Component{constructor(e){super(e),this.state={themeName:e.themeName||"light"},this.theme=a.createTheme(i[this.state.themeName])}componentDidUpdate(e){this.props.themeName!==e.themeName&&(this.theme=a.createTheme(i[this.props.themeName]),this.setState({themeName:this.props.themeName}))}render(){return n.default.createElement(a.MuiThemeProvider,{theme:this.theme},this.props.children)}}exports.styles={test:"styles-module_test__1m8-E"},exports.themes=i,exports.withHD=a=>r=>{let{quickPanel:i,basename:o,...m}=r?{...r}:{};return i=i||!0,o=o||"",m.search=m.search||(e=>console.log("New query = ",e)),console.log("props in withHD",m),n.default.createElement(e.Fragment,null,r.match?n.default.createElement(a,r):n.default.createElement(t.BrowserRouter,{basename:o},n.default.createElement(l,{themeName:r.UIOptions?.themeName},n.default.createElement(t.Switch,null,n.default.createElement(t.Route,{path:r.baseURL,exact:!0,render:e=>n.default.createElement(a,s({},e,r,{quickPanel:i}))}),n.default.createElement(t.Route,{path:r.baseURL,render:e=>n.default.createElement(a,s({},e,r,{quickPanel:!1}))})))))};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/themes.js","../src/withHD.js"],"sourcesContent":["const themes = {\n\tdefault: {\n\t\tpalette: {\n\t\t\ttype: 'light',\n\t\t},\n\t\ttypography: { useNextVariants: true },\n\t},\n\tlight: {\n\t\tpalette: {\n\t\t\tprimary: {\n\t\t\t\tmain: '#F05F40'\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tmain: '#40f0bb'\n\t\t\t},\n\t\t\ttype: 'light',\n\t\t},\n\t\ttypography: { useNextVariants: true },\n\t},\n\tdark: {\n\t\tpalette: {\n\t\t\tprimary: {\n\t\t\t\tmain: '#F05F40'\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tmain: '#40f0bb'\n\t\t\t},\n\t\t\ttype: 'dark',\n\t\t},\n\t\ttypography: { useNextVariants: true },\n\t},\n\tlightsOut: {\n\t\tpalette: {\n\t\t\tprimary: {\n\t\t\t\tmain: '#F05F40'\n \t\t},\n\t\t\ttype: 'dark',\n\t\t\tbackground: {\n\t\t\t\tdefault: '#000',\n\t\t\t\tpaper: '#000'\n\t\t\t}\n\t\t},\n\t\tshadows: Array(25).fill('0px 4px 12px #888888'),\n\t\ttypography: { useNextVariants: true },\n\t}\n}\n\nexport default themes;\n","import React, {Fragment, Component} from 'react'\nimport { BrowserRouter, Route, Switch } from 'react-router-dom';\nimport { MuiThemeProvider, createTheme } from '@material-ui/core/styles'\nimport themes from './themes'\n\nclass HDTheme extends Component {\n\tconstructor(props) {\n\t\tsuper(props)\n\t\tthis.state = {\n\t\t\tthemeName: props.themeName || 'light'\n\t\t};\n\t\tthis.theme = createTheme(themes[this.state.themeName])\n\t}\n\tcomponentDidUpdate(prevProps) {\n\t\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/themes.js","../src/withHD.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","const themes = {\n\tdefault: {\n\t\tpalette: {\n\t\t\ttype: 'light',\n\t\t},\n\t\ttypography: { useNextVariants: true },\n\t},\n\tlight: {\n\t\tpalette: {\n\t\t\tprimary: {\n\t\t\t\tmain: '#F05F40'\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tmain: '#40f0bb'\n\t\t\t},\n\t\t\ttype: 'light',\n\t\t},\n\t\ttypography: { useNextVariants: true },\n\t},\n\tdark: {\n\t\tpalette: {\n\t\t\tprimary: {\n\t\t\t\tmain: '#F05F40'\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tmain: '#40f0bb'\n\t\t\t},\n\t\t\ttype: 'dark',\n\t\t},\n\t\ttypography: { useNextVariants: true },\n\t},\n\tlightsOut: {\n\t\tpalette: {\n\t\t\tprimary: {\n\t\t\t\tmain: '#F05F40'\n \t\t},\n\t\t\ttype: 'dark',\n\t\t\tbackground: {\n\t\t\t\tdefault: '#000',\n\t\t\t\tpaper: '#000'\n\t\t\t}\n\t\t},\n\t\tshadows: Array(25).fill('0px 4px 12px #888888'),\n\t\ttypography: { useNextVariants: true },\n\t}\n}\n\nexport default themes;\n","import React, {Fragment, Component} from 'react'\nimport { BrowserRouter, Route, Switch } from 'react-router-dom';\nimport { MuiThemeProvider, createTheme } from '@material-ui/core/styles'\nimport themes from './themes'\n\nclass HDTheme extends Component {\n\tconstructor(props) {\n\t\tsuper(props)\n\t\tthis.state = {\n\t\t\tthemeName: props.themeName || 'light'\n\t\t};\n\t\tthis.theme = createTheme(themes[this.state.themeName])\n\t}\n\tcomponentDidUpdate(prevProps) {\n\t\tif (this.props.themeName !== prevProps.themeName) {\n\t\t\tthis.theme = createTheme(themes[this.props.themeName])\n\t\t\tthis.setState({themeName: this.props.themeName})\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<MuiThemeProvider theme={this.theme}>\n\t\t\t\t{this.props.children}\n\t\t\t</MuiThemeProvider>\n\t\t)\n\t}\n}\n\n\nexport default (Comp) => (props) => {\n\tlet {quickPanel, basename, ...propsCopy} = props ? {...props} : {}\n\tquickPanel = quickPanel || true\n\tbasename = basename || ''\n\t// propsCopy.search = (query) => this.props.history.push('/web/search?q=' + decodeURIComponent(query)\n\tpropsCopy.search = propsCopy.search || ((query) => console.log('New query = ', query))\n\t// props_copy.query = props_copy.query || props_copy.searchData?.query || ''\n\tconsole.log('props in withHD', propsCopy)\n\treturn (\n\t\t<Fragment>\n\t\t{ props.match ?\n\t\t\t(\n\t\t\t\t<Comp {...props} />\n\t\t\t)\n\t\t\t:\n\t\t\t(\n\t\t\t\t<BrowserRouter basename={basename}>\n\t\t\t\t<HDTheme themeName={props.UIOptions?.themeName}>\n\t\t\t\t\t<Switch>\n\t\t\t\t\t\t<Route path={props.baseURL} exact render={(p) => <Comp {...p} {...props} quickPanel={quickPanel}/> }/>\n\t\t\t\t\t\t<Route path={props.baseURL} render={(p) => <Comp {...p} {...props} quickPanel={false} /> }/>\n\t\t\t\t\t</Switch>\n\t\t\t\t</HDTheme>\n\t\t\t\t</BrowserRouter>\n\t\t\t)\n\t\t}\n\t\t</Fragment>\n\t)\n}"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","themes","default","palette","typography","useNextVariants","light","primary","main","secondary","dark","lightsOut","background","paper","shadows","Array","fill","HDTheme","Component","constructor","props","super","this","state","themeName","theme","createTheme","componentDidUpdate","prevProps","setState","render","React","MuiThemeProvider","children","Comp","quickPanel","basename","propsCopy","search","query","console","log","Fragment","match","BrowserRouter","UIOptions","Switch","Route","path","baseURL","exact","p"],"mappings":"mcAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,IAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,2cCvB9C,MAAMe,EAAS,CACdC,QAAS,CACRC,QAAS,CACRT,KAAM,SAEPU,WAAY,CAAEC,iBAAiB,IAEhCC,MAAO,CACNH,QAAS,CACRI,QAAS,CACRC,KAAM,WAEPC,UAAW,CACVD,KAAM,WAEPd,KAAM,SAEPU,WAAY,CAAEC,iBAAiB,IAEhCK,KAAM,CACLP,QAAS,CACRI,QAAS,CACRC,KAAM,WAEPC,UAAW,CACVD,KAAM,WAEPd,KAAM,QAEPU,WAAY,CAAEC,iBAAiB,IAEhCM,UAAW,CACVR,QAAS,CACRI,QAAS,CACRC,KAAM,WAEPd,KAAM,OACNkB,WAAY,CACXV,QAAS,OACTW,MAAO,SAGTC,QAASC,MAAM,IAAIC,KAAK,wBACxBZ,WAAY,CAAEC,iBAAiB,KCtCjC,MAAMY,UAAgBC,EAAAA,UACrBC,YAAYC,GACXC,MAAMD,GACNE,KAAKC,MAAQ,CACZC,UAAWJ,EAAMI,WAAa,SAE/BF,KAAKG,MAAQC,cAAYzB,EAAOqB,KAAKC,MAAMC,YAE5CG,mBAAmBC,GACdN,KAAKF,MAAMI,YAAcI,EAAUJ,YACtCF,KAAKG,MAAQC,cAAYzB,EAAOqB,KAAKF,MAAMI,YAC3CF,KAAKO,SAAS,CAACL,UAAWF,KAAKF,MAAMI,aAGvCM,SACC,OACCC,wBAACC,mBAAD,CAAkBP,MAAOH,KAAKG,OAC5BH,KAAKF,MAAMa,6FAOAC,GAAUd,IACzB,IAAIe,WAACA,EAADC,SAAaA,KAAaC,GAAajB,EAAQ,IAAIA,GAAS,GAOhE,OANAe,EAAaA,IAAc,EAC3BC,EAAWA,GAAY,GAEvBC,EAAUC,OAASD,EAAUC,QAAYC,CAAAA,GAAUC,QAAQC,IAAI,eAAgBF,IAE/EC,QAAQC,IAAI,kBAAmBJ,GAE9BN,EAAC,QAAAtC,cAAAiD,EAADA,SACEtB,KAAAA,EAAMuB,MAENZ,EAAC,QAAAtC,cAAAyC,EAASd,GAIVW,EAAAA,sBAACa,EAAAA,cAAD,CAAeR,SAAUA,GACzBL,wBAACd,EAAD,CAASO,UAAWJ,EAAMyB,WAAWrB,WACpCO,EAAAA,QAACtC,cAAAqD,EAADA,OACC,KAAAf,EAAA,QAAAtC,cAACsD,QAAD,CAAOC,KAAM5B,EAAM6B,QAASC,OAA5B,EAAkCpB,OAASqB,GAAMpB,EAAAA,QAAAtC,cAACyC,EAASiB,EAAAA,GAAAA,EAAO/B,EAAjB,CAAwBe,WAAYA,OACrFJ,EAAAA,sBAACgB,QAAD,CAAOC,KAAM5B,EAAM6B,QAASnB,OAASqB,GAAMpB,EAAAA,QAAAtC,cAACyC,EAASiB,EAAAA,GAAAA,EAAO/B,EAAjB,CAAwBe,YAAY"}
|
package/dist/index.modern.js
CHANGED
|
@@ -1,2 +1,168 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { Fragment, Component } from 'react';
|
|
2
|
+
import { BrowserRouter, Switch, Route } from 'react-router-dom';
|
|
3
|
+
import { createTheme, MuiThemeProvider } from '@material-ui/core/styles';
|
|
4
|
+
|
|
5
|
+
function styleInject(css, ref) {
|
|
6
|
+
if ( ref === void 0 ) ref = {};
|
|
7
|
+
var insertAt = ref.insertAt;
|
|
8
|
+
|
|
9
|
+
if (!css || typeof document === 'undefined') { return; }
|
|
10
|
+
|
|
11
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
12
|
+
var style = document.createElement('style');
|
|
13
|
+
style.type = 'text/css';
|
|
14
|
+
|
|
15
|
+
if (insertAt === 'top') {
|
|
16
|
+
if (head.firstChild) {
|
|
17
|
+
head.insertBefore(style, head.firstChild);
|
|
18
|
+
} else {
|
|
19
|
+
head.appendChild(style);
|
|
20
|
+
}
|
|
21
|
+
} else {
|
|
22
|
+
head.appendChild(style);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
if (style.styleSheet) {
|
|
26
|
+
style.styleSheet.cssText = css;
|
|
27
|
+
} else {
|
|
28
|
+
style.appendChild(document.createTextNode(css));
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
var css_248z = "/* add css module styles here (optional) */\nhtml, body {\n\tmargin: 0;\n\tpadding: 0;\n\theight: 100%;\n\twidth: 100%;\n\tposition: fixed;\n\toverflow: hidden;\n\tfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n }\n \n.styles-module_test__1m8-E {\n margin: 2em;\n padding: 0.5em;\n border: 2px solid #000;\n font-size: 2em;\n text-align: center;\n}\n";
|
|
33
|
+
var styles_module = {"test":"styles-module_test__1m8-E"};
|
|
34
|
+
styleInject(css_248z);
|
|
35
|
+
|
|
36
|
+
function _extends() {
|
|
37
|
+
_extends = Object.assign || function (target) {
|
|
38
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
39
|
+
var source = arguments[i];
|
|
40
|
+
|
|
41
|
+
for (var key in source) {
|
|
42
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
43
|
+
target[key] = source[key];
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
return target;
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
return _extends.apply(this, arguments);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
const themes = {
|
|
55
|
+
default: {
|
|
56
|
+
palette: {
|
|
57
|
+
type: 'light'
|
|
58
|
+
},
|
|
59
|
+
typography: {
|
|
60
|
+
useNextVariants: true
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
light: {
|
|
64
|
+
palette: {
|
|
65
|
+
primary: {
|
|
66
|
+
main: '#F05F40'
|
|
67
|
+
},
|
|
68
|
+
secondary: {
|
|
69
|
+
main: '#40f0bb'
|
|
70
|
+
},
|
|
71
|
+
type: 'light'
|
|
72
|
+
},
|
|
73
|
+
typography: {
|
|
74
|
+
useNextVariants: true
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
dark: {
|
|
78
|
+
palette: {
|
|
79
|
+
primary: {
|
|
80
|
+
main: '#F05F40'
|
|
81
|
+
},
|
|
82
|
+
secondary: {
|
|
83
|
+
main: '#40f0bb'
|
|
84
|
+
},
|
|
85
|
+
type: 'dark'
|
|
86
|
+
},
|
|
87
|
+
typography: {
|
|
88
|
+
useNextVariants: true
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
lightsOut: {
|
|
92
|
+
palette: {
|
|
93
|
+
primary: {
|
|
94
|
+
main: '#F05F40'
|
|
95
|
+
},
|
|
96
|
+
type: 'dark',
|
|
97
|
+
background: {
|
|
98
|
+
default: '#000',
|
|
99
|
+
paper: '#000'
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
shadows: Array(25).fill('0px 4px 12px #888888'),
|
|
103
|
+
typography: {
|
|
104
|
+
useNextVariants: true
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
|
|
109
|
+
class HDTheme extends Component {
|
|
110
|
+
constructor(props) {
|
|
111
|
+
super(props);
|
|
112
|
+
this.state = {
|
|
113
|
+
themeName: props.themeName || 'light'
|
|
114
|
+
};
|
|
115
|
+
this.theme = createTheme(themes[this.state.themeName]);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
componentDidUpdate(prevProps) {
|
|
119
|
+
if (this.props.themeName !== prevProps.themeName) {
|
|
120
|
+
this.theme = createTheme(themes[this.props.themeName]);
|
|
121
|
+
this.setState({
|
|
122
|
+
themeName: this.props.themeName
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
render() {
|
|
128
|
+
return /*#__PURE__*/React.createElement(MuiThemeProvider, {
|
|
129
|
+
theme: this.theme
|
|
130
|
+
}, this.props.children);
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
var withHD = (Comp => props => {
|
|
136
|
+
let {
|
|
137
|
+
quickPanel,
|
|
138
|
+
basename,
|
|
139
|
+
...propsCopy
|
|
140
|
+
} = props ? { ...props
|
|
141
|
+
} : {};
|
|
142
|
+
quickPanel = quickPanel || true;
|
|
143
|
+
basename = basename || ''; // propsCopy.search = (query) => this.props.history.push('/web/search?q=' + decodeURIComponent(query)
|
|
144
|
+
|
|
145
|
+
propsCopy.search = propsCopy.search || (query => console.log('New query = ', query)); // props_copy.query = props_copy.query || props_copy.searchData?.query || ''
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
console.log('props in withHD', propsCopy);
|
|
149
|
+
return /*#__PURE__*/React.createElement(Fragment, null, props.match ? /*#__PURE__*/React.createElement(Comp, props) : /*#__PURE__*/React.createElement(BrowserRouter, {
|
|
150
|
+
basename: basename
|
|
151
|
+
}, /*#__PURE__*/React.createElement(HDTheme, {
|
|
152
|
+
themeName: props.UIOptions?.themeName
|
|
153
|
+
}, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
|
|
154
|
+
path: props.baseURL,
|
|
155
|
+
exact: true,
|
|
156
|
+
render: p => /*#__PURE__*/React.createElement(Comp, _extends({}, p, props, {
|
|
157
|
+
quickPanel: quickPanel
|
|
158
|
+
}))
|
|
159
|
+
}), /*#__PURE__*/React.createElement(Route, {
|
|
160
|
+
path: props.baseURL,
|
|
161
|
+
render: p => /*#__PURE__*/React.createElement(Comp, _extends({}, p, props, {
|
|
162
|
+
quickPanel: false
|
|
163
|
+
}))
|
|
164
|
+
})))));
|
|
165
|
+
});
|
|
166
|
+
|
|
167
|
+
export { styles_module as styles, themes, withHD };
|
|
2
168
|
//# sourceMappingURL=index.modern.js.map
|
package/dist/index.modern.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.modern.js","sources":["../src/themes.js","../src/withHD.js"],"sourcesContent":["const themes = {\n\tdefault: {\n\t\tpalette: {\n\t\t\ttype: 'light',\n\t\t},\n\t\ttypography: { useNextVariants: true },\n\t},\n\tlight: {\n\t\tpalette: {\n\t\t\tprimary: {\n\t\t\t\tmain: '#F05F40'\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tmain: '#40f0bb'\n\t\t\t},\n\t\t\ttype: 'light',\n\t\t},\n\t\ttypography: { useNextVariants: true },\n\t},\n\tdark: {\n\t\tpalette: {\n\t\t\tprimary: {\n\t\t\t\tmain: '#F05F40'\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tmain: '#40f0bb'\n\t\t\t},\n\t\t\ttype: 'dark',\n\t\t},\n\t\ttypography: { useNextVariants: true },\n\t},\n\tlightsOut: {\n\t\tpalette: {\n\t\t\tprimary: {\n\t\t\t\tmain: '#F05F40'\n \t\t},\n\t\t\ttype: 'dark',\n\t\t\tbackground: {\n\t\t\t\tdefault: '#000',\n\t\t\t\tpaper: '#000'\n\t\t\t}\n\t\t},\n\t\tshadows: Array(25).fill('0px 4px 12px #888888'),\n\t\ttypography: { useNextVariants: true },\n\t}\n}\n\nexport default themes;\n","import React, {Fragment, Component} from 'react'\nimport { BrowserRouter, Route, Switch } from 'react-router-dom';\nimport { MuiThemeProvider, createTheme } from '@material-ui/core/styles'\nimport themes from './themes'\n\nclass HDTheme extends Component {\n\tconstructor(props) {\n\t\tsuper(props)\n\t\tthis.state = {\n\t\t\tthemeName: props.themeName || 'light'\n\t\t};\n\t\tthis.theme = createTheme(themes[this.state.themeName])\n\t}\n\tcomponentDidUpdate(prevProps) {\n\t\
|
|
1
|
+
{"version":3,"file":"index.modern.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/themes.js","../src/withHD.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","const themes = {\n\tdefault: {\n\t\tpalette: {\n\t\t\ttype: 'light',\n\t\t},\n\t\ttypography: { useNextVariants: true },\n\t},\n\tlight: {\n\t\tpalette: {\n\t\t\tprimary: {\n\t\t\t\tmain: '#F05F40'\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tmain: '#40f0bb'\n\t\t\t},\n\t\t\ttype: 'light',\n\t\t},\n\t\ttypography: { useNextVariants: true },\n\t},\n\tdark: {\n\t\tpalette: {\n\t\t\tprimary: {\n\t\t\t\tmain: '#F05F40'\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tmain: '#40f0bb'\n\t\t\t},\n\t\t\ttype: 'dark',\n\t\t},\n\t\ttypography: { useNextVariants: true },\n\t},\n\tlightsOut: {\n\t\tpalette: {\n\t\t\tprimary: {\n\t\t\t\tmain: '#F05F40'\n \t\t},\n\t\t\ttype: 'dark',\n\t\t\tbackground: {\n\t\t\t\tdefault: '#000',\n\t\t\t\tpaper: '#000'\n\t\t\t}\n\t\t},\n\t\tshadows: Array(25).fill('0px 4px 12px #888888'),\n\t\ttypography: { useNextVariants: true },\n\t}\n}\n\nexport default themes;\n","import React, {Fragment, Component} from 'react'\nimport { BrowserRouter, Route, Switch } from 'react-router-dom';\nimport { MuiThemeProvider, createTheme } from '@material-ui/core/styles'\nimport themes from './themes'\n\nclass HDTheme extends Component {\n\tconstructor(props) {\n\t\tsuper(props)\n\t\tthis.state = {\n\t\t\tthemeName: props.themeName || 'light'\n\t\t};\n\t\tthis.theme = createTheme(themes[this.state.themeName])\n\t}\n\tcomponentDidUpdate(prevProps) {\n\t\tif (this.props.themeName !== prevProps.themeName) {\n\t\t\tthis.theme = createTheme(themes[this.props.themeName])\n\t\t\tthis.setState({themeName: this.props.themeName})\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<MuiThemeProvider theme={this.theme}>\n\t\t\t\t{this.props.children}\n\t\t\t</MuiThemeProvider>\n\t\t)\n\t}\n}\n\n\nexport default (Comp) => (props) => {\n\tlet {quickPanel, basename, ...propsCopy} = props ? {...props} : {}\n\tquickPanel = quickPanel || true\n\tbasename = basename || ''\n\t// propsCopy.search = (query) => this.props.history.push('/web/search?q=' + decodeURIComponent(query)\n\tpropsCopy.search = propsCopy.search || ((query) => console.log('New query = ', query))\n\t// props_copy.query = props_copy.query || props_copy.searchData?.query || ''\n\tconsole.log('props in withHD', propsCopy)\n\treturn (\n\t\t<Fragment>\n\t\t{ props.match ?\n\t\t\t(\n\t\t\t\t<Comp {...props} />\n\t\t\t)\n\t\t\t:\n\t\t\t(\n\t\t\t\t<BrowserRouter basename={basename}>\n\t\t\t\t<HDTheme themeName={props.UIOptions?.themeName}>\n\t\t\t\t\t<Switch>\n\t\t\t\t\t\t<Route path={props.baseURL} exact render={(p) => <Comp {...p} {...props} quickPanel={quickPanel}/> }/>\n\t\t\t\t\t\t<Route path={props.baseURL} render={(p) => <Comp {...p} {...props} quickPanel={false} /> }/>\n\t\t\t\t\t</Switch>\n\t\t\t\t</HDTheme>\n\t\t\t\t</BrowserRouter>\n\t\t\t)\n\t\t}\n\t\t</Fragment>\n\t)\n}"],"names":["themes","default","palette","type","typography","useNextVariants","light","primary","main","secondary","dark","lightsOut","background","paper","shadows","Array","fill","HDTheme","Component","constructor","props","state","themeName","theme","createTheme","componentDidUpdate","prevProps","setState","render","children","Comp","quickPanel","basename","propsCopy","search","query","console","log","match","UIOptions","baseURL","p"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hyperdart/frontend",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"description": "hyperDart frontend for dart development",
|
|
5
|
-
"author": "
|
|
5
|
+
"author": "hyperDart",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"module": "dist/index.modern.js",
|
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
"start": "rollup -c -w",
|
|
15
15
|
"build": "rollup -c"
|
|
16
16
|
},
|
|
17
|
+
"files": [
|
|
18
|
+
"dist"
|
|
19
|
+
],
|
|
17
20
|
"peerDependencies": {
|
|
18
21
|
"@material-ui/core": "^4.11.4",
|
|
19
22
|
"react": "^17.0.0",
|
|
20
23
|
"react-dom": "^17.0.0",
|
|
21
24
|
"react-router-dom": "^4.3.1"
|
|
22
25
|
},
|
|
23
|
-
"files": [
|
|
24
|
-
"dist"
|
|
25
|
-
],
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@rollup/plugin-replace": "^4.0.0",
|
|
28
28
|
"microbundle": "^0.15.0",
|