@nova-design-system/nova-react 3.23.0 → 3.24.0

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 (74) hide show
  1. package/dist/cjs/events.utils-B6GgGra--01N__3wY.js +23 -0
  2. package/dist/cjs/generated/components.server.js +47 -0
  3. package/dist/cjs/{grow.animation-CvHGHBL4-DDIEYBK-.js → grow.animation-D7ep_aVl-BuXEDSK-.js} +0 -21
  4. package/dist/cjs/{i18n.utils-DOZbXX2L-BizoXo6c.js → i18n.utils-IlwlcG9l-ku0bScip.js} +14 -18
  5. package/dist/cjs/{index-CtjeeUI-.js → index-kU2nW5aN.js} +1589 -920
  6. package/dist/cjs/{nv-dialog.entry-O47Eol_7.js → index.esm-D3eWMME9-CG1TVKfu.js} +1 -296
  7. package/dist/cjs/index.js +4 -1
  8. package/dist/cjs/{nv-accordion-item.entry-B_l0-ux0.js → nv-accordion-item.entry-Bu1tAcCq.js} +1 -1
  9. package/dist/cjs/{nv-accordion.entry-BX8_YuZF.js → nv-accordion.entry-jWjLdX8w.js} +3 -8
  10. package/dist/cjs/{nv-alert.entry-DCWYR0OK.js → nv-alert.entry-E9ZJay_K.js} +2 -3
  11. package/dist/cjs/{nv-avatar.entry-C_xZD3Lp.js → nv-avatar.entry-CUX7u0kR.js} +1 -1
  12. package/dist/cjs/{nv-badge_2.entry-JjqANStV.js → nv-badge_2.entry-bxpV5gxE.js} +2 -2
  13. package/dist/cjs/{nv-breadcrumb.entry-DQZDn6cm.js → nv-breadcrumb.entry-Cbbb9Qeh.js} +1 -1
  14. package/dist/cjs/{nv-breadcrumbs.entry-Bz0GjhY_.js → nv-breadcrumbs.entry-BTqnp9zO.js} +1 -1
  15. package/dist/cjs/{nv-button.entry-Br1DH9Vj.js → nv-button.entry-upWH19y6.js} +4 -6
  16. package/dist/cjs/{nv-buttongroup.entry-BZaTKN_n.js → nv-buttongroup.entry-CuZCRsnV.js} +1 -1
  17. package/dist/cjs/{nv-calendar.entry-D9ESuu7C.js → nv-calendar.entry-CT3mASW6.js} +15 -25
  18. package/dist/cjs/{nv-col.entry-CfgPMMxS.js → nv-col.entry--pCxkaTh.js} +1 -1
  19. package/dist/cjs/{nv-datagrid.entry-DcB5q2oC.js → nv-datagrid.entry-CGCEhO8C.js} +68 -73
  20. package/dist/cjs/{nv-datagridcolumn.entry-BhKOzXA6.js → nv-datagridcolumn.entry-Fsqc7CT_.js} +1 -1
  21. package/dist/cjs/nv-dialog.entry-B6OYcZxQ.js +300 -0
  22. package/dist/cjs/{nv-dialogfooter_2.entry-Dn16bI8a.js → nv-dialogfooter_2.entry-C4fP_n2-.js} +1 -1
  23. package/dist/cjs/nv-drawer.entry-C5O4KvHU.js +445 -0
  24. package/dist/cjs/nv-drawerfooter_2.entry-C-reYJXG.js +146 -0
  25. package/dist/cjs/{nv-fieldcheckbox.entry-Bx6ArV_b.js → nv-fieldcheckbox.entry-bk7UNQny.js} +7 -7
  26. package/dist/cjs/{nv-fielddate.entry-B4P0U8QG.js → nv-fielddate.entry-dqZDBVmm.js} +13 -16
  27. package/dist/cjs/{nv-fielddaterange.entry-BORwYJ-k.js → nv-fielddaterange.entry-wNRasXky.js} +13 -14
  28. package/dist/cjs/{nv-fielddropdown.entry-DzBAIynY.js → nv-fielddropdown.entry-BA15piWa.js} +40 -49
  29. package/dist/cjs/{nv-fielddropdownitem.entry-C_17isWd.js → nv-fielddropdownitem.entry-DEWaf9dC.js} +3 -4
  30. package/dist/cjs/{nv-fieldmultiselect.entry-DiqRreWh.js → nv-fieldmultiselect.entry-BWY5xOAd.js} +35 -43
  31. package/dist/cjs/{nv-fieldnumber.entry-C9O4UPp3.js → nv-fieldnumber.entry-DoYORd0d.js} +7 -7
  32. package/dist/cjs/{nv-fieldpassword.entry-BfVJNT0A.js → nv-fieldpassword.entry-CPaLj9aD.js} +7 -7
  33. package/dist/cjs/{nv-fieldradio.entry-CG22oETM.js → nv-fieldradio.entry-CvUmEaCa.js} +5 -5
  34. package/dist/cjs/{nv-fieldselect.entry-BPQEtrv2.js → nv-fieldselect.entry-uUIZ6hmN.js} +9 -9
  35. package/dist/cjs/{nv-fieldslider.entry-CozmnUfN.js → nv-fieldslider.entry-DnvmxxYY.js} +6 -6
  36. package/dist/cjs/{nv-fieldtext.entry-BD-z01ru.js → nv-fieldtext.entry-BYAJp3n_.js} +7 -7
  37. package/dist/cjs/{nv-fieldtextarea.entry-7UrKWDHg.js → nv-fieldtextarea.entry-DU2bWYeg.js} +7 -8
  38. package/dist/cjs/{nv-fieldtime.entry-DakOlLiO.js → nv-fieldtime.entry-DlMNDTht.js} +28 -36
  39. package/dist/cjs/{nv-icon.entry-Db00kB2u.js → nv-icon.entry-CnUkRzaA.js} +3 -3
  40. package/dist/cjs/{nv-iconbutton_2.entry-CaKCa8NT.js → nv-iconbutton_2.entry-hqp4AcRq.js} +6 -7
  41. package/dist/cjs/{nv-menu.entry-CK2HdmBt.js → nv-menu.entry-Dc_FvIx7.js} +4 -5
  42. package/dist/cjs/{nv-menuitem.entry-mKMqCAdz.js → nv-menuitem.entry-DzMhx6c_.js} +2 -2
  43. package/dist/cjs/{nv-notification-bullet.entry-DtbjtFxs.js → nv-notification-bullet.entry-BwhHCMQF.js} +2 -3
  44. package/dist/cjs/{nv-notification.entry-CLb0gNu3.js → nv-notification.entry-C3m5p5BL.js} +11 -97
  45. package/dist/cjs/{nv-notificationcontainer.entry-Cijivlm6.js → nv-notificationcontainer.entry-DTRNn7VE.js} +2 -2
  46. package/dist/cjs/{nv-popover.entry-mLdLSp6n.js → nv-popover.entry-B0c-2rO4.js} +15 -15
  47. package/dist/cjs/{nv-row.entry-C2C94fcv.js → nv-row.entry-CdcjVGZv.js} +2 -2
  48. package/dist/cjs/{nv-sidebar.entry-inDVNJ4s.js → nv-sidebar.entry-CiN813gQ.js} +4 -4
  49. package/dist/cjs/{nv-sidebarcontent.entry-DxoljE15.js → nv-sidebarcontent.entry-D9hpAhK8.js} +2 -2
  50. package/dist/cjs/{nv-sidebardivider.entry-D_yern0R.js → nv-sidebardivider.entry-B4EMyca5.js} +2 -2
  51. package/dist/cjs/{nv-sidebarfooter.entry-Rkkn9TB_.js → nv-sidebarfooter.entry-CHi4qOFe.js} +2 -2
  52. package/dist/cjs/{nv-sidebargroup.entry-C1p9qqxr.js → nv-sidebargroup.entry-RVqrsyIU.js} +2 -2
  53. package/dist/cjs/{nv-sidebarheader.entry-CYpD_4pI.js → nv-sidebarheader.entry-_7ch0O3G.js} +2 -2
  54. package/dist/cjs/{nv-sidebarlogo.entry-BgK03M1v.js → nv-sidebarlogo.entry-Ch9F-JnT.js} +2 -2
  55. package/dist/cjs/{nv-sidebarnavitem.entry-DglvcCOD.js → nv-sidebarnavitem.entry-DVrafSMr.js} +5 -6
  56. package/dist/cjs/{nv-sidebarnavsubitem.entry-Dt1jKmC-.js → nv-sidebarnavsubitem.entry-C0XDAzma.js} +2 -2
  57. package/dist/cjs/{nv-split.entry-mzg2F66T.js → nv-split.entry-0HTslRAX.js} +44 -42
  58. package/dist/cjs/{nv-stack.entry-nnvjTrBy.js → nv-stack.entry-CqO7uTQf.js} +2 -2
  59. package/dist/cjs/{nv-table.entry-DkbNgxtI.js → nv-table.entry-DH85n8Mc.js} +7 -9
  60. package/dist/cjs/{nv-tableheader.entry-CRVFTQA-.js → nv-tableheader.entry-CKfocdxD.js} +3 -3
  61. package/dist/cjs/{nv-toggle.entry-oC9TVkr1.js → nv-toggle.entry-BHUl76Im.js} +3 -3
  62. package/dist/cjs/nv-togglebutton.entry-D_9COjY-.js +67 -0
  63. package/dist/cjs/{nv-togglebuttongroup.entry-BYXX5ejg.js → nv-togglebuttongroup.entry-C0NLbsq7.js} +4 -5
  64. package/dist/cjs/{nv-tooltip.entry-OJGxfJEh.js → nv-tooltip.entry-BfViGE_U.js} +2 -2
  65. package/dist/cjs/slide.animation-CmH5d1of-BZuw607U.js +90 -0
  66. package/dist/components/NvDatatable/NvDatatable.js +40 -24
  67. package/dist/generated/components.js +27 -0
  68. package/dist/generated/components.server.js +44 -0
  69. package/dist/types/components/NvDatatable/NvDatatable.d.ts +1 -1
  70. package/dist/types/components/NvDatatable/types.d.ts +8 -3
  71. package/dist/types/generated/components.d.ts +14 -0
  72. package/dist/types/generated/components.server.d.ts +14 -0
  73. package/package.json +1 -1
  74. package/dist/cjs/nv-togglebutton.entry-BTWCzbS9.js +0 -67
@@ -0,0 +1,23 @@
1
+ 'use strict';
2
+
3
+ /**
4
+ * Adds a set of event listeners to the given target.
5
+ * @param {EventsAndListeners} events - The events and listeners to add.
6
+ * @param {Element | Window | Document} target - The target element or window to add the event listeners to.
7
+ * @param {T} context - The class context to bind the event listeners to.
8
+ */
9
+ function addEventListeners(events, target, context) {
10
+ events.forEach(([event, listener]) => target.addEventListener(event, listener.bind(context)));
11
+ }
12
+ /**
13
+ * Removes a set of event listeners from the given target.
14
+ * @param {EventsAndListeners} events - The events and listeners to remove.
15
+ * @param {Element | Window | Document} target - The target element or window to remove the event listeners from.
16
+ * @param {T} context - The class context to bind the event listeners to.
17
+ */
18
+ function removeEventListeners(events, target, context) {
19
+ events.forEach(([event, listener]) => target.removeEventListener(event, listener.bind(context)));
20
+ }
21
+
22
+ exports.addEventListeners = addEventListeners;
23
+ exports.removeEventListeners = removeEventListeners;
@@ -247,6 +247,50 @@ const NvDialogheader = ssr.createComponent({
247
247
  clientModule: clientComponents__namespace.NvDialogheader,
248
248
  serializeShadowRoot,
249
249
  });
250
+ const NvDrawer = ssr.createComponent({
251
+ tagName: 'nv-drawer',
252
+ properties: {
253
+ open: 'open',
254
+ undismissable: 'undismissable',
255
+ clickOutside: 'click-outside',
256
+ controlled: 'controlled',
257
+ side: 'side',
258
+ size: 'size',
259
+ width: 'width',
260
+ autofocus: 'autofocus',
261
+ swipeToOpen: 'swipe-to-open'
262
+ },
263
+ hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
264
+ clientModule: clientComponents__namespace.NvDrawer,
265
+ serializeShadowRoot,
266
+ });
267
+ const NvDrawerfooter = ssr.createComponent({
268
+ tagName: 'nv-drawerfooter',
269
+ properties: {
270
+ disabled: 'disabled',
271
+ undismissable: 'undismissable',
272
+ leadingIcon: 'leading-icon',
273
+ trailingIcon: 'trailing-icon',
274
+ danger: 'danger',
275
+ cancelLabel: 'cancel-label',
276
+ primaryLabel: 'primary-label',
277
+ primaryButtonType: 'primary-button-type',
278
+ form: 'form'
279
+ },
280
+ hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
281
+ clientModule: clientComponents__namespace.NvDrawerfooter,
282
+ serializeShadowRoot,
283
+ });
284
+ const NvDrawerheader = ssr.createComponent({
285
+ tagName: 'nv-drawerheader',
286
+ properties: {
287
+ heading: 'heading',
288
+ subheading: 'subheading'
289
+ },
290
+ hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
291
+ clientModule: clientComponents__namespace.NvDrawerheader,
292
+ serializeShadowRoot,
293
+ });
250
294
  const NvFieldcheckbox = ssr.createComponent({
251
295
  tagName: 'nv-fieldcheckbox',
252
296
  properties: {
@@ -990,6 +1034,9 @@ exports.NvDatagridcolumn = NvDatagridcolumn;
990
1034
  exports.NvDialog = NvDialog;
991
1035
  exports.NvDialogfooter = NvDialogfooter;
992
1036
  exports.NvDialogheader = NvDialogheader;
1037
+ exports.NvDrawer = NvDrawer;
1038
+ exports.NvDrawerfooter = NvDrawerfooter;
1039
+ exports.NvDrawerheader = NvDrawerheader;
993
1040
  exports.NvFieldcheckbox = NvFieldcheckbox;
994
1041
  exports.NvFielddate = NvFielddate;
995
1042
  exports.NvFielddaterange = NvFielddaterange;
@@ -3,25 +3,6 @@
3
3
  var fade_animationDcRL9lcm = require('./fade.animation-DcRL9lcm-DAZeHoKN.js');
4
4
  var styleValueTypes_esXlgmw4x8 = require('./style-value-types.es-xlgmw4x8-B1vLqX9m.js');
5
5
 
6
- /**
7
- * Adds a set of event listeners to the given target.
8
- * @param {EventsAndListeners} events - The events and listeners to add.
9
- * @param {Element | Window | Document} target - The target element or window to add the event listeners to.
10
- * @param {T} context - The class context to bind the event listeners to.
11
- */
12
- function addEventListeners(events, target, context) {
13
- events.forEach(([event, listener]) => target.addEventListener(event, listener.bind(context)));
14
- }
15
- /**
16
- * Removes a set of event listeners from the given target.
17
- * @param {EventsAndListeners} events - The events and listeners to remove.
18
- * @param {Element | Window | Document} target - The target element or window to remove the event listeners from.
19
- * @param {T} context - The class context to bind the event listeners to.
20
- */
21
- function removeEventListeners(events, target, context) {
22
- events.forEach(([event, listener]) => target.removeEventListener(event, listener.bind(context)));
23
- }
24
-
25
6
  const useGrow = (node, { duration = 200, amount = 0.8, hasFade = true } = {}) => {
26
7
  const nodeStyler = fade_animationDcRL9lcm.index(node);
27
8
  /**
@@ -106,6 +87,4 @@ const useGrow = (node, { duration = 200, amount = 0.8, hasFade = true } = {}) =>
106
87
  };
107
88
  };
108
89
 
109
- exports.addEventListeners = addEventListeners;
110
- exports.removeEventListeners = removeEventListeners;
111
90
  exports.useGrow = useGrow;
@@ -215,8 +215,8 @@ function buildIndex(items) {
215
215
  * searchStrict(items, 'Grid System') // [] - no match (wrong order)
216
216
  */
217
217
  function searchStrict(indexedItems, query) {
218
- if (!query || !(indexedItems === null || indexedItems === void 0 ? void 0 : indexedItems.length)) {
219
- return (indexedItems === null || indexedItems === void 0 ? void 0 : indexedItems.map(item => item.id)) || [];
218
+ if (!query || !indexedItems?.length) {
219
+ return indexedItems?.map(item => item.id) || [];
220
220
  }
221
221
  const normalizedQuery = normalize(query);
222
222
  if (!normalizedQuery) {
@@ -250,8 +250,8 @@ function searchStrict(indexedItems, query) {
250
250
  * searchSmart(items, 'System Unknown') // [] - no match ('unknown' not present)
251
251
  */
252
252
  function searchSmart(indexedItems, query) {
253
- if (!query || !(indexedItems === null || indexedItems === void 0 ? void 0 : indexedItems.length)) {
254
- return (indexedItems === null || indexedItems === void 0 ? void 0 : indexedItems.map(item => item.id)) || [];
253
+ if (!query || !indexedItems?.length) {
254
+ return indexedItems?.map(item => item.id) || [];
255
255
  }
256
256
  const queryTokens = tokenize(query);
257
257
  if (!queryTokens.length) {
@@ -2077,8 +2077,8 @@ function getFuseInstance(items, threshold) {
2077
2077
  * searchFuzzy(items, 'Systm Grid') // ['1'] - matches despite typo
2078
2078
  */
2079
2079
  function searchFuzzy(indexedItems, query, threshold = 0.3) {
2080
- if (!query || !(indexedItems === null || indexedItems === void 0 ? void 0 : indexedItems.length)) {
2081
- return (indexedItems === null || indexedItems === void 0 ? void 0 : indexedItems.map(item => item.id)) || [];
2080
+ if (!query || !indexedItems?.length) {
2081
+ return indexedItems?.map(item => item.id) || [];
2082
2082
  }
2083
2083
  const fuse = getFuseInstance(indexedItems, threshold);
2084
2084
  const results = fuse.search(query);
@@ -2236,10 +2236,9 @@ class SearchWorkerClient {
2236
2236
  * @returns {Worker | null} The created Worker instance or null if creation failed
2237
2237
  */
2238
2238
  createWorker() {
2239
- var _a, _b, _c;
2240
2239
  if (!SearchWorkerClient.isSupported()) {
2241
2240
  console.warn('Web Workers are not supported in this environment.');
2242
- (_a = this.onFallback) === null || _a === void 0 ? void 0 : _a.call(this);
2241
+ this.onFallback?.();
2243
2242
  return null;
2244
2243
  }
2245
2244
  try {
@@ -2249,12 +2248,12 @@ class SearchWorkerClient {
2249
2248
  // No workerUrl provided - fallback to main thread processing
2250
2249
  // Inline workers with ES modules are not supported
2251
2250
  console.warn('No workerUrl provided. Falling back to main thread processing.');
2252
- (_b = this.onFallback) === null || _b === void 0 ? void 0 : _b.call(this);
2251
+ this.onFallback?.();
2253
2252
  return null;
2254
2253
  }
2255
2254
  catch (error) {
2256
2255
  console.error('Failed to create Web Worker:', error);
2257
- (_c = this.onFallback) === null || _c === void 0 ? void 0 : _c.call(this);
2256
+ this.onFallback?.();
2258
2257
  return null;
2259
2258
  }
2260
2259
  }
@@ -2318,7 +2317,6 @@ class SearchWorkerClient {
2318
2317
  await this.initPromise;
2319
2318
  }
2320
2319
  async doInit(items) {
2321
- var _a, _b;
2322
2320
  // If already in fallback mode, don't try to create worker again
2323
2321
  if (this.isFallbackMode) {
2324
2322
  return;
@@ -2329,7 +2327,7 @@ class SearchWorkerClient {
2329
2327
  if (!this.worker) {
2330
2328
  // Worker creation failed - enter fallback mode silently
2331
2329
  this.isFallbackMode = true;
2332
- (_a = this.onFallback) === null || _a === void 0 ? void 0 : _a.call(this);
2330
+ this.onFallback?.();
2333
2331
  return;
2334
2332
  }
2335
2333
  this.setupMessageHandler();
@@ -2343,10 +2341,10 @@ class SearchWorkerClient {
2343
2341
  });
2344
2342
  this.isInitialized = true;
2345
2343
  }
2346
- catch (_c) {
2344
+ catch {
2347
2345
  // Worker init failed - enter fallback mode
2348
2346
  this.isFallbackMode = true;
2349
- (_b = this.onFallback) === null || _b === void 0 ? void 0 : _b.call(this);
2347
+ this.onFallback?.();
2350
2348
  this.terminate();
2351
2349
  }
2352
2350
  }
@@ -2387,9 +2385,8 @@ class SearchWorkerClient {
2387
2385
  * Terminates the worker and cleans up resources.
2388
2386
  */
2389
2387
  terminate() {
2390
- var _a;
2391
2388
  this.cancelPending();
2392
- (_a = this.worker) === null || _a === void 0 ? void 0 : _a.terminate();
2389
+ this.worker?.terminate();
2393
2390
  this.worker = null;
2394
2391
  this.isInitialized = false;
2395
2392
  this.initPromise = null;
@@ -2439,12 +2436,11 @@ const TRUNCATED_RESULTS_TRANSLATIONS = {
2439
2436
  * @returns {string} The locale code (e.g., 'en', 'fr', 'de')
2440
2437
  */
2441
2438
  function getBrowserLocale() {
2442
- var _a;
2443
2439
  if (typeof navigator === 'undefined') {
2444
2440
  return 'en';
2445
2441
  }
2446
2442
  // Try navigator.language first (e.g., 'en-US', 'fr-FR')
2447
- const language = navigator.language || ((_a = navigator.languages) === null || _a === void 0 ? void 0 : _a[0]) || 'en';
2443
+ const language = navigator.language || navigator.languages?.[0] || 'en';
2448
2444
  // Extract the base language code (e.g., 'en' from 'en-US')
2449
2445
  return language.split('-')[0].toLowerCase();
2450
2446
  }