@goodhood-web/ui 3.0.0 → 3.1.0-development.1

package/lib/Atoms/Dropdowns/DropdownCard/DropdownCard.types.d.ts

@@ -1,9 +1,9 @@
 import { DropdownHeaderProps } from '../DropdownHeader/DropdownHeader.types';
-import { DropdownItemProps } from '../DropdownItem/DropdownItem.types';
+import { PopupItemProps } from '../PopupItem/PopupItem.types';
 export type DropdownCardProps = {
     className?: string;
     hasHeader?: boolean;
     headerProps?: DropdownHeaderProps;
-    items: DropdownItemProps[];
+    items: PopupItemProps[];
     onClose: () => void;
 };

package/lib/Atoms/Dropdowns/DropdownItem/DropdownItem.d.ts

@@ -1,3 +1,3 @@
 import { DropdownItemProps } from './DropdownItem.types';
-declare const DropdownItem: ({ alt, isSelected, src, text, ...props }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownItem: ({ alt, isSelected, label, onClick, src, value, }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
 export default DropdownItem;

package/lib/Atoms/Dropdowns/DropdownItem/DropdownItem.types.d.ts

@@ -1,7 +1,9 @@
-import { ButtonProps } from '../../Buttons/Button/Button.types';
-export type DropdownItemProps = Pick<ButtonProps, 'onClick' | 'ariaLabel' | 'ariaLabelledBy' | 'disabled' | 'role'> & {
+export type SelectValueType = string | null;
+export type DropdownItemProps = {
     alt?: string;
     isSelected?: boolean;
+    label: string;
+    onClick?: (value: SelectValueType) => void;
     src?: string;
-    text: string;
+    value: SelectValueType;
 };

package/lib/Atoms/Dropdowns/PopupItem/PopupItem.d.ts

@@ -0,0 +1,3 @@
+import { PopupItemProps } from './PopupItem.types';
+declare const PopupItem: ({ alt, isSelected, src, text, ...props }: PopupItemProps) => import("react/jsx-runtime").JSX.Element;
+export default PopupItem;

package/lib/Atoms/Dropdowns/PopupItem/PopupItem.types.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../../Buttons/Button/Button.types';
+export type PopupItemProps = Pick<ButtonProps, 'onClick' | 'ariaLabel' | 'ariaLabelledBy' | 'disabled' | 'role'> & {
+    alt?: string;
+    isSelected?: boolean;
+    src?: string;
+    text: string;
+};

package/lib/Atoms/Dropdowns/Select/Select.d.ts

@@ -1,2 +1,2 @@
 import { SelectTypes } from './Select.types';
-export default function Select({ children, colorScheme, disabled, errorMessage, onChange, placeholder, value, }: SelectTypes): import("react/jsx-runtime").JSX.Element;
+export default function Select({ colorScheme, disabled, errorMessage, items, onChange, placeholder, value, }: SelectTypes): import("react/jsx-runtime").JSX.Element;

package/lib/Atoms/Dropdowns/Select/Select.example.d.ts

@@ -1,9 +1,11 @@
+import { SelectTypes } from './Select.types';
 interface SelectExampleProps {
     colorScheme: 'light' | 'dark';
     disabled?: boolean;
     errorMessage?: string;
+    items: SelectTypes['items'];
     placeholder?: string;
     value?: string;
 }
-export declare function SelectExample({ colorScheme, disabled, errorMessage, placeholder, value, }: SelectExampleProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectExample({ colorScheme, disabled, errorMessage, items, placeholder, }: SelectExampleProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/Atoms/Dropdowns/Select/Select.types.d.ts

@@ -1,16 +1,10 @@
-import { FocusEvent, KeyboardEvent, MouseEvent, ReactElement } from 'react';
+import { DropdownItemProps, SelectValueType } from '../DropdownItem/DropdownItem.types';
 export interface SelectTypes {
-    children: ReactElement<HTMLOptionElement> | ReactElement<HTMLOptionElement>[];
     colorScheme: 'light' | 'dark';
     disabled?: boolean;
     errorMessage?: string;
-    onChange: (value: string | null) => void;
+    items: DropdownItemProps[];
+    onChange: (value: SelectValueType) => void;
     placeholder?: string;
-    value: string | null;
+    value: SelectValueType;
 }
-export interface OptionTypes {
-    child?: ReactElement;
-    label?: string;
-    value: string | null;
-}
-export type OnChangeType = ((event: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element> | FocusEvent<Element, Element> | null, value: string | null) => void) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "3.0.0",
+  "version": "3.1.0-development.1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",