pixelize-design-library 1.1.70 → 1.1.71
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/Components/NavigationBar/NavigationBar.js +1 -1
- package/dist/Components/NoteTextArea/NoteTextArea.js +1 -1
- package/dist/Components/ProfilePhotoViewer/ProfilePhotoViewer.js +2 -2
- package/dist/Components/Table/Components/TableActions.js +4 -4
- package/dist/Components/Table/Components/TableFilters.js +1 -1
- package/dist/Components/Table/Components/TableHeader.js +2 -2
- package/dist/Components/Timeline/Timeline.js +4 -4
- package/package.json +1 -1
|
@@ -40,7 +40,7 @@ function NavBar(_a) {
|
|
|
40
40
|
}, _hover: {
|
|
41
41
|
backgroundColor: theme.colors.primary["50"],
|
|
42
42
|
} },
|
|
43
|
-
react_1.default.createElement(react_2.Box, null, react_1.default.createElement(lucide_react_1.LogOut,
|
|
43
|
+
react_1.default.createElement(react_2.Box, null, react_1.default.createElement(lucide_react_1.LogOut, { size: 16 })),
|
|
44
44
|
react_1.default.createElement(react_2.Box, null, logoutText)))))))));
|
|
45
45
|
}
|
|
46
46
|
exports.default = NavBar;
|
|
@@ -221,7 +221,7 @@ function NoteTextArea(_a) {
|
|
|
221
221
|
react_1.default.createElement("div", { style: { padding: "12px 15px" } },
|
|
222
222
|
react_1.default.createElement("div", { style: { display: "flex", alignItems: "center" } },
|
|
223
223
|
react_1.default.createElement(FileUploadLabel, { htmlFor: "file-upload" },
|
|
224
|
-
react_1.default.createElement(lucide_react_1.Paperclip,
|
|
224
|
+
react_1.default.createElement(lucide_react_1.Paperclip, { size: 17 }),
|
|
225
225
|
react_1.default.createElement("input", { id: "file-upload", type: "file", style: { display: "none" }, onChange: function (e) {
|
|
226
226
|
var newFiles = Array.from(e.target.files || []);
|
|
227
227
|
var validFiles = newFiles.filter(function (file) { return file.size <= maxFileSize; });
|
|
@@ -78,13 +78,13 @@ function ProfilePhotoViewer(_a) {
|
|
|
78
78
|
transition: "opacity 0.3s",
|
|
79
79
|
} },
|
|
80
80
|
isEditable && (react_1.default.createElement(react_2.Tooltip, { label: "Edit", "aria-label": "Edit" },
|
|
81
|
-
react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(lucide_react_1.SquarePen,
|
|
81
|
+
react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(lucide_react_1.SquarePen, { size: 14 }), 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
82
|
transform: "scale(1.1)",
|
|
83
83
|
color: "blue.500",
|
|
84
84
|
boxShadow: "0 8px 16px rgba(0, 0, 0, 0.3)",
|
|
85
85
|
} }))),
|
|
86
86
|
isView && (react_1.default.createElement(react_2.Tooltip, { label: "View", "aria-label": "View" },
|
|
87
|
-
react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(lucide_react_1.Eye,
|
|
87
|
+
react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(lucide_react_1.Eye, { size: 14 }), 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
88
|
transform: "scale(1.1)",
|
|
89
89
|
color: "blue.500",
|
|
90
90
|
boxShadow: "0 8px 16px rgba(0, 0, 0, 0.3)",
|
|
@@ -10,19 +10,19 @@ var TableActions = function (_a) {
|
|
|
10
10
|
var row = _a.row;
|
|
11
11
|
return (react_1.default.createElement(react_2.Popover, { placement: "bottom-start", closeOnBlur: true },
|
|
12
12
|
react_1.default.createElement(react_2.PopoverTrigger, null,
|
|
13
|
-
react_1.default.createElement(react_2.IconButton, { "aria-label": "Link", color: "black", icon: react_1.default.createElement(lucide_react_1.EllipsisVertical, {
|
|
13
|
+
react_1.default.createElement(react_2.IconButton, { "aria-label": "Link", color: "black", icon: react_1.default.createElement(lucide_react_1.EllipsisVertical, { size: 17 }), size: "sm", p: 0, variant: "ghost", _hover: { transform: "scale(1.2)" } })),
|
|
14
14
|
react_1.default.createElement(react_2.Portal, null,
|
|
15
15
|
react_1.default.createElement(react_2.PopoverContent, { w: "auto", minW: "150px", boxShadow: "lg", p: 0, zIndex: 999 },
|
|
16
16
|
react_1.default.createElement(react_2.PopoverBody, null,
|
|
17
17
|
react_1.default.createElement(react_2.VStack, { align: "stretch", spacing: 1 },
|
|
18
18
|
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); } },
|
|
19
|
-
react_1.default.createElement(lucide_react_1.ExternalLink,
|
|
19
|
+
react_1.default.createElement(lucide_react_1.ExternalLink, { size: 17 }),
|
|
20
20
|
" View")),
|
|
21
21
|
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); } },
|
|
22
|
-
react_1.default.createElement(lucide_react_1.Pencil,
|
|
22
|
+
react_1.default.createElement(lucide_react_1.Pencil, { size: 17 }),
|
|
23
23
|
" Edit")),
|
|
24
24
|
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); } },
|
|
25
|
-
react_1.default.createElement(lucide_react_1.Trash2,
|
|
25
|
+
react_1.default.createElement(lucide_react_1.Trash2, { size: 17 }),
|
|
26
26
|
"Delete"))))))));
|
|
27
27
|
};
|
|
28
28
|
exports.default = TableActions;
|
|
@@ -43,7 +43,7 @@ var TableFilters = (0, react_1.memo)(function (_a) {
|
|
|
43
43
|
setRefreshDataOnOpen(function (prev) { return !prev; });
|
|
44
44
|
} },
|
|
45
45
|
react_1.default.createElement(react_2.PopoverTrigger, null,
|
|
46
|
-
react_1.default.createElement(react_2.IconButton, { "aria-label": "Search", icon: react_1.default.createElement(lucide_react_1.EllipsisVertical,
|
|
46
|
+
react_1.default.createElement(react_2.IconButton, { "aria-label": "Search", icon: react_1.default.createElement(lucide_react_1.EllipsisVertical, { size: 17 }), size: "xs", variant: "ghost", _hover: { bg: "none" } })),
|
|
47
47
|
react_1.default.createElement(react_2.Portal, null,
|
|
48
48
|
react_1.default.createElement(react_2.PopoverContent, { width: "200px" },
|
|
49
49
|
react_1.default.createElement(react_2.PopoverBody, { p: 2 },
|
|
@@ -64,14 +64,14 @@ var TableHeader = function (_a) {
|
|
|
64
64
|
var _a;
|
|
65
65
|
return (react_2.default.createElement(react_1.Th, { w: 6, minW: "35px", p: 0, backgroundColor: freezedBgColor, border: noBorders ? "none" : "1px solid ".concat((_a = theme.colors) === null || _a === void 0 ? void 0 : _a.gray[300]), position: "sticky", className: "columns sticky-columns", left: "0px", zIndex: 1, boxShadow: "2px 0 5px rgba(0, 0, 0, 0.1)" },
|
|
66
66
|
react_2.default.createElement(react_1.Box, { display: "flex", justifyContent: "center" },
|
|
67
|
-
react_2.default.createElement(lucide_react_1.FolderGit2, {
|
|
67
|
+
react_2.default.createElement(lucide_react_1.FolderGit2, { size: 17 }))));
|
|
68
68
|
}, [freezedBgColor, noBorders, theme.colors.gray]);
|
|
69
69
|
var RenderView = (0, react_2.useCallback)(function () {
|
|
70
70
|
var _a;
|
|
71
71
|
var BgColor = isActionFreeze ? freezedBgColor : headerBgColor;
|
|
72
72
|
return (react_2.default.createElement(react_1.Th, { w: 2, p: 0, minW: "2.065rem", backgroundColor: BgColor, border: noBorders ? "none" : "1px solid ".concat((_a = theme.colors) === null || _a === void 0 ? void 0 : _a.gray[300]), position: isActionFreeze ? "sticky" : "relative", className: "columns sticky-columns", right: "0px", zIndex: 1, boxShadow: "2px 0 5px rgba(0, 0, 0, 0.1)" },
|
|
73
73
|
react_2.default.createElement(react_1.Box, { display: "flex", justifyContent: "center" },
|
|
74
|
-
react_2.default.createElement(lucide_react_1.FileSymlink, {
|
|
74
|
+
react_2.default.createElement(lucide_react_1.FileSymlink, { size: 17 }))));
|
|
75
75
|
}, [
|
|
76
76
|
freezedBgColor,
|
|
77
77
|
noBorders,
|
|
@@ -101,11 +101,11 @@ var Timeline = function (_a) {
|
|
|
101
101
|
var getIcon = function (event) {
|
|
102
102
|
switch (event.action_from) {
|
|
103
103
|
case "Accounts":
|
|
104
|
-
return react_1.default.createElement(lucide_react_1.IndianRupee,
|
|
104
|
+
return react_1.default.createElement(lucide_react_1.IndianRupee, { size: 17 });
|
|
105
105
|
case "Notes":
|
|
106
|
-
return react_1.default.createElement(lucide_react_1.
|
|
106
|
+
return react_1.default.createElement(lucide_react_1.FileText, { size: 17 });
|
|
107
107
|
default:
|
|
108
|
-
return react_1.default.createElement(lucide_react_1.
|
|
108
|
+
return react_1.default.createElement(lucide_react_1.Volleyball, { size: 17 });
|
|
109
109
|
}
|
|
110
110
|
};
|
|
111
111
|
var groupEventsByDate = function (events) {
|
|
@@ -156,7 +156,7 @@ var Timeline = function (_a) {
|
|
|
156
156
|
} },
|
|
157
157
|
react_1.default.createElement(EventTitle, null, event.action_from + " " + event.title),
|
|
158
158
|
react_1.default.createElement(react_2.Tooltip, { label: formatChanges(event.changes), shouldWrapChildren: true, placement: "top", hasArrow: true },
|
|
159
|
-
react_1.default.createElement(lucide_react_1.Info, { style: { marginLeft: "5px" } }))),
|
|
159
|
+
react_1.default.createElement(lucide_react_1.Info, { style: { marginLeft: "5px" }, size: 17 }))),
|
|
160
160
|
react_1.default.createElement(EventDate, null, " by " +
|
|
161
161
|
event.action_by +
|
|
162
162
|
" " +
|