pixelize-design-library 2.1.52 → 2.1.54

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.
@@ -82,7 +82,8 @@ function CustomDatePicker(props) {
82
82
  }
83
83
  if (showTime) {
84
84
  // setTempDate(new Date()); // add new
85
- setTempDate(disableToday ? tomorrow : new Date());
85
+ // setTempDate(disableToday ? tomorrow : new Date());
86
+ setTempDate(disableToday ? tomorrow : selectedDate ? selectedDate : new Date());
86
87
  }
87
88
  onOpen();
88
89
  };
@@ -20,12 +20,12 @@ var HeaderActions = function (_a) {
20
20
  }
21
21
  if (edit === null || edit === void 0 ? void 0 : edit.isEditable) {
22
22
  elements.push(react_2.default.createElement(react_1.Box, { key: "edit", display: "flex", alignItems: "center", gap: "0.375rem", cursor: "pointer", fontSize: 14, onClick: function () { var _a; return (_a = edit.onEdit) === null || _a === void 0 ? void 0 : _a.call(edit); } },
23
- react_2.default.createElement(lucide_react_1.SquarePen, { size: 20, color: (_d = colors === null || colors === void 0 ? void 0 : colors.text) === null || _d === void 0 ? void 0 : _d[500] }),
23
+ react_2.default.createElement(lucide_react_1.SquarePen, { size: 16, color: (_d = colors === null || colors === void 0 ? void 0 : colors.text) === null || _d === void 0 ? void 0 : _d[500] }),
24
24
  react_2.default.createElement(react_1.Text, { color: (_e = colors === null || colors === void 0 ? void 0 : colors.secondary) === null || _e === void 0 ? void 0 : _e[500] }, edit.label ? edit.label : "Edit Layout")));
25
25
  }
26
26
  if (create === null || create === void 0 ? void 0 : create.isCreatable) {
27
27
  elements.push(react_2.default.createElement(react_1.Box, { key: "create", display: "flex", alignItems: "center", gap: "0.375rem", cursor: "pointer", fontSize: 14, onClick: function () { var _a; return (_a = create.onCreate) === null || _a === void 0 ? void 0 : _a.call(create); } },
28
- react_2.default.createElement(lucide_react_1.CirclePlus, { size: 20, color: (_f = colors === null || colors === void 0 ? void 0 : colors.text) === null || _f === void 0 ? void 0 : _f[500] }),
28
+ react_2.default.createElement(lucide_react_1.CirclePlus, { size: 16, color: (_f = colors === null || colors === void 0 ? void 0 : colors.text) === null || _f === void 0 ? void 0 : _f[500] }),
29
29
  react_2.default.createElement(react_1.Text, { color: (_g = colors === null || colors === void 0 ? void 0 : colors.secondary) === null || _g === void 0 ? void 0 : _g[500] },
30
30
  " ",
31
31
  create.label ? create.label : "Create New",
@@ -97,7 +97,7 @@ var KanbanBoard = function (_a) {
97
97
  return (react_1.default.createElement(react_1.default.Fragment, null,
98
98
  react_1.default.createElement(HeaderActions_1.default, { select: kanbanSelect, edit: kanbanEdit, create: kanbanCreate }),
99
99
  react_1.default.createElement(dnd_1.DragDropContext, { onDragEnd: onDragEnd },
100
- react_1.default.createElement(react_2.Flex, { gap: 4, p: 4, bg: (_b = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _b === void 0 ? void 0 : _b[200], minH: "100vh", overflowX: "auto", maxWidth: "100vw" }, isLoading ? ((_c = Array.from({ length: 5 })) === null || _c === void 0 ? void 0 : _c.map(function (_, idx) {
100
+ react_1.default.createElement(react_2.Flex, { gap: 4, p: 4, mt: 2, bg: (_b = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _b === void 0 ? void 0 : _b[200], minH: "100vh", overflowX: "auto", maxWidth: "100vw" }, isLoading ? ((_c = Array.from({ length: 5 })) === null || _c === void 0 ? void 0 : _c.map(function (_, idx) {
101
101
  var _a, _b;
102
102
  return (react_1.default.createElement(react_2.Box, { key: idx, width: "17.5rem", p: 4, borderRadius: "0.5rem", bg: (_a = colors === null || colors === void 0 ? void 0 : colors.background) === null || _a === void 0 ? void 0 : _a[100], border: "0.125rem solid ".concat((_b = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _b === void 0 ? void 0 : _b[200]), flexShrink: 0 },
103
103
  react_1.default.createElement(react_2.Skeleton, { height: "2.75rem", mb: 4, borderRadius: "0.25rem" }),
@@ -55,16 +55,14 @@ var DatePick = function () {
55
55
  console.log("Date range cleared");
56
56
  }
57
57
  };
58
+ console.log("Selected DateTime:", selectedDateTime);
58
59
  return (react_1.default.createElement("div", null,
59
60
  react_1.default.createElement("h2", null, "Single Date Picker"),
60
61
  react_1.default.createElement("h2", null, "Date "),
61
- react_1.default.createElement(DatePicker_1.default, { selectedDate: selectedDate, onChange: handleDateChange, dateFormat: "dd/MM/yyyy", pickerType: "date", width: "300px", error: true, errorMessage: "Invalid date", disableToday: true }),
62
62
  react_1.default.createElement("h2", null, "time "),
63
- react_1.default.createElement(DatePicker_1.default, { selectedDate: selectedTime, onChange: handleTimeChange, dateFormat: "HH:mm", pickerType: "time", width: "300px", error: true, errorMessage: "Invalid date" }),
64
63
  react_1.default.createElement("h2", null, "datetime "),
65
64
  react_1.default.createElement(DatePicker_1.default, { selectedDate: selectedDateTime, onChange: handleDateTimeChange, dateFormat: "dd/MM/yyyy hh:mm aa", pickerType: "datetime", width: "300px", error: true, errorMessage: "Invalid date" }),
66
65
  react_1.default.createElement("br", null),
67
- react_1.default.createElement("h2", null, "Date Range Picker"),
68
- react_1.default.createElement(DatePicker_1.default, { isRange: true, dateFormat: "dd/MM/yyyy", pickerType: "date", onChange: handleDateRangeChange, selectedDate: selectedDateRange, width: "300px", error: true, errorMessage: "Invalid date" })));
66
+ react_1.default.createElement("h2", null, "Date Range Picker")));
69
67
  };
70
68
  exports.default = DatePick;
@@ -232,7 +232,7 @@ var KanbanBoardExample = function () {
232
232
  }); }),
233
233
  onSelectChange: function (option) { },
234
234
  selectPlaceholderText: "",
235
- width: "50px",
235
+ width: "200px",
236
236
  value: "kanbanSelectValue",
237
237
  } }));
238
238
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixelize-design-library",
3
- "version": "2.1.52",
3
+ "version": "2.1.54",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",