nexaas-ui-components 1.0.76 → 1.0.77

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 (5) hide show
  1. package/dist/index.cjs +23 -14
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +23 -14
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -192,7 +192,7 @@ var Button = ({
192
192
  React5.useEffect(() => {
193
193
  if (!hotkey || !props.onClick) return;
194
194
  const handleKeyDown = (event) => {
195
- var _a;
195
+ var _a, _b;
196
196
  if (props.disabled || props.loading) return;
197
197
  const keys = hotkey.toLowerCase().split("+").map((k) => k.trim());
198
198
  const primaryKey = keys.pop();
@@ -201,10 +201,17 @@ var Button = ({
201
201
  const requiredAlt = keys.includes("alt");
202
202
  const requiredShift = keys.includes("shift");
203
203
  const requiredMeta = keys.includes("meta") || keys.includes("cmd");
204
- const match = event.key.toLowerCase() === primaryKey && event.ctrlKey === requiredCtrl && event.altKey === requiredAlt && event.shiftKey === requiredShift && event.metaKey === requiredMeta;
204
+ const keyAliases = {
205
+ esc: "escape",
206
+ del: "delete",
207
+ space: " ",
208
+ spacebar: " "
209
+ };
210
+ const normalizedPrimary = (_a = keyAliases[primaryKey]) != null ? _a : primaryKey;
211
+ const match = event.key.toLowerCase() === normalizedPrimary && event.ctrlKey === requiredCtrl && event.altKey === requiredAlt && event.shiftKey === requiredShift && event.metaKey === requiredMeta;
205
212
  if (match) {
206
213
  event.preventDefault();
207
- (_a = props.onClick) == null ? void 0 : _a.call(props, event);
214
+ (_b = props.onClick) == null ? void 0 : _b.call(props, event);
208
215
  }
209
216
  };
210
217
  window.addEventListener("keydown", handleKeyDown);
@@ -1243,7 +1250,6 @@ var FilterCalendar = ({
1243
1250
  filterActive: "rounded-3xl border border-blue-500 text-blue-500 bg-blue-100 shadow-input hover:bg-blue-500 hover:text-accent-label active:text-accent-label active:bg-blue-600 active:border-blue-600"
1244
1251
  };
1245
1252
  const [currentValue, setCurrentValue] = React5.useState([]);
1246
- const [calendarLabel, setCalendarLabel] = React5.useState("");
1247
1253
  const isMobileSize = (window == null ? void 0 : window.innerWidth) < 768;
1248
1254
  const shorcuts = [
1249
1255
  {
@@ -1407,6 +1413,9 @@ var FilterCalendar = ({
1407
1413
  const [selectedShortcut, setSelectedShortcut] = React5.useState(
1408
1414
  defaultShortcut || shorcuts[0]
1409
1415
  );
1416
+ const [calendarLabel, setCalendarLabel] = React5.useState(
1417
+ defaultShortcut != null && shorcuts[defaultShortcut] ? shorcuts[defaultShortcut].label : ""
1418
+ );
1410
1419
  const calendar = /* @__PURE__ */ jsxRuntime.jsx("div", { id: "group-input-calendar", className: "relative", children: rangeCalendar ? /* @__PURE__ */ jsxRuntime.jsx(
1411
1420
  datetime2.DateRangePicker3,
1412
1421
  {
@@ -1472,7 +1481,7 @@ var FilterCalendar = ({
1472
1481
  control,
1473
1482
  render: ({ field }) => {
1474
1483
  var _a;
1475
- let hasValue = ((_a = field == null ? void 0 : field.value) == null ? void 0 : _a.length) > 0;
1484
+ let hasValue = ((_a = field == null ? void 0 : field.value) == null ? void 0 : _a.length) > 0 || !!calendarLabel && calendarLabel !== shorcuts[0].label;
1476
1485
  return /* @__PURE__ */ jsxRuntime.jsx(
1477
1486
  react.Popover,
1478
1487
  {
@@ -1499,9 +1508,9 @@ var FilterCalendar = ({
1499
1508
  "div",
1500
1509
  {
1501
1510
  className: clsx9__default.default({
1502
- ["text-label group-active:text-blue-500"]: !field.value && !open,
1503
- ["text-blue-500"]: open && !field.value,
1504
- ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && field.value
1511
+ ["text-label group-active:text-blue-500"]: !hasValue && !open,
1512
+ ["text-blue-500"]: open && !hasValue,
1513
+ ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && hasValue || !open && hasValue
1505
1514
  }),
1506
1515
  children: icon
1507
1516
  }
@@ -1511,9 +1520,9 @@ var FilterCalendar = ({
1511
1520
  {
1512
1521
  className: clsx9__default.default(
1513
1522
  {
1514
- [`${labelClassName != null ? labelClassName : "text-paragraph"} group-active:text-blue-500`]: !field.value && !open,
1515
- ["text-blue-500"]: open && !field.value,
1516
- ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && field.value
1523
+ [`${labelClassName != null ? labelClassName : "text-paragraph"} group-active:text-blue-500`]: !hasValue && !open,
1524
+ ["text-blue-500"]: open && !hasValue,
1525
+ ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && hasValue || !open && hasValue
1517
1526
  },
1518
1527
  "truncate cursor-pointer"
1519
1528
  ),
@@ -1527,9 +1536,9 @@ var FilterCalendar = ({
1527
1536
  {
1528
1537
  className: clsx9__default.default(
1529
1538
  {
1530
- ["text-label group-active:text-blue-500"]: !field.value && !open,
1531
- ["text-blue-500"]: open && !field.value,
1532
- ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && field.value
1539
+ ["text-label group-active:text-blue-500"]: !hasValue && !open,
1540
+ ["text-blue-500"]: open && !hasValue,
1541
+ ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && hasValue || !open && hasValue
1533
1542
  },
1534
1543
  "uil uil-angle-down text-[18px]"
1535
1544
  )