funuicss 1.7.0 → 1.9.0
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/README.md +4 -3
- package/component/Avatar.jsx +3 -3
- package/component/Blob.jsx +83 -0
- package/component/BreadCrumb.jsx +109 -0
- package/component/Button.jsx +6 -2
- package/component/Input.jsx +9 -9
- package/component/ModalContent.jsx +2 -8
- package/component/SideBar.jsx +77 -0
- package/component/SideBarContent.jsx +50 -0
- package/component/SideBarFooter.jsx +50 -0
- package/component/SideBarTop.jsx +71 -0
- package/css/fun.css +3127 -504
- package/package.json +1 -1
- package/css/entry/index.js +0 -1
package/README.md
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
<h1>
|
|
1
|
+
<h1>FunUi For React And Next Apps</h1>
|
|
2
|
+
<center><img src="https://funui.netlify.app/favicon.png" width="50"></center>
|
|
2
3
|
<h3>Learn how to use the framework at our official website 👎</h3>
|
|
3
4
|
https://funui.netlify.app
|
|
4
5
|
|
|
@@ -21,14 +22,14 @@ import 'funuicss/css/fun.css'
|
|
|
21
22
|
You can use the CDN for your HTML file, you can only use our css defined classes
|
|
22
23
|
|
|
23
24
|
<pre>
|
|
24
|
-
https://
|
|
25
|
+
https://cdn.jsdelivr.net/gh/FunUi-io/cdn@main/css/fun.css
|
|
25
26
|
</pre>
|
|
26
27
|
|
|
27
28
|
<h3>Import CDN</h3>
|
|
28
29
|
You can also import the CDN in your CSS file
|
|
29
30
|
|
|
30
31
|
<pre>
|
|
31
|
-
@import url('https://
|
|
32
|
+
@import url('https://cdn.jsdelivr.net/gh/FunUi-io/cdn@main/css/fun.css');
|
|
32
33
|
</pre>
|
|
33
34
|
|
|
34
35
|
<h3>Download</h3>
|
package/component/Avatar.jsx
CHANGED
|
@@ -69,10 +69,10 @@ function Avatar(_ref) {
|
|
|
69
69
|
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
70
70
|
className: "avatar ".concat(funcss, " ").concat(bg),
|
|
71
71
|
style: {
|
|
72
|
-
width: "".concat(width),
|
|
73
|
-
height: "".concat(height)
|
|
72
|
+
width: "".concat(width ? width : "2.3rem"),
|
|
73
|
+
height: "".concat(height ? height : "2.3rem")
|
|
74
74
|
}
|
|
75
|
-
},
|
|
75
|
+
}, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, content ? content : children));
|
|
76
76
|
}
|
|
77
77
|
module.exports = __webpack_exports__;
|
|
78
78
|
/******/ })()
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
10
|
+
/******/ __webpack_require__.n = (module) => {
|
|
11
|
+
/******/ var getter = module && module.__esModule ?
|
|
12
|
+
/******/ () => (module['default']) :
|
|
13
|
+
/******/ () => (module);
|
|
14
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
15
|
+
/******/ return getter;
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/define property getters */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ // define getter functions for harmony exports
|
|
22
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
23
|
+
/******/ for(var key in definition) {
|
|
24
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
25
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
26
|
+
/******/ }
|
|
27
|
+
/******/ }
|
|
28
|
+
/******/ };
|
|
29
|
+
/******/ })();
|
|
30
|
+
/******/
|
|
31
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
32
|
+
/******/ (() => {
|
|
33
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
34
|
+
/******/ })();
|
|
35
|
+
/******/
|
|
36
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
37
|
+
/******/ (() => {
|
|
38
|
+
/******/ // define __esModule on exports
|
|
39
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
40
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
41
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
42
|
+
/******/ }
|
|
43
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
44
|
+
/******/ };
|
|
45
|
+
/******/ })();
|
|
46
|
+
/******/
|
|
47
|
+
/************************************************************************/
|
|
48
|
+
var __webpack_exports__ = {};
|
|
49
|
+
// ESM COMPAT FLAG
|
|
50
|
+
__webpack_require__.r(__webpack_exports__);
|
|
51
|
+
|
|
52
|
+
// EXPORTS
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
"default": () => (/* binding */ Blob)
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
;// CONCATENATED MODULE: external "react"
|
|
58
|
+
const external_react_namespaceObject = require("react");
|
|
59
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
60
|
+
;// CONCATENATED MODULE: ../Funcss/Components/Blob.js
|
|
61
|
+
|
|
62
|
+
function Blob(_ref) {
|
|
63
|
+
var height = _ref.height,
|
|
64
|
+
width = _ref.width,
|
|
65
|
+
background = _ref.background,
|
|
66
|
+
funcss = _ref.funcss,
|
|
67
|
+
shape = _ref.shape;
|
|
68
|
+
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
69
|
+
className: "".concat(funcss),
|
|
70
|
+
style: {
|
|
71
|
+
height: height ? height : "",
|
|
72
|
+
width: width ? width : "",
|
|
73
|
+
background: background ? "url(".concat(background, ")") : "",
|
|
74
|
+
backgroundSize: "cover",
|
|
75
|
+
backgroundRepeat: "no-repeat",
|
|
76
|
+
borderRadius: shape,
|
|
77
|
+
transition: "0.3s linear"
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
module.exports = __webpack_exports__;
|
|
82
|
+
/******/ })()
|
|
83
|
+
;
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
10
|
+
/******/ __webpack_require__.n = (module) => {
|
|
11
|
+
/******/ var getter = module && module.__esModule ?
|
|
12
|
+
/******/ () => (module['default']) :
|
|
13
|
+
/******/ () => (module);
|
|
14
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
15
|
+
/******/ return getter;
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/define property getters */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ // define getter functions for harmony exports
|
|
22
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
23
|
+
/******/ for(var key in definition) {
|
|
24
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
25
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
26
|
+
/******/ }
|
|
27
|
+
/******/ }
|
|
28
|
+
/******/ };
|
|
29
|
+
/******/ })();
|
|
30
|
+
/******/
|
|
31
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
32
|
+
/******/ (() => {
|
|
33
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
34
|
+
/******/ })();
|
|
35
|
+
/******/
|
|
36
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
37
|
+
/******/ (() => {
|
|
38
|
+
/******/ // define __esModule on exports
|
|
39
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
40
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
41
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
42
|
+
/******/ }
|
|
43
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
44
|
+
/******/ };
|
|
45
|
+
/******/ })();
|
|
46
|
+
/******/
|
|
47
|
+
/************************************************************************/
|
|
48
|
+
var __webpack_exports__ = {};
|
|
49
|
+
// ESM COMPAT FLAG
|
|
50
|
+
__webpack_require__.r(__webpack_exports__);
|
|
51
|
+
|
|
52
|
+
// EXPORTS
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
"default": () => (/* binding */ BreadCrumb)
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
;// CONCATENATED MODULE: external "react"
|
|
58
|
+
const external_react_namespaceObject = require("react");
|
|
59
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
60
|
+
;// CONCATENATED MODULE: ../Funcss/Components/Icon.js
|
|
61
|
+
|
|
62
|
+
function Icon(_ref) {
|
|
63
|
+
var funcss = _ref.funcss,
|
|
64
|
+
color = _ref.color,
|
|
65
|
+
size = _ref.size,
|
|
66
|
+
onClick = _ref.onClick,
|
|
67
|
+
onChange = _ref.onChange,
|
|
68
|
+
icon = _ref.icon;
|
|
69
|
+
return /*#__PURE__*/external_react_default().createElement("i", {
|
|
70
|
+
className: "icon ".concat(icon, " ").concat(funcss, " text-").concat(color, " size-").concat(size, " "),
|
|
71
|
+
onClick: onClick,
|
|
72
|
+
onChange: onChange
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
;// CONCATENATED MODULE: ../Funcss/Components/BreadCrumb.js
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
function BreadCrumb(_ref) {
|
|
79
|
+
var type = _ref.type,
|
|
80
|
+
funcss = _ref.funcss;
|
|
81
|
+
return /*#__PURE__*/external_react_default().createElement("span", null, type === "slash" && /*#__PURE__*/external_react_default().createElement("span", {
|
|
82
|
+
style: {
|
|
83
|
+
margin: "0 0.2rem"
|
|
84
|
+
},
|
|
85
|
+
className: " ".concat(funcss)
|
|
86
|
+
}, " / "), type === "greater" && /*#__PURE__*/external_react_default().createElement("span", {
|
|
87
|
+
style: {
|
|
88
|
+
margin: "0 0.2rem"
|
|
89
|
+
},
|
|
90
|
+
className: " ".concat(funcss)
|
|
91
|
+
}, " ", /*#__PURE__*/external_react_default().createElement(Icon, {
|
|
92
|
+
icon: "fas fa-angle-right"
|
|
93
|
+
}), " "), type === "less" && /*#__PURE__*/external_react_default().createElement("span", {
|
|
94
|
+
style: {
|
|
95
|
+
margin: "0 0.2rem"
|
|
96
|
+
},
|
|
97
|
+
className: " ".concat(funcss)
|
|
98
|
+
}, " ", /*#__PURE__*/external_react_default().createElement(Icon, {
|
|
99
|
+
icon: "fas fa-angle-left"
|
|
100
|
+
}), " "), type === "straight" && /*#__PURE__*/external_react_default().createElement("span", {
|
|
101
|
+
style: {
|
|
102
|
+
margin: "0 0.2rem"
|
|
103
|
+
},
|
|
104
|
+
className: " ".concat(funcss)
|
|
105
|
+
}, " ", "|", " "));
|
|
106
|
+
}
|
|
107
|
+
module.exports = __webpack_exports__;
|
|
108
|
+
/******/ })()
|
|
109
|
+
;
|
package/component/Button.jsx
CHANGED
|
@@ -76,9 +76,13 @@ function Button(_ref) {
|
|
|
76
76
|
_float = _ref["float"],
|
|
77
77
|
hoverUp = _ref.hoverUp,
|
|
78
78
|
fullWidth = _ref.fullWidth,
|
|
79
|
-
outlined = _ref.outlined
|
|
79
|
+
outlined = _ref.outlined,
|
|
80
|
+
small = _ref.small,
|
|
81
|
+
big = _ref.big,
|
|
82
|
+
flat = _ref.flat,
|
|
83
|
+
hoverNone = _ref.hoverNone;
|
|
80
84
|
return /*#__PURE__*/external_react_default().createElement("button", {
|
|
81
|
-
className: "button\ntext-".concat(color, "\n").concat(funcss, "\n").concat(rounded ? "roundBtn" : "", "\n").concat(_float ? "floatBtn" : "", "\n").concat(raised ? "card" : "", "\n").concat(hoverUp ? "hover-up" : "", "\n").concat(outlined ? "".concat(bg, "-outline outlined text-").concat(bg) : bg, "\n\n"),
|
|
85
|
+
className: "button\ntext-".concat(color, "\n").concat(funcss, "\n").concat(rounded ? "roundBtn" : "", "\n").concat(_float ? "floatBtn" : "", "\n").concat(raised ? "card" : "", "\n").concat(hoverUp ? "hover-up" : "", "\n").concat(flat ? "flat" : "", "\n").concat(hoverNone ? "hoverNone" : "", "\n").concat(small ? "smallBtn" : "", "\n").concat(big ? "bigBtn" : "", "\n").concat(outlined ? "".concat(bg, "-outline outlined text-").concat(bg) : bg, "\n\n"),
|
|
82
86
|
onClick: onClick,
|
|
83
87
|
onChange: onChange,
|
|
84
88
|
style: {
|
package/component/Input.jsx
CHANGED
|
@@ -86,7 +86,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
86
86
|
if (this.props.select) {
|
|
87
87
|
if (this.props.bordered) {
|
|
88
88
|
return /*#__PURE__*/external_react_default().createElement("select", _extends({}, this.props.disabled ? "disabled" : "", {
|
|
89
|
-
className: "\n input\n ".concat(this.props.funcss, "\n bordered\n "),
|
|
89
|
+
className: "\n input\n ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n bordered\n "),
|
|
90
90
|
onChange: this.props.onChange,
|
|
91
91
|
defaultValue: this.props.defaultValue,
|
|
92
92
|
type: this.props.type,
|
|
@@ -104,7 +104,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
104
104
|
}) : "");
|
|
105
105
|
} else if (this.props.bordereless) {
|
|
106
106
|
return /*#__PURE__*/external_react_default().createElement("select", _extends({}, this.props.disabled ? "disabled" : "", {
|
|
107
|
-
className: "\n input\n ".concat(this.props.funcss, "\n borderless\n "),
|
|
107
|
+
className: "\n input\n ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n borderless\n "),
|
|
108
108
|
onChange: this.props.onChange,
|
|
109
109
|
defaultValue: this.props.defaultValue,
|
|
110
110
|
type: this.props.type,
|
|
@@ -123,7 +123,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
123
123
|
}) : "");
|
|
124
124
|
} else {
|
|
125
125
|
return /*#__PURE__*/external_react_default().createElement("select", _extends({}, this.props.disabled ? "disabled" : "", {
|
|
126
|
-
className: "\n input\n ".concat(this.props.funcss, "\n "),
|
|
126
|
+
className: "\n input\n ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n "),
|
|
127
127
|
onChange: this.props.onChange,
|
|
128
128
|
defaultValue: this.props.defaultValue,
|
|
129
129
|
type: this.props.type,
|
|
@@ -144,7 +144,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
144
144
|
} else if (this.props.multiline) {
|
|
145
145
|
if (this.props.bordered) {
|
|
146
146
|
return /*#__PURE__*/external_react_default().createElement("textarea", _extends({}, this.props.disabled ? "disabled" : "", {
|
|
147
|
-
className: "\n input\n ".concat(this.props.funcss, "\n bordered\n "),
|
|
147
|
+
className: "\n input\n ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n bordered\n "),
|
|
148
148
|
onChange: this.props.onChange,
|
|
149
149
|
defaultValue: this.props.defaultValue,
|
|
150
150
|
type: this.props.type,
|
|
@@ -159,7 +159,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
159
159
|
}));
|
|
160
160
|
} else if (this.props.bordereless) {
|
|
161
161
|
return /*#__PURE__*/external_react_default().createElement("textarea", _extends({}, this.props.disabled ? "disabled" : "", {
|
|
162
|
-
className: "\n input\n ".concat(this.props.funcss, "\n borderless\n "),
|
|
162
|
+
className: "\n input\n ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n borderless\n "),
|
|
163
163
|
onChange: this.props.onChange,
|
|
164
164
|
defaultValue: this.props.defaultValue,
|
|
165
165
|
type: this.props.type,
|
|
@@ -174,7 +174,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
174
174
|
}));
|
|
175
175
|
} else {
|
|
176
176
|
return /*#__PURE__*/external_react_default().createElement("textarea", _extends({}, this.props.disabled ? "disabled" : "", {
|
|
177
|
-
className: "\n input\n ".concat(this.props.funcss, "\n "),
|
|
177
|
+
className: "\n input\n ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n "),
|
|
178
178
|
onChange: this.props.onChange,
|
|
179
179
|
defaultValue: this.props.defaultValue,
|
|
180
180
|
type: this.props.type,
|
|
@@ -191,7 +191,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
191
191
|
} else {
|
|
192
192
|
if (this.props.bordered) {
|
|
193
193
|
return /*#__PURE__*/external_react_default().createElement("input", _extends({}, this.props.disabled ? "disabled" : "", {
|
|
194
|
-
className: "\n input\n ".concat(this.props.funcss, "\n bordered\n "),
|
|
194
|
+
className: "\n input\n ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n bordered\n "),
|
|
195
195
|
onChange: this.props.onChange,
|
|
196
196
|
defaultValue: this.props.defaultValue,
|
|
197
197
|
type: this.props.type,
|
|
@@ -205,7 +205,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
205
205
|
}));
|
|
206
206
|
} else if (this.props.bordereless) {
|
|
207
207
|
return /*#__PURE__*/external_react_default().createElement("input", _extends({}, this.props.disabled ? "disabled" : "", {
|
|
208
|
-
className: "\n input\n ".concat(this.props.funcss, "\n borderless\n "),
|
|
208
|
+
className: "\n input\n ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n borderless\n "),
|
|
209
209
|
onChange: this.props.onChange,
|
|
210
210
|
defaultValue: this.props.defaultValue,
|
|
211
211
|
type: this.props.type,
|
|
@@ -219,7 +219,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
219
219
|
}));
|
|
220
220
|
} else {
|
|
221
221
|
return /*#__PURE__*/external_react_default().createElement("input", _extends({}, this.props.disabled ? "disabled" : "", {
|
|
222
|
-
className: "\n input\n ".concat(this.props.funcss, "\n "),
|
|
222
|
+
className: "\n input\n ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n "),
|
|
223
223
|
onChange: this.props.onChange,
|
|
224
224
|
defaultValue: this.props.defaultValue,
|
|
225
225
|
type: this.props.type,
|
|
@@ -61,15 +61,9 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_n
|
|
|
61
61
|
|
|
62
62
|
function ModalContent(_ref) {
|
|
63
63
|
var funcss = _ref.funcss,
|
|
64
|
-
children = _ref.children
|
|
65
|
-
maxHeight = _ref.maxHeight,
|
|
66
|
-
height = _ref.height;
|
|
64
|
+
children = _ref.children;
|
|
67
65
|
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
68
|
-
className: "modal-body ".concat(funcss, " ")
|
|
69
|
-
style: {
|
|
70
|
-
maxHeight: maxHeight ? maxHeight : "",
|
|
71
|
-
height: height ? height : ""
|
|
72
|
-
}
|
|
66
|
+
className: "modal-body ".concat(funcss, " ")
|
|
73
67
|
}, children);
|
|
74
68
|
}
|
|
75
69
|
module.exports = __webpack_exports__;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
10
|
+
/******/ __webpack_require__.n = (module) => {
|
|
11
|
+
/******/ var getter = module && module.__esModule ?
|
|
12
|
+
/******/ () => (module['default']) :
|
|
13
|
+
/******/ () => (module);
|
|
14
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
15
|
+
/******/ return getter;
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/define property getters */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ // define getter functions for harmony exports
|
|
22
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
23
|
+
/******/ for(var key in definition) {
|
|
24
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
25
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
26
|
+
/******/ }
|
|
27
|
+
/******/ }
|
|
28
|
+
/******/ };
|
|
29
|
+
/******/ })();
|
|
30
|
+
/******/
|
|
31
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
32
|
+
/******/ (() => {
|
|
33
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
34
|
+
/******/ })();
|
|
35
|
+
/******/
|
|
36
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
37
|
+
/******/ (() => {
|
|
38
|
+
/******/ // define __esModule on exports
|
|
39
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
40
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
41
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
42
|
+
/******/ }
|
|
43
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
44
|
+
/******/ };
|
|
45
|
+
/******/ })();
|
|
46
|
+
/******/
|
|
47
|
+
/************************************************************************/
|
|
48
|
+
var __webpack_exports__ = {};
|
|
49
|
+
// ESM COMPAT FLAG
|
|
50
|
+
__webpack_require__.r(__webpack_exports__);
|
|
51
|
+
|
|
52
|
+
// EXPORTS
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
"default": () => (/* binding */ SideBar)
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
;// CONCATENATED MODULE: external "react"
|
|
58
|
+
const external_react_namespaceObject = require("react");
|
|
59
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
60
|
+
;// CONCATENATED MODULE: ../Funcss/Components/SideBar.js
|
|
61
|
+
|
|
62
|
+
function SideBar(_ref) {
|
|
63
|
+
var funcss = _ref.funcss,
|
|
64
|
+
content = _ref.content,
|
|
65
|
+
children = _ref.children,
|
|
66
|
+
open = _ref.open;
|
|
67
|
+
if (open) {
|
|
68
|
+
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
69
|
+
id: "funSideBar"
|
|
70
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
71
|
+
className: "navSidebar ".concat(funcss)
|
|
72
|
+
}, content ? content : children));
|
|
73
|
+
} else return "";
|
|
74
|
+
}
|
|
75
|
+
module.exports = __webpack_exports__;
|
|
76
|
+
/******/ })()
|
|
77
|
+
;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/define property getters */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // define getter functions for harmony exports
|
|
10
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
11
|
+
/******/ for(var key in definition) {
|
|
12
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
13
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
14
|
+
/******/ }
|
|
15
|
+
/******/ }
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
22
|
+
/******/ })();
|
|
23
|
+
/******/
|
|
24
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
25
|
+
/******/ (() => {
|
|
26
|
+
/******/ // define __esModule on exports
|
|
27
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
28
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
29
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
30
|
+
/******/ }
|
|
31
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
32
|
+
/******/ };
|
|
33
|
+
/******/ })();
|
|
34
|
+
/******/
|
|
35
|
+
/************************************************************************/
|
|
36
|
+
var __webpack_exports__ = {};
|
|
37
|
+
__webpack_require__.r(__webpack_exports__);
|
|
38
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
39
|
+
/* harmony export */ "default": () => (/* binding */ SideBarContent)
|
|
40
|
+
/* harmony export */ });
|
|
41
|
+
function SideBarContent(_ref) {
|
|
42
|
+
var funcss = _ref.funcss,
|
|
43
|
+
children = _ref.children;
|
|
44
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
45
|
+
className: "sideBarContent ".concat(funcss)
|
|
46
|
+
}, children);
|
|
47
|
+
}
|
|
48
|
+
module.exports = __webpack_exports__;
|
|
49
|
+
/******/ })()
|
|
50
|
+
;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/define property getters */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // define getter functions for harmony exports
|
|
10
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
11
|
+
/******/ for(var key in definition) {
|
|
12
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
13
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
14
|
+
/******/ }
|
|
15
|
+
/******/ }
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
22
|
+
/******/ })();
|
|
23
|
+
/******/
|
|
24
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
25
|
+
/******/ (() => {
|
|
26
|
+
/******/ // define __esModule on exports
|
|
27
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
28
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
29
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
30
|
+
/******/ }
|
|
31
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
32
|
+
/******/ };
|
|
33
|
+
/******/ })();
|
|
34
|
+
/******/
|
|
35
|
+
/************************************************************************/
|
|
36
|
+
var __webpack_exports__ = {};
|
|
37
|
+
__webpack_require__.r(__webpack_exports__);
|
|
38
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
39
|
+
/* harmony export */ "default": () => (/* binding */ SideBarFooter)
|
|
40
|
+
/* harmony export */ });
|
|
41
|
+
function SideBarFooter(_ref) {
|
|
42
|
+
var funcss = _ref.funcss,
|
|
43
|
+
children = _ref.children;
|
|
44
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
45
|
+
className: "sideBarFooter ".concat(funcss)
|
|
46
|
+
}, children);
|
|
47
|
+
}
|
|
48
|
+
module.exports = __webpack_exports__;
|
|
49
|
+
/******/ })()
|
|
50
|
+
;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
10
|
+
/******/ __webpack_require__.n = (module) => {
|
|
11
|
+
/******/ var getter = module && module.__esModule ?
|
|
12
|
+
/******/ () => (module['default']) :
|
|
13
|
+
/******/ () => (module);
|
|
14
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
15
|
+
/******/ return getter;
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/define property getters */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ // define getter functions for harmony exports
|
|
22
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
23
|
+
/******/ for(var key in definition) {
|
|
24
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
25
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
26
|
+
/******/ }
|
|
27
|
+
/******/ }
|
|
28
|
+
/******/ };
|
|
29
|
+
/******/ })();
|
|
30
|
+
/******/
|
|
31
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
32
|
+
/******/ (() => {
|
|
33
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
34
|
+
/******/ })();
|
|
35
|
+
/******/
|
|
36
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
37
|
+
/******/ (() => {
|
|
38
|
+
/******/ // define __esModule on exports
|
|
39
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
40
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
41
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
42
|
+
/******/ }
|
|
43
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
44
|
+
/******/ };
|
|
45
|
+
/******/ })();
|
|
46
|
+
/******/
|
|
47
|
+
/************************************************************************/
|
|
48
|
+
var __webpack_exports__ = {};
|
|
49
|
+
// ESM COMPAT FLAG
|
|
50
|
+
__webpack_require__.r(__webpack_exports__);
|
|
51
|
+
|
|
52
|
+
// EXPORTS
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
"default": () => (/* binding */ SideBarTop)
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
;// CONCATENATED MODULE: external "react"
|
|
58
|
+
const external_react_namespaceObject = require("react");
|
|
59
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
60
|
+
;// CONCATENATED MODULE: ../Funcss/Components/SideBarTop.js
|
|
61
|
+
|
|
62
|
+
function SideBarTop(_ref) {
|
|
63
|
+
var funcss = _ref.funcss,
|
|
64
|
+
children = _ref.children;
|
|
65
|
+
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
66
|
+
className: "sideBarTop ".concat(funcss)
|
|
67
|
+
}, children);
|
|
68
|
+
}
|
|
69
|
+
module.exports = __webpack_exports__;
|
|
70
|
+
/******/ })()
|
|
71
|
+
;
|