@dxc-technology/halstack-react 0.0.0-9b45027 → 0.0.0-9bd9511

package/dropdown/types.d.ts

@@ -1,32 +1,29 @@
 /// <reference types="react" />
-declare type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-declare type Margin = {
+export type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+export type Margin = {
     top?: Space;
     bottom?: Space;
     left?: Space;
     right?: Space;
 };
-declare type SVG = React.SVGProps<SVGSVGElement> | React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-declare type Option = {
+export type Size = "small" | "medium" | "large" | "fillParent" | "fitContent";
+type SVG = React.ReactNode & React.SVGProps<SVGSVGElement>;
+export type Option = {
     /**
      * Option display value.
      */
     label?: string;
     /**
-     * Element used as the icon that will be placed next to the
+     * Element or path used as the icon that will be placed next to the
      * option label.
      */
-    icon?: SVG;
-    /**
-     * @deprecated URL of the icon that will be placed next to the option label.
-     */
-    iconSrc?: string;
+    icon?: string | SVG;
     /**
      * Option inner value.
      */
     value: string;
 };
-declare type Props = {
+type Props = {
     /**
      * An array of objects representing the options.
      */
@@ -37,15 +34,10 @@ declare type Props = {
      */
     optionsIconPosition?: "before" | "after";
     /**
-     * Element used as the icon that will be placed next to the
-     * dropdown label.
-     */
-    icon?: SVG;
-    /**
-     * @deprecated URL of the icon that will be placed next to the
+     * Element or path used as the icon that will be placed next to the
      * dropdown label.
      */
-    iconSrc?: string;
+    icon?: string | SVG;
     /**
      * Whether the icon should appear after or before the label.
      */
@@ -76,7 +68,7 @@ declare type Props = {
     /**
      * Size of the component.
      */
-    size?: "small" | "medium" | "large" | "fillParent" | "fitContent";
+    size?: Size;
     /**
      * Value of the tabindex.
      */
@@ -86,4 +78,23 @@ declare type Props = {
      */
     disabled?: boolean;
 };
+export type DropdownMenuProps = {
+    id: string;
+    dropdownTriggerId: string;
+    iconsPosition: "before" | "after";
+    visualFocusIndex: number;
+    menuItemOnClick: (value: string) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLUListElement>) => void;
+    options: Option[];
+    styles: {
+        width: number;
+    };
+};
+export type DropdownMenuItemProps = {
+    id: string;
+    visuallyFocused: boolean;
+    iconPosition: "before" | "after";
+    onClick: (value: string) => void;
+    option: Option;
+};
 export default Props;

package/file-input/FileInput.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import FileInputPropsType from "./types";
-declare const DxcFileInput: ({ name, mode, label, buttonLabel, dropAreaLabel, helperText, accept, minSize, maxSize, showPreview, multiple, disabled, callbackFile, value, margin, tabIndex, }: FileInputPropsType) => JSX.Element;
+declare const DxcFileInput: React.ForwardRefExoticComponent<FileInputPropsType & React.RefAttributes<HTMLDivElement>>;
 export default DxcFileInput;