pixelize-design-library 1.1.65 → 1.1.67
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/App.js +1 -2
- package/dist/Components/Common/FormLabel.js +3 -5
- package/dist/Components/ProfilePhotoViewer/ProfilePhotoViewer.js +2 -3
- package/dist/Components/Table/Components/TableActions.js +2 -3
- package/dist/Components/Table/Components/TableFilters.js +1 -2
- package/dist/Components/Trail/EditableCell.js +2 -2
- package/dist/Layout.js +0 -4
- package/dist/Theme/fonts.d.ts +0 -1
- package/dist/Theme/fonts.js +0 -1
- package/dist/Utils/table.d.ts +0 -3
- package/dist/Utils/table.js +1 -19
- package/dist/index.d.ts +1 -2
- package/dist/index.js +2 -10
- package/package.json +14 -21
package/dist/App.js
CHANGED
|
@@ -32,7 +32,6 @@ var Loading_1 = __importDefault(require("./Components/Loading/Loading"));
|
|
|
32
32
|
var SideBar_1 = __importDefault(require("./Components/SideBar/SideBar"));
|
|
33
33
|
var NavigationBar_1 = __importDefault(require("./Components/NavigationBar/NavigationBar"));
|
|
34
34
|
var Breadcrumbs_1 = __importDefault(require("./Components/Breadcrumbs/Breadcrumbs"));
|
|
35
|
-
var icons_1 = require("@chakra-ui/icons");
|
|
36
35
|
var fi_1 = require("react-icons/fi");
|
|
37
36
|
var Layout_1 = __importDefault(require("./Layout"));
|
|
38
37
|
function App() {
|
|
@@ -95,7 +94,7 @@ function App() {
|
|
|
95
94
|
react_1.default.createElement(react_2.Box, { flex: "1", maxWidth: width, overflow: "hidden" },
|
|
96
95
|
react_1.default.createElement(NavigationBar_1.default, { userAvathar: "https://bit.ly/dan-abramo", userName: "PIXELIZE", navMenu: navmenus, handleNavOnClick: handleNavOnClick, handleLogout: handleLogout, logoutText: "Logout", key: "navbar", moreIcon: react_1.default.createElement(fi_1.FiCalendar, null) }),
|
|
97
96
|
react_1.default.createElement("br", null),
|
|
98
|
-
react_1.default.createElement(Breadcrumbs_1.default, { separator: react_1.default.createElement(
|
|
97
|
+
react_1.default.createElement(Breadcrumbs_1.default, { separator: react_1.default.createElement(fi_1.FiChevronRight, { color: "gray.500" }), items: breadcrumbItems, handleClick: handleClick }),
|
|
99
98
|
react_1.default.createElement(react_2.Box, { p: "50px", height: height - 160, overflowY: "scroll", width: width - 75 },
|
|
100
99
|
react_1.default.createElement(Layout_1.default, null)))))));
|
|
101
100
|
}
|
|
@@ -7,15 +7,13 @@ exports.TextLabel = void 0;
|
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var react_2 = require("@chakra-ui/react");
|
|
9
9
|
var useCustomTheme_1 = require("../../Theme/useCustomTheme");
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
// import ToolTip from "../ToolTip/ToolTip";
|
|
11
|
+
// import { FaInfoCircle } from "react-icons/fa";
|
|
12
12
|
var TextLabel = function (_a) {
|
|
13
13
|
var label = _a.label, id = _a.id, isInformation = _a.isInformation, informationMessage = _a.informationMessage, _b = _a.isRequired, isRequired = _b === void 0 ? false : _b;
|
|
14
14
|
var theme = (0, useCustomTheme_1.useCustomTheme)();
|
|
15
15
|
return (react_1.default.createElement(react_2.FormLabel, { htmlFor: id !== null && id !== void 0 ? id : label, color: theme.colors.gray[600], mb: "0.1rem", fontWeight: 600, fontSize: 14 },
|
|
16
16
|
label,
|
|
17
|
-
isRequired && react_1.default.createElement("span", { style: { color: "red" } }, "*")
|
|
18
|
-
isInformation && (react_1.default.createElement(ToolTip_1.default, { placement: "top", hasArrow: true, label: informationMessage },
|
|
19
|
-
react_1.default.createElement(icons_1.InfoIcon, { ml: 1, position: "absolute", top: "3px", fontSize: 14, color: theme.colors.gray[500] })))));
|
|
17
|
+
isRequired && react_1.default.createElement("span", { style: { color: "red" } }, "*")));
|
|
20
18
|
};
|
|
21
19
|
exports.TextLabel = TextLabel;
|
|
@@ -36,7 +36,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
36
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
37
|
var react_1 = __importStar(require("react"));
|
|
38
38
|
var react_2 = require("@chakra-ui/react");
|
|
39
|
-
var icons_1 = require("@chakra-ui/icons");
|
|
40
39
|
var fi_1 = require("react-icons/fi");
|
|
41
40
|
var fa_1 = require("react-icons/fa");
|
|
42
41
|
function ProfilePhotoViewer(_a) {
|
|
@@ -80,13 +79,13 @@ function ProfilePhotoViewer(_a) {
|
|
|
80
79
|
transition: "opacity 0.3s",
|
|
81
80
|
} },
|
|
82
81
|
isEditable && (react_1.default.createElement(react_2.Tooltip, { label: "Edit", "aria-label": "Edit" },
|
|
83
|
-
react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(
|
|
82
|
+
react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(fa_1.FaEdit, null), isRound: isRound, size: editIconSize, onClick: handleClick, "aria-label": "Edit photo", style: __assign(__assign({}, style), { transition: "transform 0.3s, box-shadow 0.3s", boxShadow: "0 4px 8px rgba(0, 0, 0, 0.2)", marginRight: "3px" }), _hover: {
|
|
84
83
|
transform: "scale(1.1)",
|
|
85
84
|
color: "blue.500",
|
|
86
85
|
boxShadow: "0 8px 16px rgba(0, 0, 0, 0.3)",
|
|
87
86
|
} }))),
|
|
88
87
|
isView && (react_1.default.createElement(react_2.Tooltip, { label: "View", "aria-label": "View" },
|
|
89
|
-
react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(
|
|
88
|
+
react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(fa_1.FaEye, null), isRound: isRound, size: editIconSize, onClick: handleIsView, "aria-label": "View photo", style: __assign(__assign({}, style), { transition: "transform 0.3s, box-shadow 0.3s", boxShadow: "0 4px 8px rgba(0, 0, 0, 0.2)" }), _hover: {
|
|
90
89
|
transform: "scale(1.1)",
|
|
91
90
|
color: "blue.500",
|
|
92
91
|
boxShadow: "0 8px 16px rgba(0, 0, 0, 0.3)",
|
|
@@ -7,7 +7,6 @@ var react_1 = __importDefault(require("react"));
|
|
|
7
7
|
var react_2 = require("@chakra-ui/react");
|
|
8
8
|
var fa_1 = require("react-icons/fa");
|
|
9
9
|
var md_1 = require("react-icons/md");
|
|
10
|
-
var icons_1 = require("@chakra-ui/icons");
|
|
11
10
|
var TableActions = function (_a) {
|
|
12
11
|
var row = _a.row;
|
|
13
12
|
return (react_1.default.createElement(react_2.Popover, { placement: "bottom-start", closeOnBlur: true },
|
|
@@ -18,10 +17,10 @@ var TableActions = function (_a) {
|
|
|
18
17
|
react_1.default.createElement(react_2.PopoverBody, null,
|
|
19
18
|
react_1.default.createElement(react_2.VStack, { align: "stretch", spacing: 1 },
|
|
20
19
|
row.onLink && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", gap: 2, onClick: function () { return row === null || row === void 0 ? void 0 : row.onLink(row); } },
|
|
21
|
-
react_1.default.createElement(
|
|
20
|
+
react_1.default.createElement(fa_1.FaExternalLinkAlt, null),
|
|
22
21
|
" View")),
|
|
23
22
|
row.onEdit && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", gap: 2, onClick: function () { var _a; return (_a = row === null || row === void 0 ? void 0 : row.onEdit) === null || _a === void 0 ? void 0 : _a.call(row, row); } },
|
|
24
|
-
react_1.default.createElement(
|
|
23
|
+
react_1.default.createElement(fa_1.FaEdit, null),
|
|
25
24
|
" Edit")),
|
|
26
25
|
row.onDelete && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", colorScheme: "red", gap: 2, onClick: function () { var _a; return (_a = row === null || row === void 0 ? void 0 : row.onDelete) === null || _a === void 0 ? void 0 : _a.call(row, row); } },
|
|
27
26
|
react_1.default.createElement(md_1.MdDelete, null),
|
|
@@ -24,7 +24,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
var react_1 = __importStar(require("react"));
|
|
27
|
-
var icons_1 = require("@chakra-ui/icons");
|
|
28
27
|
var react_2 = require("@chakra-ui/react");
|
|
29
28
|
var fa_1 = require("react-icons/fa");
|
|
30
29
|
var table_1 = require("../../../Utils/table");
|
|
@@ -50,7 +49,7 @@ var TableFilters = (0, react_1.memo)(function (_a) {
|
|
|
50
49
|
react_1.default.createElement(react_2.PopoverBody, { p: 2 },
|
|
51
50
|
react_1.default.createElement(react_2.InputGroup, { flex: "1", size: "xs" },
|
|
52
51
|
react_1.default.createElement(react_2.InputLeftElement, { pointerEvents: "none" },
|
|
53
|
-
react_1.default.createElement(
|
|
52
|
+
react_1.default.createElement(fa_1.FaSearch, { color: "gray.300" })),
|
|
54
53
|
react_1.default.createElement(react_2.Input, { autoFocus: true, placeholder: "Search ".concat(header.label, "..."), size: "xs", ref: searchRef, onChange: function (e) {
|
|
55
54
|
e.stopPropagation();
|
|
56
55
|
debounceRef(e.target.value);
|
|
@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
exports.EditableCell = void 0;
|
|
27
27
|
var react_1 = __importStar(require("react"));
|
|
28
28
|
var react_2 = require("@chakra-ui/react");
|
|
29
|
-
var
|
|
29
|
+
var fa_1 = require("react-icons/fa");
|
|
30
30
|
var EditableCell = function (_a) {
|
|
31
31
|
var row = _a.row, column = _a.column, isEditable = _a.isEditable, handleCellClick = _a.handleCellClick, handleCellChange = _a.handleCellChange;
|
|
32
32
|
var cellRef = (0, react_1.useRef)(null);
|
|
@@ -47,7 +47,7 @@ var EditableCell = function (_a) {
|
|
|
47
47
|
else if (column.label === "priority") {
|
|
48
48
|
return (react_1.default.createElement(react_2.Box, { width: "100%", ref: cellRef },
|
|
49
49
|
react_1.default.createElement(react_2.Menu, { isOpen: true },
|
|
50
|
-
react_1.default.createElement(react_2.MenuButton, { as: react_2.Button, rightIcon: react_1.default.createElement(
|
|
50
|
+
react_1.default.createElement(react_2.MenuButton, { as: react_2.Button, rightIcon: react_1.default.createElement(fa_1.FaChevronDown, null), bg: "teal.500", color: "white", _hover: { bg: "teal.600" }, _active: { bg: "teal.700" } }, value),
|
|
51
51
|
react_1.default.createElement(react_2.MenuList, null,
|
|
52
52
|
react_1.default.createElement(react_2.MenuItem, { onClick: function () {
|
|
53
53
|
return handleCellChange(row.id, column.label, "Low");
|
package/dist/Layout.js
CHANGED
|
@@ -56,7 +56,6 @@ var modal_1 = __importDefault(require("./Pages/modal"));
|
|
|
56
56
|
var checkbox_1 = __importDefault(require("./Pages/checkbox"));
|
|
57
57
|
var toster_1 = __importDefault(require("./Pages/toster"));
|
|
58
58
|
var input_1 = __importDefault(require("./Pages/input"));
|
|
59
|
-
var KaTableExample_1 = __importDefault(require("./Pages/KaTableExample"));
|
|
60
59
|
var alertdialog_1 = __importDefault(require("./Pages/alertdialog"));
|
|
61
60
|
var table_1 = require("./Pages/table");
|
|
62
61
|
var Layout = function () {
|
|
@@ -76,8 +75,6 @@ var Layout = function () {
|
|
|
76
75
|
}, []);
|
|
77
76
|
var renderPage = function () {
|
|
78
77
|
switch (currentPath) {
|
|
79
|
-
case "/katable":
|
|
80
|
-
return react_2.default.createElement(KaTableExample_1.default, null);
|
|
81
78
|
case "/alertdialog":
|
|
82
79
|
return react_2.default.createElement(alertdialog_1.default, null);
|
|
83
80
|
case "/accordion":
|
|
@@ -145,7 +142,6 @@ var Layout = function () {
|
|
|
145
142
|
return (react_2.default.createElement("div", null,
|
|
146
143
|
react_2.default.createElement("nav", null,
|
|
147
144
|
react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/"); } }, "Home"),
|
|
148
|
-
react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/katable"); } }, "KaTable"),
|
|
149
145
|
react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/alertdialog"); } }, "AlertDialog"),
|
|
150
146
|
react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/accordion"); } }, "Accordion"),
|
|
151
147
|
react_2.default.createElement(react_1.Button, { onClick: function () { return navigate("/selectsearch"); } }, "Selectsearch"),
|
package/dist/Theme/fonts.d.ts
CHANGED
package/dist/Theme/fonts.js
CHANGED
package/dist/Utils/table.d.ts
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
import { KaTableProps } from "../Components/KaTable/KaTableProps";
|
|
2
1
|
import { DataObject, TableHeaderProps } from "../Components/Table/TableProps";
|
|
3
2
|
export declare function SortMultiColumnData(data: Record<string, string | number>[], sortConfig: {
|
|
4
3
|
column: string | number;
|
|
5
4
|
direction: string;
|
|
6
5
|
}[]): Record<string, string | number>[];
|
|
7
|
-
export declare const getPreviousColumnWidth: (columns: KaTableProps["columns"], key: string) => any;
|
|
8
|
-
export declare const getFieldType: (header: string, data: DataObject[]) => "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
|
|
9
6
|
export declare const calculateLeftOffset: (columns: number[], index: number) => number;
|
|
10
7
|
export declare const searchAndSortData: (data: DataObject[], searchValues: Record<string, string>) => DataObject[];
|
|
11
8
|
export declare function debounce<T extends (...args: any[]) => void>(func: T, delay: number): (...args: Parameters<T>) => void;
|
package/dist/Utils/table.js
CHANGED
|
@@ -9,7 +9,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
9
9
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
10
10
|
};
|
|
11
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
exports.TableCellCalculation = exports.pageSizeCalculation = exports.debounce = exports.searchAndSortData = exports.calculateLeftOffset = exports.
|
|
12
|
+
exports.TableCellCalculation = exports.pageSizeCalculation = exports.debounce = exports.searchAndSortData = exports.calculateLeftOffset = exports.SortMultiColumnData = void 0;
|
|
13
13
|
var useCustomTheme_1 = require("../Theme/useCustomTheme");
|
|
14
14
|
function SortMultiColumnData(data, sortConfig) {
|
|
15
15
|
if (!sortConfig.length)
|
|
@@ -32,24 +32,6 @@ function SortMultiColumnData(data, sortConfig) {
|
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
exports.SortMultiColumnData = SortMultiColumnData;
|
|
35
|
-
var getPreviousColumnWidth = function (columns, key) {
|
|
36
|
-
var index = columns === null || columns === void 0 ? void 0 : columns.findIndex(function (column) { return column.key === key; });
|
|
37
|
-
if (index > 0) {
|
|
38
|
-
return columns[index - 1].width;
|
|
39
|
-
}
|
|
40
|
-
return 0;
|
|
41
|
-
};
|
|
42
|
-
exports.getPreviousColumnWidth = getPreviousColumnWidth;
|
|
43
|
-
var getFieldType = function (header, data) {
|
|
44
|
-
for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {
|
|
45
|
-
var row = data_1[_i];
|
|
46
|
-
if (row[header] !== null) {
|
|
47
|
-
return typeof row[header];
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
return "string";
|
|
51
|
-
};
|
|
52
|
-
exports.getFieldType = getFieldType;
|
|
53
35
|
var calculateLeftOffset = function (columns, index) {
|
|
54
36
|
return columns.slice(0, index).reduce(function (sum, width) { return sum + width; }, 0);
|
|
55
37
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -12,7 +12,6 @@ import Drawer, { DrawerHeader, DrawerBody, DrawerFooter } from "./Components/Dra
|
|
|
12
12
|
import Dropdown from "./Components/Dropdown/DropDown";
|
|
13
13
|
import Editor from "./Components/Editor/Editor";
|
|
14
14
|
import InputTextArea from "./Components/InputTextArea/InputTextArea";
|
|
15
|
-
import KaTable, { TableActionCreator, TableEnums, TableProps, TableModel, TableUtils, TableFun } from "./Components/KaTable/KaTable";
|
|
16
15
|
import Loading from "./Components/Loading/Loading";
|
|
17
16
|
import Modal, { ModalHeader, ModalBody, ModalFooter } from "./Components/Modal/Modal";
|
|
18
17
|
import MultiSelect from "./Components/MultiSelect/MultiSelect";
|
|
@@ -40,5 +39,5 @@ import withTheme from "./withTheme";
|
|
|
40
39
|
import { useCustomTheme } from "./Theme/useCustomTheme";
|
|
41
40
|
import { ThemesList } from "./Theme";
|
|
42
41
|
import { debounce } from "./Utils/table";
|
|
43
|
-
export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, InputTextArea,
|
|
42
|
+
export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, InputTextArea, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, NoteTextArea, MultiSelect, NumberInput, PinInput, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Search, Select, SelectSearch, SideBar, Skeletons, Switch, Table, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
|
|
44
43
|
export default withTheme;
|
package/dist/index.js
CHANGED
|
@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
28
28
|
};
|
|
29
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
|
-
exports.
|
|
31
|
-
exports.debounce =
|
|
30
|
+
exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Table = exports.Switch = exports.Skeletons = exports.SideBar = exports.SelectSearch = exports.Select = exports.Search = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.PinInput = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.InputTextArea = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
|
|
31
|
+
exports.debounce = void 0;
|
|
32
32
|
var Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
|
|
33
33
|
exports.Accordian = Accordion_1.default;
|
|
34
34
|
var AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
|
|
@@ -60,14 +60,6 @@ var Editor_1 = __importDefault(require("./Components/Editor/Editor"));
|
|
|
60
60
|
exports.Editor = Editor_1.default;
|
|
61
61
|
var InputTextArea_1 = __importDefault(require("./Components/InputTextArea/InputTextArea"));
|
|
62
62
|
exports.InputTextArea = InputTextArea_1.default;
|
|
63
|
-
var KaTable_1 = __importStar(require("./Components/KaTable/KaTable"));
|
|
64
|
-
exports.KaTable = KaTable_1.default;
|
|
65
|
-
Object.defineProperty(exports, "TableActionCreator", { enumerable: true, get: function () { return KaTable_1.TableActionCreator; } });
|
|
66
|
-
Object.defineProperty(exports, "TableEnums", { enumerable: true, get: function () { return KaTable_1.TableEnums; } });
|
|
67
|
-
Object.defineProperty(exports, "TableProps", { enumerable: true, get: function () { return KaTable_1.TableProps; } });
|
|
68
|
-
Object.defineProperty(exports, "TableModel", { enumerable: true, get: function () { return KaTable_1.TableModel; } });
|
|
69
|
-
Object.defineProperty(exports, "TableUtils", { enumerable: true, get: function () { return KaTable_1.TableUtils; } });
|
|
70
|
-
Object.defineProperty(exports, "TableFun", { enumerable: true, get: function () { return KaTable_1.TableFun; } });
|
|
71
63
|
var Loading_1 = __importDefault(require("./Components/Loading/Loading"));
|
|
72
64
|
exports.Loading = Loading_1.default;
|
|
73
65
|
var Modal_1 = __importStar(require("./Components/Modal/Modal"));
|
package/package.json
CHANGED
|
@@ -1,38 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pixelize-design-library",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.67",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@babel/core": "^7.24.5",
|
|
10
|
-
"@chakra-ui/icons": "^2.1.1",
|
|
11
9
|
"@chakra-ui/react": "^2.8.2",
|
|
12
|
-
"@emotion/react": "^11.11.4",
|
|
13
|
-
"@emotion/styled": "^11.11.5",
|
|
14
10
|
"@fontsource-variable/inter": "^5.1.0",
|
|
15
|
-
"@fontsource/ubuntu-sans": "^5.1.0",
|
|
16
|
-
"@testing-library/jest-dom": "^5.17.0",
|
|
17
|
-
"@testing-library/react": "^13.4.0",
|
|
18
|
-
"@testing-library/user-event": "^13.5.0",
|
|
19
|
-
"@types/jest": "^27.5.2",
|
|
20
|
-
"@types/node": "^16.18.97",
|
|
21
|
-
"@types/react": "^18.3.2",
|
|
22
|
-
"@types/react-dom": "^18.3.0",
|
|
23
11
|
"apexcharts": "^3.49.1",
|
|
24
12
|
"framer-motion": "^11.2.2",
|
|
25
13
|
"jodit-react": "^4.1.2",
|
|
26
|
-
"ka-table": "^11.1.1",
|
|
27
14
|
"react": "^18.3.1",
|
|
28
15
|
"react-apexcharts": "^1.4.1",
|
|
29
16
|
"react-datepicker": "^7.3.0",
|
|
30
17
|
"react-dom": "^18.3.1",
|
|
31
18
|
"react-icons": "^5.2.1",
|
|
32
|
-
"react-
|
|
33
|
-
"react-scripts": "^5.0.1",
|
|
34
|
-
"styled-components": "^6.1.13",
|
|
35
|
-
"typescript": "^4.9.5"
|
|
19
|
+
"react-scripts": "^5.0.1"
|
|
36
20
|
},
|
|
37
21
|
"scripts": {
|
|
38
22
|
"start": "react-scripts start",
|
|
@@ -61,16 +45,25 @@
|
|
|
61
45
|
]
|
|
62
46
|
},
|
|
63
47
|
"devDependencies": {
|
|
48
|
+
"@babel/core": "^7.24.5",
|
|
64
49
|
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
|
|
65
|
-
"@
|
|
50
|
+
"@emotion/react": "^11.11.4",
|
|
51
|
+
"@emotion/styled": "^11.11.5",
|
|
52
|
+
"@testing-library/jest-dom": "^5.17.0",
|
|
53
|
+
"@testing-library/react": "^13.4.0",
|
|
54
|
+
"@testing-library/user-event": "^13.5.0",
|
|
55
|
+
"@types/jest": "^27.5.2",
|
|
56
|
+
"@types/node": "^16.18.97",
|
|
57
|
+
"@types/react": "^18.3.2",
|
|
58
|
+
"@types/react-dom": "^18.3.0",
|
|
66
59
|
"copyfiles": "^2.4.1",
|
|
67
|
-
"globals": "^15.8.0",
|
|
68
60
|
"husky": "^8.0.0",
|
|
69
61
|
"lint-staged": "^15.2.7",
|
|
70
62
|
"path": "^0.12.7",
|
|
71
63
|
"prettier": "^3.3.2",
|
|
72
64
|
"prop-types": "^15.8.1",
|
|
73
|
-
"webpack": "^5.91.0"
|
|
65
|
+
"webpack": "^5.91.0",
|
|
66
|
+
"typescript": "^4.9.5"
|
|
74
67
|
},
|
|
75
68
|
"husky": {
|
|
76
69
|
"hooks": {
|