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.
Files changed (74) hide show
  1. package/css/fun.css +2 -2
  2. package/package.json +1 -1
  3. package/tsconfig.tsbuildinfo +1 -1
  4. package/ui/table/Table.d.ts +3 -1
  5. package/ui/table/Table.js +31 -5
  6. package/ui/table/Table.tsx +52 -6
  7. package/component/Alert.jsx +0 -113
  8. package/component/Avatar.jsx +0 -79
  9. package/component/Blob.jsx +0 -83
  10. package/component/BreadCrumb.jsx +0 -110
  11. package/component/Button.jsx +0 -98
  12. package/component/Card.jsx +0 -96
  13. package/component/Circle.jsx +0 -79
  14. package/component/CloseModal.jsx +0 -90
  15. package/component/Col.jsx +0 -76
  16. package/component/Container.jsx +0 -78
  17. package/component/DarkMode.jsx +0 -83
  18. package/component/Div.jsx +0 -99
  19. package/component/DropDown.jsx +0 -76
  20. package/component/DropItem.jsx +0 -73
  21. package/component/DropMenu.jsx +0 -97
  22. package/component/FunLoader.jsx +0 -79
  23. package/component/Grid.jsx +0 -80
  24. package/component/Hr.jsx +0 -72
  25. package/component/Icon.jsx +0 -77
  26. package/component/IconicInput.jsx +0 -86
  27. package/component/Input.jsx +0 -277
  28. package/component/LinkWrapper.jsx +0 -73
  29. package/component/List.jsx +0 -79
  30. package/component/ListItem.jsx +0 -73
  31. package/component/Modal.jsx +0 -93
  32. package/component/ModalAction.jsx +0 -71
  33. package/component/ModalContent.jsx +0 -71
  34. package/component/ModalHeader.jsx +0 -105
  35. package/component/NavBar.jsx +0 -80
  36. package/component/NavLink.jsx +0 -74
  37. package/component/NavLogo.jsx +0 -95
  38. package/component/Notification.jsx +0 -84
  39. package/component/NotificationContent.jsx +0 -71
  40. package/component/NotificationFooter.jsx +0 -71
  41. package/component/NotificationHeader.jsx +0 -71
  42. package/component/ProgressBar.jsx +0 -91
  43. package/component/RowFlex.jsx +0 -85
  44. package/component/Section.jsx +0 -74
  45. package/component/SideBar.jsx +0 -77
  46. package/component/SideBarContent.jsx +0 -71
  47. package/component/SideBarFooter.jsx +0 -71
  48. package/component/SideBarTop.jsx +0 -71
  49. package/component/SidebarTrigger.jsx +0 -96
  50. package/component/Snackbar.jsx +0 -90
  51. package/component/Starter.jsx +0 -203
  52. package/component/Step.jsx +0 -72
  53. package/component/StepContainer.jsx +0 -75
  54. package/component/StepHeader.jsx +0 -72
  55. package/component/StepLine.jsx +0 -72
  56. package/component/Table.jsx +0 -82
  57. package/component/TableBody.jsx +0 -72
  58. package/component/TableData.jsx +0 -74
  59. package/component/TableHead.jsx +0 -72
  60. package/component/TableRow.jsx +0 -74
  61. package/component/Tip.jsx +0 -78
  62. package/component/ToolTip.jsx +0 -72
  63. package/component/Typography.jsx +0 -99
  64. package/component/card/Card.jsx +0 -94
  65. package/component/card/CardBody.jsx +0 -71
  66. package/component/card/CardFab.jsx +0 -72
  67. package/component/card/CardFooter.jsx +0 -71
  68. package/component/card/CardHeader.jsx +0 -71
  69. package/component/fun.css +0 -593
  70. package/component/pages/NotFound.jsx +0 -107
  71. package/component/pages/UnAuthorized.jsx +0 -107
  72. package/ui/graph/BarGraph.d.ts +0 -13
  73. package/ui/graph/BarGraph.js +0 -17
  74. 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
- ;
@@ -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;
@@ -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;
@@ -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;