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.js CHANGED
@@ -160,7 +160,7 @@ var Button = ({
160
160
  useEffect(() => {
161
161
  if (!hotkey || !props.onClick) return;
162
162
  const handleKeyDown = (event) => {
163
- var _a;
163
+ var _a, _b;
164
164
  if (props.disabled || props.loading) return;
165
165
  const keys = hotkey.toLowerCase().split("+").map((k) => k.trim());
166
166
  const primaryKey = keys.pop();
@@ -169,10 +169,17 @@ var Button = ({
169
169
  const requiredAlt = keys.includes("alt");
170
170
  const requiredShift = keys.includes("shift");
171
171
  const requiredMeta = keys.includes("meta") || keys.includes("cmd");
172
- const match = event.key.toLowerCase() === primaryKey && event.ctrlKey === requiredCtrl && event.altKey === requiredAlt && event.shiftKey === requiredShift && event.metaKey === requiredMeta;
172
+ const keyAliases = {
173
+ esc: "escape",
174
+ del: "delete",
175
+ space: " ",
176
+ spacebar: " "
177
+ };
178
+ const normalizedPrimary = (_a = keyAliases[primaryKey]) != null ? _a : primaryKey;
179
+ const match = event.key.toLowerCase() === normalizedPrimary && event.ctrlKey === requiredCtrl && event.altKey === requiredAlt && event.shiftKey === requiredShift && event.metaKey === requiredMeta;
173
180
  if (match) {
174
181
  event.preventDefault();
175
- (_a = props.onClick) == null ? void 0 : _a.call(props, event);
182
+ (_b = props.onClick) == null ? void 0 : _b.call(props, event);
176
183
  }
177
184
  };
178
185
  window.addEventListener("keydown", handleKeyDown);
@@ -1211,7 +1218,6 @@ var FilterCalendar = ({
1211
1218
  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"
1212
1219
  };
1213
1220
  const [currentValue, setCurrentValue] = useState([]);
1214
- const [calendarLabel, setCalendarLabel] = useState("");
1215
1221
  const isMobileSize = (window == null ? void 0 : window.innerWidth) < 768;
1216
1222
  const shorcuts = [
1217
1223
  {
@@ -1375,6 +1381,9 @@ var FilterCalendar = ({
1375
1381
  const [selectedShortcut, setSelectedShortcut] = useState(
1376
1382
  defaultShortcut || shorcuts[0]
1377
1383
  );
1384
+ const [calendarLabel, setCalendarLabel] = useState(
1385
+ defaultShortcut != null && shorcuts[defaultShortcut] ? shorcuts[defaultShortcut].label : ""
1386
+ );
1378
1387
  const calendar = /* @__PURE__ */ jsx("div", { id: "group-input-calendar", className: "relative", children: rangeCalendar ? /* @__PURE__ */ jsx(
1379
1388
  DateRangePicker3,
1380
1389
  {
@@ -1440,7 +1449,7 @@ var FilterCalendar = ({
1440
1449
  control,
1441
1450
  render: ({ field }) => {
1442
1451
  var _a;
1443
- let hasValue = ((_a = field == null ? void 0 : field.value) == null ? void 0 : _a.length) > 0;
1452
+ let hasValue = ((_a = field == null ? void 0 : field.value) == null ? void 0 : _a.length) > 0 || !!calendarLabel && calendarLabel !== shorcuts[0].label;
1444
1453
  return /* @__PURE__ */ jsx(
1445
1454
  Popover,
1446
1455
  {
@@ -1467,9 +1476,9 @@ var FilterCalendar = ({
1467
1476
  "div",
1468
1477
  {
1469
1478
  className: clsx9({
1470
- ["text-label group-active:text-blue-500"]: !field.value && !open,
1471
- ["text-blue-500"]: open && !field.value,
1472
- ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && field.value
1479
+ ["text-label group-active:text-blue-500"]: !hasValue && !open,
1480
+ ["text-blue-500"]: open && !hasValue,
1481
+ ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && hasValue || !open && hasValue
1473
1482
  }),
1474
1483
  children: icon
1475
1484
  }
@@ -1479,9 +1488,9 @@ var FilterCalendar = ({
1479
1488
  {
1480
1489
  className: clsx9(
1481
1490
  {
1482
- [`${labelClassName != null ? labelClassName : "text-paragraph"} group-active:text-blue-500`]: !field.value && !open,
1483
- ["text-blue-500"]: open && !field.value,
1484
- ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && field.value
1491
+ [`${labelClassName != null ? labelClassName : "text-paragraph"} group-active:text-blue-500`]: !hasValue && !open,
1492
+ ["text-blue-500"]: open && !hasValue,
1493
+ ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && hasValue || !open && hasValue
1485
1494
  },
1486
1495
  "truncate cursor-pointer"
1487
1496
  ),
@@ -1495,9 +1504,9 @@ var FilterCalendar = ({
1495
1504
  {
1496
1505
  className: clsx9(
1497
1506
  {
1498
- ["text-label group-active:text-blue-500"]: !field.value && !open,
1499
- ["text-blue-500"]: open && !field.value,
1500
- ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && field.value
1507
+ ["text-label group-active:text-blue-500"]: !hasValue && !open,
1508
+ ["text-blue-500"]: open && !hasValue,
1509
+ ["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: open && hasValue || !open && hasValue
1501
1510
  },
1502
1511
  "uil uil-angle-down text-[18px]"
1503
1512
  )