pixelize-design-library 1.1.66 → 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.
Files changed (7) hide show
  1. package/dist/App.js +1 -2
  2. package/dist/Components/Common/FormLabel.js +3 -5
  3. package/dist/Components/ProfilePhotoViewer/ProfilePhotoViewer.js +2 -3
  4. package/dist/Components/Table/Components/TableActions.js +2 -3
  5. package/dist/Components/Table/Components/TableFilters.js +1 -2
  6. package/dist/Components/Trail/EditableCell.js +2 -2
  7. package/package.json +1 -2
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
  }
package/dist/Components/Common/FormLabel.js CHANGED
@@ -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;
package/dist/Components/ProfilePhotoViewer/ProfilePhotoViewer.js CHANGED
@@ -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)",
package/dist/Components/Table/Components/TableActions.js CHANGED
@@ -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),
package/dist/Components/Table/Components/TableFilters.js CHANGED
@@ -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);
package/dist/Components/Trail/EditableCell.js CHANGED
@@ -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/package.json CHANGED
@@ -1,12 +1,11 @@
1
1
  {
2
2
  "name": "pixelize-design-library",
3
- "version": "1.1.66",
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
- "@chakra-ui/icons": "^2.1.1",
10
9
  "@chakra-ui/react": "^2.8.2",
11
10
  "@fontsource-variable/inter": "^5.1.0",
12
11
  "apexcharts": "^3.49.1",