funuicss 2.0.11 → 2.0.13
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/css/fun.css +2 -2
- package/package.json +1 -1
- package/tsconfig.tsbuildinfo +1 -1
- package/ui/table/Table.d.ts +3 -1
- package/ui/table/Table.js +31 -5
- package/ui/table/Table.tsx +52 -6
- package/component/Alert.jsx +0 -113
- package/component/Avatar.jsx +0 -79
- package/component/Blob.jsx +0 -83
- package/component/BreadCrumb.jsx +0 -110
- package/component/Button.jsx +0 -98
- package/component/Card.jsx +0 -96
- package/component/Circle.jsx +0 -79
- package/component/CloseModal.jsx +0 -90
- package/component/Col.jsx +0 -76
- package/component/Container.jsx +0 -78
- package/component/DarkMode.jsx +0 -83
- package/component/Div.jsx +0 -99
- package/component/DropDown.jsx +0 -76
- package/component/DropItem.jsx +0 -73
- package/component/DropMenu.jsx +0 -97
- package/component/FunLoader.jsx +0 -79
- package/component/Grid.jsx +0 -80
- package/component/Hr.jsx +0 -72
- package/component/Icon.jsx +0 -77
- package/component/IconicInput.jsx +0 -86
- package/component/Input.jsx +0 -277
- package/component/LinkWrapper.jsx +0 -73
- package/component/List.jsx +0 -79
- package/component/ListItem.jsx +0 -73
- package/component/Modal.jsx +0 -93
- package/component/ModalAction.jsx +0 -71
- package/component/ModalContent.jsx +0 -71
- package/component/ModalHeader.jsx +0 -105
- package/component/NavBar.jsx +0 -80
- package/component/NavLink.jsx +0 -74
- package/component/NavLogo.jsx +0 -95
- package/component/Notification.jsx +0 -84
- package/component/NotificationContent.jsx +0 -71
- package/component/NotificationFooter.jsx +0 -71
- package/component/NotificationHeader.jsx +0 -71
- package/component/ProgressBar.jsx +0 -91
- package/component/RowFlex.jsx +0 -85
- package/component/Section.jsx +0 -74
- package/component/SideBar.jsx +0 -77
- package/component/SideBarContent.jsx +0 -71
- package/component/SideBarFooter.jsx +0 -71
- package/component/SideBarTop.jsx +0 -71
- package/component/SidebarTrigger.jsx +0 -96
- package/component/Snackbar.jsx +0 -90
- package/component/Starter.jsx +0 -203
- package/component/Step.jsx +0 -72
- package/component/StepContainer.jsx +0 -75
- package/component/StepHeader.jsx +0 -72
- package/component/StepLine.jsx +0 -72
- package/component/Table.jsx +0 -82
- package/component/TableBody.jsx +0 -72
- package/component/TableData.jsx +0 -74
- package/component/TableHead.jsx +0 -72
- package/component/TableRow.jsx +0 -74
- package/component/Tip.jsx +0 -78
- package/component/ToolTip.jsx +0 -72
- package/component/Typography.jsx +0 -99
- package/component/card/Card.jsx +0 -94
- package/component/card/CardBody.jsx +0 -71
- package/component/card/CardFab.jsx +0 -72
- package/component/card/CardFooter.jsx +0 -71
- package/component/card/CardHeader.jsx +0 -71
- package/component/fun.css +0 -593
- package/component/pages/NotFound.jsx +0 -107
- package/component/pages/UnAuthorized.jsx +0 -107
- package/ui/graph/BarGraph.d.ts +0 -13
- package/ui/graph/BarGraph.js +0 -17
- package/ui/graph/BarGraph.tsx +0 -50
|
@@ -1,107 +0,0 @@
|
|
|
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 */ NotFound)
|
|
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/pages/NotFound.js
|
|
61
|
-
|
|
62
|
-
function NotFound() {
|
|
63
|
-
return /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", {
|
|
64
|
-
className: "central",
|
|
65
|
-
style: {
|
|
66
|
-
minHeight: "100vh",
|
|
67
|
-
width: "100%",
|
|
68
|
-
padding: "4rem 0px"
|
|
69
|
-
}
|
|
70
|
-
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
71
|
-
className: " text-center width-600-max"
|
|
72
|
-
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
73
|
-
className: "h5 light-warning round-edge"
|
|
74
|
-
}, "404"), /*#__PURE__*/external_react_default().createElement("div", {
|
|
75
|
-
style: {
|
|
76
|
-
margin: "1.4rem 0px"
|
|
77
|
-
}
|
|
78
|
-
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
79
|
-
className: "text-bigger text-secondary",
|
|
80
|
-
style: {
|
|
81
|
-
display: "block",
|
|
82
|
-
transition: "all 0.2s linear 0s"
|
|
83
|
-
}
|
|
84
|
-
}, "Page Not Found")), /*#__PURE__*/external_react_default().createElement("div", {
|
|
85
|
-
className: "article"
|
|
86
|
-
}, "Sorry, we couldn't find the page you're looking for."), /*#__PURE__*/external_react_default().createElement("div", {
|
|
87
|
-
style: {
|
|
88
|
-
margin: "2rem 0px"
|
|
89
|
-
}
|
|
90
|
-
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
91
|
-
className: "row-flex gap",
|
|
92
|
-
style: {
|
|
93
|
-
justifyContent: "center",
|
|
94
|
-
gap: "0.4rem"
|
|
95
|
-
}
|
|
96
|
-
}, /*#__PURE__*/external_react_default().createElement("button", {
|
|
97
|
-
className: "button primary roundBtn",
|
|
98
|
-
onClick: function onClick() {
|
|
99
|
-
return window.location.assign("/");
|
|
100
|
-
}
|
|
101
|
-
}, /*#__PURE__*/external_react_default().createElement("i", {
|
|
102
|
-
className: "icon fas fa-home"
|
|
103
|
-
}), "\xA0Back To Home \xA0")))))));
|
|
104
|
-
}
|
|
105
|
-
module.exports = __webpack_exports__;
|
|
106
|
-
/******/ })()
|
|
107
|
-
;
|
|
@@ -1,107 +0,0 @@
|
|
|
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 */ UnAuthotorized)
|
|
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/pages/UnAuthorized.js
|
|
61
|
-
|
|
62
|
-
function UnAuthotorized() {
|
|
63
|
-
return /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("div", {
|
|
64
|
-
className: "central",
|
|
65
|
-
style: {
|
|
66
|
-
minHeight: "100vh",
|
|
67
|
-
width: "100%",
|
|
68
|
-
padding: "4rem 0px"
|
|
69
|
-
}
|
|
70
|
-
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
71
|
-
className: " text-center width-600-max"
|
|
72
|
-
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
73
|
-
className: "h5 light-warning round-edge"
|
|
74
|
-
}, "401"), /*#__PURE__*/external_react_default().createElement("div", {
|
|
75
|
-
style: {
|
|
76
|
-
margin: "1.4rem 0px"
|
|
77
|
-
}
|
|
78
|
-
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
79
|
-
className: "text-bigger text-secondary",
|
|
80
|
-
style: {
|
|
81
|
-
display: "block",
|
|
82
|
-
transition: "all 0.2s linear 0s"
|
|
83
|
-
}
|
|
84
|
-
}, "Unauthorized Access")), /*#__PURE__*/external_react_default().createElement("div", {
|
|
85
|
-
className: "article"
|
|
86
|
-
}, "Sorry, you do not have access to this resource."), /*#__PURE__*/external_react_default().createElement("div", {
|
|
87
|
-
style: {
|
|
88
|
-
margin: "2rem 0px"
|
|
89
|
-
}
|
|
90
|
-
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
91
|
-
className: "row-flex gap",
|
|
92
|
-
style: {
|
|
93
|
-
justifyContent: "center",
|
|
94
|
-
gap: "0.4rem"
|
|
95
|
-
}
|
|
96
|
-
}, /*#__PURE__*/external_react_default().createElement("button", {
|
|
97
|
-
className: "button primary roundBtn",
|
|
98
|
-
onClick: function onClick() {
|
|
99
|
-
return window.location.assign("/");
|
|
100
|
-
}
|
|
101
|
-
}, /*#__PURE__*/external_react_default().createElement("i", {
|
|
102
|
-
className: "icon fas fa-home"
|
|
103
|
-
}), "\xA0Back To Home \xA0")))))));
|
|
104
|
-
}
|
|
105
|
-
module.exports = __webpack_exports__;
|
|
106
|
-
/******/ })()
|
|
107
|
-
;
|
package/ui/graph/BarGraph.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface DataItem {
|
|
3
|
-
label: string;
|
|
4
|
-
value: number;
|
|
5
|
-
}
|
|
6
|
-
interface CustomGraphProps {
|
|
7
|
-
data: DataItem[];
|
|
8
|
-
labelField: string;
|
|
9
|
-
valueField: string;
|
|
10
|
-
barColor: string;
|
|
11
|
-
}
|
|
12
|
-
declare const CustomGraph: React.FC<CustomGraphProps>;
|
|
13
|
-
export default CustomGraph;
|
package/ui/graph/BarGraph.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var CustomGraph = function (_a) {
|
|
8
|
-
var data = _a.data, labelField = _a.labelField, valueField = _a.valueField, barColor = _a.barColor;
|
|
9
|
-
// Extracting labels and values from data
|
|
10
|
-
var labels = data.map(function (item) { return item[labelField]; });
|
|
11
|
-
var values = data.map(function (item) { return item[valueField]; });
|
|
12
|
-
return (react_1.default.createElement("div", { className: "custom-graph" },
|
|
13
|
-
data.map(function (item, index) { return (react_1.default.createElement("div", { key: index, className: "bar", style: { height: "".concat(item[valueField], "px"), backgroundColor: barColor } },
|
|
14
|
-
react_1.default.createElement("span", { className: "label" }, item[labelField]))); }),
|
|
15
|
-
react_1.default.createElement("style", { jsx: true }, "\n .custom-graph {\n display: flex;\n align-items: flex-end;\n height: 300px;\n padding: 10px;\n }\n .bar {\n flex: 1;\n margin: 0 2px;\n position: relative;\n }\n .label {\n position: absolute;\n bottom: -20px;\n left: 50%;\n transform: translateX(-50%);\n }\n ")));
|
|
16
|
-
};
|
|
17
|
-
exports.default = CustomGraph;
|
package/ui/graph/BarGraph.tsx
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
interface DataItem {
|
|
4
|
-
label: string;
|
|
5
|
-
value: number;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
interface CustomGraphProps {
|
|
9
|
-
data: DataItem[];
|
|
10
|
-
labelField: string;
|
|
11
|
-
valueField: string;
|
|
12
|
-
barColor: string;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
const CustomGraph: React.FC<CustomGraphProps> = ({ data, labelField, valueField, barColor }) => {
|
|
16
|
-
// Extracting labels and values from data
|
|
17
|
-
const labels = data.map(item => item[labelField]);
|
|
18
|
-
const values = data.map(item => item[valueField]);
|
|
19
|
-
|
|
20
|
-
return (
|
|
21
|
-
<div className="custom-graph">
|
|
22
|
-
{data.map((item, index) => (
|
|
23
|
-
<div key={index} className="bar" style={{ height: `${item[valueField]}px`, backgroundColor: barColor }}>
|
|
24
|
-
<span className="label">{item[labelField]}</span>
|
|
25
|
-
</div>
|
|
26
|
-
))}
|
|
27
|
-
<style jsx>{`
|
|
28
|
-
.custom-graph {
|
|
29
|
-
display: flex;
|
|
30
|
-
align-items: flex-end;
|
|
31
|
-
height: 300px;
|
|
32
|
-
padding: 10px;
|
|
33
|
-
}
|
|
34
|
-
.bar {
|
|
35
|
-
flex: 1;
|
|
36
|
-
margin: 0 2px;
|
|
37
|
-
position: relative;
|
|
38
|
-
}
|
|
39
|
-
.label {
|
|
40
|
-
position: absolute;
|
|
41
|
-
bottom: -20px;
|
|
42
|
-
left: 50%;
|
|
43
|
-
transform: translateX(-50%);
|
|
44
|
-
}
|
|
45
|
-
`}</style>
|
|
46
|
-
</div>
|
|
47
|
-
);
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
export default CustomGraph;
|