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 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(icons_1.ChevronRightIcon, { color: "gray.500" }), items: breadcrumbItems, handleClick: handleClick }),
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
- var ToolTip_1 = __importDefault(require("../ToolTip/ToolTip"));
11
- var icons_1 = require("@chakra-ui/icons");
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(icons_1.EditIcon, 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: {
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(icons_1.ViewIcon, 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: {
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(icons_1.ExternalLinkIcon, null),
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(icons_1.EditIcon, null),
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(icons_1.SearchIcon, { color: "gray.300" })),
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 icons_1 = require("@chakra-ui/icons");
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(icons_1.ChevronDownIcon, null), bg: "teal.500", color: "white", _hover: { bg: "teal.600" }, _active: { bg: "teal.700" } }, value),
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"),
@@ -1,4 +1,3 @@
1
- import "@fontsource/ubuntu-sans";
2
1
  import "@fontsource-variable/inter";
3
2
  declare const fonts: {
4
3
  fonts: {
@@ -1,6 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- require("@fontsource/ubuntu-sans");
4
3
  // Supports weights 100-900
5
4
  require("@fontsource-variable/inter");
6
5
  var fonts = {
@@ -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;
@@ -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.getFieldType = exports.getPreviousColumnWidth = exports.SortMultiColumnData = void 0;
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, KaTable, TableActionCreator, TableEnums, TableProps, TableModel, TableUtils, TableFun, 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, };
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.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.TableFun = exports.TableUtils = exports.TableModel = exports.TableProps = exports.TableEnums = exports.TableActionCreator = exports.KaTable = 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 = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = void 0;
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.65",
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-router-dom": "^6.23.1",
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
- "@types/styled-components": "^5.1.34",
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": {