@nova-design-system/nova-react 3.30.0 → 3.31.0

package/dist/components/NvDatatable/NvDatatable.js

@@ -28,8 +28,8 @@ function NvDatatable({ mode = 'client', columns, rows, pagination, sorting, filt
     });
     const [sortingState, setSortingState] = useState(sorting?.sortState ?? sorting?.initialSortState ?? []);
     const [globalFilterState, setGlobalFilterState] = useState(filtering?.filterState);
-    const [selectedRowIdsState, setSelectedRowIdsState] = useState(() => new Set(selection?.selectedRowIds ?? []));
-    const selectedRowIdsRef = useRef(new Set(selection?.selectedRowIds ?? []));
+    const [selectedRowIdsState, setSelectedRowIdsState] = useState(() => new Set(selection?.selectedRowIds ?? selection?.initialSelectedRowIds ?? []));
+    const selectedRowIdsRef = useRef(new Set(selection?.selectedRowIds ?? selection?.initialSelectedRowIds ?? []));
     const selectionMode = selection?.mode ?? 'none';
     const selectionEnabled = selectionMode !== 'none';
     const selectAllEnabled = selection?.enableSelectAll ?? true;

package/dist/generated/components.js

@@ -278,6 +278,7 @@ export const NvFielddropdown = createComponent({
     events: {
         onValueChanged: 'valueChanged',
         onFilterTextChanged: 'filterTextChanged',
+        onCleared: 'cleared',
         onOpenChanged: 'openChanged',
         onDropdownItemSelected: 'dropdownItemSelected'
     },
@@ -332,7 +333,10 @@ export const NvFieldselect = createComponent({
     tagName: 'nv-fieldselect',
     elementClass: NvFieldselectElement,
     react: React,
-    events: { onValueChanged: 'valueChanged' },
+    events: {
+        onValueChanged: 'valueChanged',
+        onCleared: 'cleared'
+    },
     defineCustomElement: defineNvFieldselect
 });
 export const NvFieldslider = createComponent({

package/dist/generated/components.server.js

@@ -396,6 +396,7 @@ export const NvFielddropdown = createComponent({
         maxHeight: 'max-height',
         emptyResult: 'empty-result',
         filterable: 'filterable',
+        clearable: 'clearable',
         openOnSelect: 'open-on-select',
         controlledFilter: 'controlled-filter',
         debounceDelay: 'debounce-delay',
@@ -575,6 +576,7 @@ export const NvFieldselect = createComponent({
         errorDescription: 'error-description',
         success: 'success',
         multiple: 'multiple',
+        clearable: 'clearable',
         value: 'value',
         displayValue: 'display-value',
         autofocus: 'autofocus',

package/dist/types/components/NvDatatable/types.d.ts

@@ -25,6 +25,7 @@ export interface NvDatatableSelectionConfig<T> {
     mode?: NvDatatableSelectionMode;
     getRowId?: (row: T) => string;
     selectedRowIds?: Set<string>;
+    initialSelectedRowIds?: Set<string>;
     onSelectionChange?: (selectedRowIds: Set<string>) => void;
     enableSelectAll?: boolean;
     deselectOnFilter?: boolean;

package/dist/types/generated/components.d.ts

@@ -195,6 +195,7 @@ export declare const NvFielddaterange: StencilReactComponent<NvFielddaterangeEle
 export type NvFielddropdownEvents = {
     onValueChanged: EventName<NvFielddropdownCustomEvent<string>>;
     onFilterTextChanged: EventName<NvFielddropdownCustomEvent<string>>;
+    onCleared: EventName<NvFielddropdownCustomEvent<void>>;
     onOpenChanged: EventName<NvFielddropdownCustomEvent<HTMLNvPopoverElementEventMap['openChanged']>>;
     onDropdownItemSelected: EventName<NvFielddropdownCustomEvent<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>>;
 };
@@ -234,6 +235,7 @@ export type NvFieldradioEvents = {
 export declare const NvFieldradio: StencilReactComponent<NvFieldradioElement, NvFieldradioEvents>;
 export type NvFieldselectEvents = {
     onValueChanged: EventName<NvFieldselectCustomEvent<string>>;
+    onCleared: EventName<NvFieldselectCustomEvent<void>>;
 };
 export declare const NvFieldselect: StencilReactComponent<NvFieldselectElement, NvFieldselectEvents>;
 export type NvFieldsliderEvents = {

package/dist/types/generated/components.server.d.ts

@@ -197,6 +197,7 @@ export declare const NvFielddaterange: StencilReactComponent<NvFielddaterangeEle
 export type NvFielddropdownEvents = {
     onValueChanged: EventName<NvFielddropdownCustomEvent<string>>;
     onFilterTextChanged: EventName<NvFielddropdownCustomEvent<string>>;
+    onCleared: EventName<NvFielddropdownCustomEvent<void>>;
     onOpenChanged: EventName<NvFielddropdownCustomEvent<HTMLNvPopoverElementEventMap['openChanged']>>;
     onDropdownItemSelected: EventName<NvFielddropdownCustomEvent<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>>;
 };
@@ -236,6 +237,7 @@ export type NvFieldradioEvents = {
 export declare const NvFieldradio: StencilReactComponent<NvFieldradioElement, NvFieldradioEvents>;
 export type NvFieldselectEvents = {
     onValueChanged: EventName<NvFieldselectCustomEvent<string>>;
+    onCleared: EventName<NvFieldselectCustomEvent<void>>;
 };
 export declare const NvFieldselect: StencilReactComponent<NvFieldselectElement, NvFieldselectEvents>;
 export type NvFieldsliderEvents = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-react",
-  "version": "3.30.0",
+  "version": "3.31.0",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "author": "Elia Group",
   "homepage": "https://nova.eliagroup.io",