@nova-design-system/nova-react 3.20.0 → 3.21.1-beta.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 (78) hide show
  1. package/dist/cjs/generated/components.server.js +106 -2
  2. package/dist/cjs/grow.animation-24ad5cf8-LUp_ITEx.js +111 -0
  3. package/dist/cjs/{index-BObVnP12.js → index-CEKdYnmK.js} +1794 -463
  4. package/dist/cjs/index.js +12 -1
  5. package/dist/cjs/{nv-accordion-item.entry-BBAGkmLI.js → nv-accordion-item.entry-zvp8yDql.js} +1 -1
  6. package/dist/cjs/{nv-accordion.entry-CvvtdLIz.js → nv-accordion.entry-D6gckOF4.js} +1 -1
  7. package/dist/cjs/{nv-alert.entry-w5XeFsrC.js → nv-alert.entry-Df8-nQ-R.js} +1 -1
  8. package/dist/cjs/{nv-avatar.entry-BxUZg-8h.js → nv-avatar.entry-ZOnVWP9L.js} +1 -1
  9. package/dist/cjs/{nv-badge_2.entry-DdSIFlJf.js → nv-badge_2.entry-DgiVv_Yf.js} +2 -2
  10. package/dist/cjs/{nv-breadcrumb.entry-CmbqGw3C.js → nv-breadcrumb.entry-IqtE1JL0.js} +1 -1
  11. package/dist/cjs/{nv-breadcrumbs.entry-DFHxtPKv.js → nv-breadcrumbs.entry-Be6dz7zI.js} +1 -1
  12. package/dist/cjs/nv-button.entry-CmswF3Si.js +164 -0
  13. package/dist/cjs/{nv-buttongroup.entry-wn9zFd_M.js → nv-buttongroup.entry-Cfe6rFSs.js} +1 -1
  14. package/dist/cjs/{nv-calendar.entry-Dldsa6dz.js → nv-calendar.entry-q83sS_dN.js} +1 -1
  15. package/dist/cjs/{nv-col.entry-DnG79KM1.js → nv-col.entry-Cu-Qi1bi.js} +1 -1
  16. package/dist/cjs/{nv-datagrid.entry-C2ML-e47.js → nv-datagrid.entry-Cx7SvD5S.js} +3 -3
  17. package/dist/cjs/{nv-datagridcolumn.entry-DcMPUtQS.js → nv-datagridcolumn.entry-B_uXKFLg.js} +1 -1
  18. package/dist/cjs/{nv-dialog.entry-C0Vx7dQc.js → nv-dialog.entry-J6Xwi6z1.js} +54 -20
  19. package/dist/cjs/{nv-dialogfooter_2.entry-BGq8Jiib.js → nv-dialogfooter_2.entry-DOlhqDTh.js} +3 -3
  20. package/dist/cjs/{nv-fieldcheckbox.entry-CAPwYnSU.js → nv-fieldcheckbox.entry-C23dGGX7.js} +5 -5
  21. package/dist/cjs/{nv-fielddate.entry-Byt5cmQi.js → nv-fielddate.entry-xWi3GpLl.js} +15 -18
  22. package/dist/cjs/{nv-fielddaterange.entry-CCFeFP2q.js → nv-fielddaterange.entry-BwFtpw9X.js} +8 -10
  23. package/dist/cjs/{nv-fielddropdown.entry-BFp_2vBC.js → nv-fielddropdown.entry-mnl7mSaK.js} +15 -6
  24. package/dist/cjs/{nv-fielddropdownitem.entry-D_4KdBY1.js → nv-fielddropdownitem.entry-DjyFlVXw.js} +3 -3
  25. package/dist/cjs/{nv-fieldmultiselect.entry-BaUD7Dcr.js → nv-fieldmultiselect.entry-BtLTG7nM.js} +2 -2
  26. package/dist/cjs/{nv-fieldnumber.entry-DOmhBrDv.js → nv-fieldnumber.entry-C00Hg70B.js} +4 -4
  27. package/dist/cjs/{nv-fieldpassword.entry-hogiPC5z.js → nv-fieldpassword.entry-BLg8tCN0.js} +4 -4
  28. package/dist/cjs/{nv-fieldradio.entry-CKbyWpIK.js → nv-fieldradio.entry-2hb1Ur40.js} +4 -4
  29. package/dist/cjs/{nv-fieldselect.entry-tpURNUEP.js → nv-fieldselect.entry-D-eYQpAv.js} +6 -6
  30. package/dist/cjs/{nv-fieldslider.entry-v0d92XEY.js → nv-fieldslider.entry-BGle1RZR.js} +4 -4
  31. package/dist/cjs/{nv-fieldtext.entry-DNYrOAhj.js → nv-fieldtext.entry-Djg8cqOa.js} +4 -4
  32. package/dist/cjs/{nv-fieldtextarea.entry-cRsjPwwR.js → nv-fieldtextarea.entry-Z32-s901.js} +4 -4
  33. package/dist/cjs/{nv-fieldtime.entry-BpGBUfKr.js → nv-fieldtime.entry-CDFGdfFL.js} +4 -4
  34. package/dist/cjs/nv-icon.entry-BDq7DKRt.js +80 -0
  35. package/dist/cjs/{nv-iconbutton_2.entry-DOv1RrkS.js → nv-iconbutton_2.entry-DdgEkFLK.js} +8 -3
  36. package/dist/cjs/{nv-menu.entry-C2L8F-nG.js → nv-menu.entry-iob0Kve8.js} +2 -2
  37. package/dist/cjs/{nv-menuitem.entry-DuDZTlJ1.js → nv-menuitem.entry-C989Ui60.js} +2 -2
  38. package/dist/cjs/nv-notification-bullet.entry-J8OkAZtU.js +77 -0
  39. package/dist/cjs/{nv-notification.entry-DxAj-mc7.js → nv-notification.entry-BxvJMKxH.js} +2 -2
  40. package/dist/cjs/{nv-notificationcontainer.entry-CUnTicXF.js → nv-notificationcontainer.entry-CxGCIb96.js} +2 -2
  41. package/dist/cjs/{nv-popover.entry-DVwa4DvW.js → nv-popover.entry-1KsO_KQm.js} +14 -98
  42. package/dist/cjs/{nv-row.entry-iLk2UglX.js → nv-row.entry-PBLq_BzJ.js} +2 -2
  43. package/dist/cjs/nv-sidebar.entry-CjLbvLqw.js +177 -0
  44. package/dist/cjs/nv-sidebarcontent.entry-Cv76IH4W.js +22 -0
  45. package/dist/cjs/nv-sidebardivider.entry-DYPJ_k73.js +22 -0
  46. package/dist/cjs/nv-sidebarfooter.entry-mGcMBRmv.js +22 -0
  47. package/dist/cjs/nv-sidebargroup.entry-DtwFliHZ.js +23 -0
  48. package/dist/cjs/nv-sidebarheader.entry-BdOYIXCA.js +22 -0
  49. package/dist/cjs/nv-sidebarlogo.entry-Da0kGsfw.js +32 -0
  50. package/dist/cjs/nv-sidebarnavitem.entry-D5xLfpwn.js +297 -0
  51. package/dist/cjs/nv-sidebarnavsubitem.entry-CkeJfHH4.js +35 -0
  52. package/dist/cjs/{nv-split.entry-BrMHK6TS.js → nv-split.entry-y66NBf88.js} +2 -2
  53. package/dist/cjs/{nv-stack.entry-C8jLJ5Ki.js → nv-stack.entry-CXjpkpbW.js} +2 -2
  54. package/dist/cjs/{nv-table.entry-D6o4g9Vo.js → nv-table.entry-quaVnLru.js} +2 -2
  55. package/dist/cjs/nv-tableheader.entry-DTBE2XQO.js +75 -0
  56. package/dist/cjs/{nv-toggle.entry-9iwmu7qi.js → nv-toggle.entry-CxUwF0pb.js} +3 -3
  57. package/dist/cjs/nv-togglebutton.entry-w-WEAmE6.js +56 -0
  58. package/dist/cjs/{nv-togglebuttongroup.entry-DWCytOhV.js → nv-togglebuttongroup.entry-UbrE8y7a.js} +2 -2
  59. package/dist/cjs/{nv-tooltip.entry-BMxnZVYA.js → nv-tooltip.entry-Dq2bkV33.js} +2 -2
  60. package/dist/components/{NvDatatable.js → NvDatatable/NvDatatable.js} +88 -46
  61. package/dist/components/NvDatatable/index.js +3 -0
  62. package/dist/components/NvDatatable/types.js +1 -0
  63. package/dist/components/NvDatatable/utils.js +5 -0
  64. package/dist/generated/components.js +88 -0
  65. package/dist/generated/components.server.js +95 -2
  66. package/dist/providers/NotificationProvider.js +27 -0
  67. package/dist/types/components/NvDatatable/NvDatatable.d.ts +7 -0
  68. package/dist/types/components/NvDatatable/index.d.ts +3 -0
  69. package/dist/types/components/{NvDatatable.d.ts → NvDatatable/types.d.ts} +18 -8
  70. package/dist/types/components/NvDatatable/utils.d.ts +2 -0
  71. package/dist/types/generated/components.d.ts +37 -0
  72. package/dist/types/generated/components.server.d.ts +37 -0
  73. package/dist/types/providers/NotificationProvider.d.ts +1 -0
  74. package/package.json +1 -1
  75. package/dist/cjs/events.utils-fe1d907f-01N__3wY.js +0 -23
  76. package/dist/cjs/nv-button.entry-Dyks6_mF.js +0 -159
  77. package/dist/cjs/nv-icon.entry-BfmyacWA.js +0 -80
  78. package/dist/cjs/nv-togglebutton.entry-N7_CSvzS.js +0 -56
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BObVnP12.js');
3
+ var index = require('./index-CEKdYnmK.js');
4
4
  var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
5
5
  var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
6
6
  require('react');
@@ -182,9 +182,9 @@ const NvFieldtextarea = class {
182
182
  /****************************************************************************/
183
183
  //#region RENDER
184
184
  render() {
185
- return (index.h(index.Host, { key: '3011ab5796ff80bef57fa31f8c0c3862ea8b2ec9' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '5ce143e110d23ae0812d8e3282c7cfd7013dbf8c', htmlFor: this.inputId }, index.h("slot", { key: 'd2aec99e424f7acef8b6831ce88a094e7b97d5a2', name: "label" }, this.label))), index.h("div", { key: 'd7ca0f0a7002649b62c90a0f414ce951a45fb36f', class: "textarea-wrapper" }, index.h("div", { key: '7052a545876c11736cc851099aeca3d827e23e94', class: "textarea-container", onClick: this.handleTextareaContainerClick }, index.h("textarea", { key: 'efd08cdc7604f7394beb6040c4a4e85fffdd01a5', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx297c1ffe.clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
186
- this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '03c0ac2d2a63ac5836ec45b64fa368d7e6462e41', class: "description" }, index.h("slot", { key: 'afe544101550988895f12598adbc13e25d5f221f', name: "description" }, this.description))), (this.errorDescription ||
187
- this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '45f08a76bf8abfc53a231d4e8977bbe6ed80b64d', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '4f37c2099badf5ccf9b58bb5ce71292c3b2baae5', name: "error-description" }, this.errorDescription)))));
185
+ return (index.h(index.Host, { key: '8177d18132823809bc6118b8d5267c7a18c21f36' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'a66ea3d0dd7a87cb8a825b83da36ea20251d6eae', htmlFor: this.inputId }, index.h("slot", { key: 'c91403c3686ddd0f8046992c6c4e0ceffc67a552', name: "label" }, this.label))), index.h("div", { key: 'a2a5b24933de9838e00cec2d0b80dba5b93d800a', class: "textarea-wrapper" }, index.h("div", { key: '2f1f3ed08ddaa58198fd0bd609507c8986418686', class: "textarea-container", onClick: this.handleTextareaContainerClick }, index.h("textarea", { key: 'b3579ad8239912b8fbd220aa5a30918624693267', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx297c1ffe.clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
186
+ this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '3a6380c9e5a7192ed498ebcf05327bde82f3289e', class: "description" }, index.h("slot", { key: '760e6757150c4e536d21aa570a88498c09d2a62b', name: "description" }, this.description))), (this.errorDescription ||
187
+ this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'e6983c5ceeabb94a718b5e5b66e8625f0906f0d3', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'd81e0f8cef3c420412a7e01907dede0787162adc', name: "error-description" }, this.errorDescription)))));
188
188
  }
189
189
  static get formAssociated() { return true; }
190
190
  get el() { return index.getElement(this); }
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-BObVnP12.js');
3
+ var index = require('./index-CEKdYnmK.js');
4
4
  var constants69bafca2 = require('./constants-69bafca2-DpB_ghPF.js');
5
5
  var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
6
6
  require('react');
@@ -1060,9 +1060,9 @@ const NvFieldtime = class {
1060
1060
  }, key: `${option}-${index$1}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
1061
1061
  }
1062
1062
  render() {
1063
- return (index.h(index.Host, { key: 'f66fe2a29f23a0bc967821a0c9bca4347b622286', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'f01ce1b034b1b547cbdde5814db9357ee1913e04', htmlFor: this.inputId }, index.h("slot", { key: 'd81dcb20883b93280db6e76e0299f679f1f9ed84', name: "label" }, this.label))), index.h("nv-popover", { key: '8c9e83002edcfba89ca4ca282fc82db714ed2f43', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '3a5b26e4be67f277ead2a9fe2f04e5d12a4bd596', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: '2ea5f8269c6f0892c53a002a298ca3ceed8f8a00', name: "before-input" }), index.h("div", { key: 'ab97bbbf183118d7b510f82c800b4a3fa1fefda3', class: "input-container" }, index.h("slot", { key: 'a80d2f68b24d4226c18bf0df18ebf13ac6e0873e', name: "leading-input" }), this.renderTimeInputFields(), index.h("nv-iconbutton", { key: '1f7aacf1ab073c0c6ef10b50e948a7ecbca4dd75', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: '8f414a3b3daae6f0625b3c62b920621bf8698db3', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: '13b5671664466b6bb50f2561b5cffb96517a1068', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: 'b5d6085a9864ef84d4113062a0b1cb8a807ab241', name: "after-input" })), index.h("div", { key: '2950c5fac3a0f219e5db2e3a7e9f605d86e50aa2', class: "time-dropdown", slot: "content" }, index.h("div", { key: 'c5b7ff3818a05e1f6d7ca76657f57b85bb595345', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
1064
- this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'c8cb90fad74721a9b5eb0ab50980f3fd7c587e62', class: "description" }, index.h("slot", { key: '641d1a6a9dbf580267664831d5b371a601afb039', name: "description" }, this.description))), (this.errorDescription ||
1065
- this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '5721b81d7a16b626bfa7c3af20897f33b7c37080', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '84cef1043666ab6dd86f70d4ba0054d7f33ca589', name: "error-description" }, this.errorDescription)))));
1063
+ return (index.h(index.Host, { key: '9b33f779d721d68375ddfbf1956982f14967272a', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '871876c71fe0df7bff76e702c229275b3090adbe', htmlFor: this.inputId }, index.h("slot", { key: '100c3f1c159a7b1d5b023204e7dc8697c6f1f43b', name: "label" }, this.label))), index.h("nv-popover", { key: '39d56cba57193b2dfed275384d6cf40e8560227d', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: 'aec6f7f818028bb2584a2d72e1d8af9558420b73', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'ed39cf1ceac3e904250aea8f5b4cd97e792943f1', name: "before-input" }), index.h("div", { key: '89ec8af6fdfa4b2dc4b804de90cc78f06d54c875', class: "input-container" }, index.h("slot", { key: '27f5ea3a67272030552d99d105fa5db124db7a8c', name: "leading-input" }), this.renderTimeInputFields(), index.h("nv-iconbutton", { key: '008060a5a3c08dfb0cb1e71bdce8ce70aa76314d', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: 'd1aae5841eadcf5fc9c12c3a7ee9872971e57ad8', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: 'bdf4717f3160d81722562296d5fda18df41295c2', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: 'ff65ecb08c4aa48bd0374123d999a7a2d438ba34', name: "after-input" })), index.h("div", { key: 'c05b0b3e8f0014d6eb5ba95c89e809c920de76b5', class: "time-dropdown", slot: "content" }, index.h("div", { key: '1f33346f4a3a8c241370965a1c419b8d5f7761c0', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
1064
+ this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '94e101508871bffefcf644683e929d69b5038db3', class: "description" }, index.h("slot", { key: '037c67df4a303a9b59d4f342e9702e38e5ca07f2', name: "description" }, this.description))), (this.errorDescription ||
1065
+ this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'bb19bd9d03da1de56978b66f50db6550ce4b8df5', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '05a8a1c12b6a292d646a43fe1c66a2d8771960da', name: "error-description" }, this.errorDescription)))));
1066
1066
  }
1067
1067
  static get formAssociated() { return true; }
1068
1068
  get el() { return index.getElement(this); }