@midas-ds/components 10.0.0 → 10.1.0

package/info-banner/InfoBanner.d.ts

@@ -12,8 +12,13 @@ export interface InfoBannerProps extends React.DetailedHTMLProps<React.HTMLAttri
     children?: React.ReactNode;
     /**
      *  Specify if the InfoBanner should have a dismiss button in the top right corner
+     *  @deprecated since 10.0.1. Please use `isDismissable` instead
      */
     dismissable?: boolean;
+    /**
+     *  Specify if the InfoBanner should have a dismiss button in the top right corner
+     */
+    isDismissable?: boolean;
 }
 /**
  * Displays a static message as an inline banner

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "10.0.0",
+  "version": "10.1.0",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",
@@ -50,7 +50,7 @@
   },
   "dependencies": {
     "react-aria": "^3.38.1",
-    "react-aria-components": "^1.7.1",
+    "react-aria-components": "^1.9.0",
     "react-stately": "^3.36.1"
   }
 }

package/select/SectionedListLayout.d.ts

@@ -0,0 +1,20 @@
+import { ListLayout, ListLayoutOptions, Size } from 'react-aria-components';
+export declare class SectionedListLayout<T, O extends ListLayoutOptions = ListLayoutOptions> extends ListLayout<T, O> {
+    /**
+     * When using the ListLayout our scroll container height is not calculated properly when the content is partially sectioned.
+     * ```ts
+     * const partiallySectionedContent = [
+     *  {
+     *    name: 'fruit section',
+     *    children: [{ id: 'kiwi', name: 'Kiwi' }]
+     *  },
+     *  // berries have no section, because it's optional
+     *  { id: 'lingonberries', name: 'Lingonberries' }
+     * ];
+     * ```
+     * If we load the layout info for each key in the collection the calculation is correct.
+     *
+     * This might not be optional for performance, FYI
+     */
+    getContentSize(): Size;
+}

package/select/Select.d.ts

@@ -1,10 +1,10 @@
-import { CollectionChildren } from '@react-types/shared';
+import { CollectionChildren, Key } from '@react-types/shared';
 import { useMultiSelectState } from './useMultiSelectState';
 import { Size } from '../common/types';
 import * as React from 'react';
 export type OptionItem = {
     children?: never;
-    id: string;
+    id: Key;
     name: string | React.ReactNode;
     /** Textual representation of `name` in case it is not a string. Used for searching. */
     textValue?: string;

package/select/SelectListBox.d.ts

@@ -1,9 +1,7 @@
 import { MultiSelectState } from './useMultiSelectState';
 import { AriaListBoxOptions } from '@react-aria/listbox';
-import * as React from 'react';
 interface ListBoxProps<T> extends AriaListBoxOptions<T> {
-    listBoxRef?: React.RefObject<HTMLUListElement>;
     state: MultiSelectState<T>;
 }
-export declare const SelectListBox: <T>(props: ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectListBox: <T>({ state, ...rest }: ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/tag/Tag.d.ts

@@ -1,11 +1,12 @@
-import { default as React } from 'react';
 import { TagGroupProps as AriaTagGroupProps, TagProps as AriaTagProps } from 'react-aria-components';
+import * as React from 'react';
 export interface TagGroupProp extends AriaTagGroupProps {
     children: React.ReactNode;
 }
 export interface TagProps extends AriaTagProps {
     children: React.ReactNode;
     dismissable?: boolean;
+    type?: 'default' | 'success' | 'info' | 'important' | 'warning';
 }
 export declare const TagGroup: React.FC<TagGroupProp>;
 export declare const Tag: React.FC<TagProps>;