@dxc-technology/halstack-react 16.0.1 → 16.1.0

package/dist/index.d.mts

@@ -202,59 +202,6 @@ type Props$J = CommonProps$8 & ModeSpecificProps;
 
 declare const DxcAlert: ({ closable, message, mode, primaryAction, secondaryAction, semantic, title, }: Props$J) => react_jsx_runtime.JSX.Element;
 
-type Section$1 = {
-    items: (Item$2 | GroupItem$2)[];
-    title?: string;
-};
-type Props$I = {
-    /**
-     * The content rendered in the bottom part of the sidenav, under the navigation menu.
-     */
-    bottomContent?: ReactNode;
-    /**
-     * Object with the properties of the branding placed at the top of the sidenav.
-     */
-    appTitle?: string | ReactNode;
-    /**
-     * Initial state of the expansion of the sidenav, only when it is uncontrolled.
-     */
-    defaultExpanded?: boolean;
-    /**
-     * If true the nav menu will have lines marking the groups.
-     */
-    displayGroupLines?: boolean;
-    /**
-     * If true, the sidenav is expanded.
-     * If undefined the component will be uncontrolled and the value will be managed internally by the component.
-     */
-    expanded?: boolean;
-    /**
-     * Array of items to be displayed in the navigation menu.
-     * Each item can be a single/simple item, a group item or a section.
-     */
-    navItems?: (Item$2 | GroupItem$2)[] | Section$1[];
-    /**
-     * Function called when the expansion state of the sidenav changes.
-     */
-    onExpandedChange?: (value: boolean) => void;
-    /**
-     * The additional content rendered in the upper part of the sidenav, under the branding.
-     */
-    topContent?: ReactNode;
-};
-type CommonItemProps$1 = {
-    badge?: ReactElement;
-    icon?: string | SVG;
-    label: string;
-};
-type Item$2 = CommonItemProps$1 & {
-    onSelect?: () => void;
-    selected?: boolean;
-};
-type GroupItem$2 = CommonItemProps$1 & {
-    items: (Item$2 | GroupItem$2)[];
-};
-
 type CommonItemProps = {
     badge?: ReactElement;
     icon?: string | SVG;
@@ -271,16 +218,16 @@ type Item$1 = CommonItemProps & {
 type GroupItem$1 = CommonItemProps & {
     items: (Item$1 | GroupItem$1)[];
 };
-type Section = {
+type Section$1 = {
     items: (Item$1 | GroupItem$1)[];
     title?: string;
 };
-type Props$H = {
+type Props$I = {
     /**
      * Array of items to be displayed in the menu.
      * Each item can be a single/simple item, a group item or a section.
      */
-    items: (Item$1 | GroupItem$1)[] | Section[];
+    items: (Item$1 | GroupItem$1)[] | Section$1[];
     /**
      * If true the menu will be displayed with a border.
      */
@@ -303,6 +250,47 @@ type Props$H = {
     isHorizontal?: boolean;
 };
 
+type Section = {
+    items: (Item$1 | GroupItem$1)[];
+    title?: string;
+};
+type Props$H = {
+    /**
+     * The content rendered in the bottom part of the sidenav, under the navigation menu.
+     */
+    bottomContent?: ReactNode;
+    /**
+     * Object with the properties of the branding placed at the top of the sidenav.
+     */
+    appTitle?: string | ReactNode;
+    /**
+     * Initial state of the expansion of the sidenav, only when it is uncontrolled.
+     */
+    defaultExpanded?: boolean;
+    /**
+     * If true the nav menu will have lines marking the groups.
+     */
+    displayGroupLines?: boolean;
+    /**
+     * If true, the sidenav is expanded.
+     * If undefined the component will be uncontrolled and the value will be managed internally by the component.
+     */
+    expanded?: boolean;
+    /**
+     * Array of items to be displayed in the navigation menu.
+     * Each item can be a single/simple item, a group item or a section.
+     */
+    navItems?: (Item$1 | GroupItem$1)[] | Section[];
+    /**
+     * Function called when the expansion state of the sidenav changes.
+     */
+    onExpandedChange?: (value: boolean) => void;
+    /**
+     * The additional content rendered in the upper part of the sidenav, under the branding.
+     */
+    topContent?: ReactNode;
+};
+
 type GroupItem = CommonItemProps & {
     items: Item$1[];
 };
@@ -342,7 +330,7 @@ type Logo = {
     /**
      * Source of the logo image.
      */
-    src: string;
+    src: string | SVG;
     /**
      * Alternative text for the logo image.
      */
@@ -440,7 +428,7 @@ declare const DxcApplicationLayout: {
     Footer: ({ bottomLinks, copyright, leftContent, logo, mode, rightContent, socialLinks, tabIndex, }: FooterPropsType) => JSX.Element;
     Header: ({ appTitle, navItems, sideContent, responsiveBottomContent }: Props$G) => JSX.Element;
     Main: ({ children }: AppLayoutMainPropsType) => JSX.Element;
-    Sidenav: ({ topContent, bottomContent, navItems, appTitle, displayGroupLines, expanded, defaultExpanded, onExpandedChange, }: Props$I) => JSX.Element;
+    Sidenav: ({ topContent, bottomContent, navItems, appTitle, displayGroupLines, expanded, defaultExpanded, onExpandedChange, }: Props$H) => JSX.Element;
 };
 
 type Size$5 = "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
@@ -1078,7 +1066,7 @@ type Props$w = {
 
 declare const DxcContainer: react.ForwardRefExoticComponent<Props$w & react.RefAttributes<HTMLDivElement>>;
 
-type Props$v = Omit<Props$H, "displayBorder" | "displayGroupLines" | "displayControlsAfter" | "hasPopOver">;
+type Props$v = Omit<Props$I, "displayBorder" | "displayGroupLines" | "displayControlsAfter" | "hasPopOver">;
 
 declare function DxcContextualMenu({ items }: Props$v): react_jsx_runtime.JSX.Element;
 
@@ -1663,6 +1651,10 @@ type CommonProps$5 = {
      * If true, if the file is an image, a preview of it will be shown. If not, an icon refering to the file type will be shown.
      */
     showPreview?: boolean;
+    /**
+     * Size of the component.
+     */
+    size?: "medium" | "fillParent";
     /**
      * Value of the tabindex attribute.
      */

package/dist/index.d.ts

@@ -202,59 +202,6 @@ type Props$J = CommonProps$8 & ModeSpecificProps;
 
 declare const DxcAlert: ({ closable, message, mode, primaryAction, secondaryAction, semantic, title, }: Props$J) => react_jsx_runtime.JSX.Element;
 
-type Section$1 = {
-    items: (Item$2 | GroupItem$2)[];
-    title?: string;
-};
-type Props$I = {
-    /**
-     * The content rendered in the bottom part of the sidenav, under the navigation menu.
-     */
-    bottomContent?: ReactNode;
-    /**
-     * Object with the properties of the branding placed at the top of the sidenav.
-     */
-    appTitle?: string | ReactNode;
-    /**
-     * Initial state of the expansion of the sidenav, only when it is uncontrolled.
-     */
-    defaultExpanded?: boolean;
-    /**
-     * If true the nav menu will have lines marking the groups.
-     */
-    displayGroupLines?: boolean;
-    /**
-     * If true, the sidenav is expanded.
-     * If undefined the component will be uncontrolled and the value will be managed internally by the component.
-     */
-    expanded?: boolean;
-    /**
-     * Array of items to be displayed in the navigation menu.
-     * Each item can be a single/simple item, a group item or a section.
-     */
-    navItems?: (Item$2 | GroupItem$2)[] | Section$1[];
-    /**
-     * Function called when the expansion state of the sidenav changes.
-     */
-    onExpandedChange?: (value: boolean) => void;
-    /**
-     * The additional content rendered in the upper part of the sidenav, under the branding.
-     */
-    topContent?: ReactNode;
-};
-type CommonItemProps$1 = {
-    badge?: ReactElement;
-    icon?: string | SVG;
-    label: string;
-};
-type Item$2 = CommonItemProps$1 & {
-    onSelect?: () => void;
-    selected?: boolean;
-};
-type GroupItem$2 = CommonItemProps$1 & {
-    items: (Item$2 | GroupItem$2)[];
-};
-
 type CommonItemProps = {
     badge?: ReactElement;
     icon?: string | SVG;
@@ -271,16 +218,16 @@ type Item$1 = CommonItemProps & {
 type GroupItem$1 = CommonItemProps & {
     items: (Item$1 | GroupItem$1)[];
 };
-type Section = {
+type Section$1 = {
     items: (Item$1 | GroupItem$1)[];
     title?: string;
 };
-type Props$H = {
+type Props$I = {
     /**
      * Array of items to be displayed in the menu.
      * Each item can be a single/simple item, a group item or a section.
      */
-    items: (Item$1 | GroupItem$1)[] | Section[];
+    items: (Item$1 | GroupItem$1)[] | Section$1[];
     /**
      * If true the menu will be displayed with a border.
      */
@@ -303,6 +250,47 @@ type Props$H = {
     isHorizontal?: boolean;
 };
 
+type Section = {
+    items: (Item$1 | GroupItem$1)[];
+    title?: string;
+};
+type Props$H = {
+    /**
+     * The content rendered in the bottom part of the sidenav, under the navigation menu.
+     */
+    bottomContent?: ReactNode;
+    /**
+     * Object with the properties of the branding placed at the top of the sidenav.
+     */
+    appTitle?: string | ReactNode;
+    /**
+     * Initial state of the expansion of the sidenav, only when it is uncontrolled.
+     */
+    defaultExpanded?: boolean;
+    /**
+     * If true the nav menu will have lines marking the groups.
+     */
+    displayGroupLines?: boolean;
+    /**
+     * If true, the sidenav is expanded.
+     * If undefined the component will be uncontrolled and the value will be managed internally by the component.
+     */
+    expanded?: boolean;
+    /**
+     * Array of items to be displayed in the navigation menu.
+     * Each item can be a single/simple item, a group item or a section.
+     */
+    navItems?: (Item$1 | GroupItem$1)[] | Section[];
+    /**
+     * Function called when the expansion state of the sidenav changes.
+     */
+    onExpandedChange?: (value: boolean) => void;
+    /**
+     * The additional content rendered in the upper part of the sidenav, under the branding.
+     */
+    topContent?: ReactNode;
+};
+
 type GroupItem = CommonItemProps & {
     items: Item$1[];
 };
@@ -342,7 +330,7 @@ type Logo = {
     /**
      * Source of the logo image.
      */
-    src: string;
+    src: string | SVG;
     /**
      * Alternative text for the logo image.
      */
@@ -440,7 +428,7 @@ declare const DxcApplicationLayout: {
     Footer: ({ bottomLinks, copyright, leftContent, logo, mode, rightContent, socialLinks, tabIndex, }: FooterPropsType) => JSX.Element;
     Header: ({ appTitle, navItems, sideContent, responsiveBottomContent }: Props$G) => JSX.Element;
     Main: ({ children }: AppLayoutMainPropsType) => JSX.Element;
-    Sidenav: ({ topContent, bottomContent, navItems, appTitle, displayGroupLines, expanded, defaultExpanded, onExpandedChange, }: Props$I) => JSX.Element;
+    Sidenav: ({ topContent, bottomContent, navItems, appTitle, displayGroupLines, expanded, defaultExpanded, onExpandedChange, }: Props$H) => JSX.Element;
 };
 
 type Size$5 = "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
@@ -1078,7 +1066,7 @@ type Props$w = {
 
 declare const DxcContainer: react.ForwardRefExoticComponent<Props$w & react.RefAttributes<HTMLDivElement>>;
 
-type Props$v = Omit<Props$H, "displayBorder" | "displayGroupLines" | "displayControlsAfter" | "hasPopOver">;
+type Props$v = Omit<Props$I, "displayBorder" | "displayGroupLines" | "displayControlsAfter" | "hasPopOver">;
 
 declare function DxcContextualMenu({ items }: Props$v): react_jsx_runtime.JSX.Element;
 
@@ -1663,6 +1651,10 @@ type CommonProps$5 = {
      * If true, if the file is an image, a preview of it will be shown. If not, an icon refering to the file type will be shown.
      */
     showPreview?: boolean;
+    /**
+     * Size of the component.
+     */
+    size?: "medium" | "fillParent";
     /**
      * Value of the tabindex attribute.
      */