@sebgroup/green-react 1.14.0 → 2.1.0

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.14.0",
+  "version": "2.1.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.15.3",
-    "@sebgroup/extract": "^1.5.2",
+    "@sebgroup/green-core": "^1.0.2",
+    "@sebgroup/chlorophyll": "^2.1.0",
+    "@sebgroup/extract": "^2.0.0",
     "classnames": "^2.3.2"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",

package/src/index.d.ts

@@ -7,6 +7,7 @@ export * from './lib/dropdown/dropdown';
 export * from './lib/form';
 export * from './lib/formItem';
 export * from './lib/layout';
+export * from './lib/in-page-wizard';
 export * from './lib/link/link';
 export * from './lib/list';
 export * from './lib/navbar/navbar';

package/src/lib/dropdown/dropdown.d.ts

@@ -1,4 +1,54 @@
-import { DropdownArgs, OnChange } from '@sebgroup/extract';
+import { GdsDropdown, GdsOption } from '@sebgroup/green-core';
+export declare type CompareWith<T = any> = (o1: T, o2: T) => boolean;
+export declare type SearchFilter<T = any> = (search: string, value: T) => boolean;
+export declare type DropdownPlacements = 'bottom-start' | 'top-start';
+export declare type OnChange<T = any> = (value: T) => void;
+export declare type IndicatorType = 'success' | 'error' | 'info';
+export declare type ValidatorType = 'Required' | 'Email';
+export interface ValidatorRules {
+    type: ValidatorType;
+    custom?: () => string | undefined;
+}
+export interface IValidator {
+    message: string;
+    indicator: IndicatorType;
+    rules?: ValidatorRules;
+}
+export interface DropdownArgs {
+    compareWith?: CompareWith;
+    display?: string;
+    id?: string;
+    informationLabel?: string;
+    label?: string;
+    loop?: boolean;
+    multiSelect?: boolean;
+    onTouched?: () => void;
+    options: DropdownOption[];
+    searchFilter?: SearchFilter;
+    searchable?: boolean;
+    texts?: DropdownTexts;
+    useValue?: string;
+    validator?: IValidator;
+    value?: any;
+}
+export interface DropdownTexts {
+    select?: string;
+    selected?: string;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    close?: string;
+    optionsDescription?: string;
+}
+export interface DropdownOption {
+    label?: string;
+    value?: any;
+    selected?: boolean;
+    [key: string]: any;
+}
+export declare const CoreDropdown: import("@lit-labs/react").ReactWebComponent<GdsDropdown<any>, {
+    onchange: string;
+}>;
+export declare const CoreOption: import("@lit-labs/react").ReactWebComponent<GdsOption, {}>;
 export interface DropdownProps extends DropdownArgs {
     onChange?: OnChange;
 }

package/src/lib/icons/edit.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../../types/props';
+export declare const Edit: ({ focusable, title, fill, width, height, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/index.d.ts

@@ -5,3 +5,4 @@ export * from './square-exclamation';
 export * from './square-info';
 export * from './times';
 export * from './infoCircle';
+export * from './edit';

package/src/lib/in-page-wizard/inPageWizardStepCard.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface InPageWizardStepCardProps {
+    stepText: string;
+    title: string;
+    editBtnText: string;
+    nextBtnText: string;
+    nextBtnIcon?: ReactNode;
+    stepStatus: WizardStepStatus;
+    hideFooter?: boolean;
+    children: React.ReactNode;
+    onNextClick: () => void;
+    onEditClick: () => void;
+    dataTestid?: string;
+}
+export declare type WizardStepStatus = 'NotStarted' | 'IsActive' | 'IsComplete';
+export declare const InPageWizardStepCard: (props: InPageWizardStepCardProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/in-page-wizard/index.d.ts

@@ -0,0 +1 @@
+export * from './inPageWizardStepCard';

package/src/types/props/index.d.ts

@@ -2,6 +2,8 @@ export interface IconProps {
     focusable?: boolean;
     title?: string;
     fill?: string;
+    width?: number;
+    height?: number;
     'aria-hidden'?: boolean;
 }
 export interface SelectorAttributesProps {

package/src/lib/dropdown/hooks.d.ts

@@ -1,29 +0,0 @@
-import { DropdownHandler, OnChange, DropdownArgs } from '@sebgroup/extract';
-import { HTMLAttributes, InputHTMLAttributes, RefObject } from 'react';
-import { IValidator } from '@sebgroup/extract';
-interface HookArgs extends DropdownArgs {
-    togglerRef: RefObject<HTMLElement>;
-    listboxRef: RefObject<HTMLElement>;
-    onChange?: OnChange;
-    validator?: IValidator;
-}
-declare type Props = HTMLAttributes<HTMLElement>;
-interface CheckboxItem {
-    labelProps: Props;
-    inputProps: InputHTMLAttributes<HTMLInputElement>;
-    spanProps: Props;
-}
-interface MultiSelectProps {
-    fieldsetProps?: Props;
-    legendProps?: Props;
-    checkboxes?: CheckboxItem[];
-}
-interface HookResult {
-    dropdown?: DropdownHandler;
-    togglerProps: Props;
-    listboxProps: Props;
-    listItems: Props[];
-    multiSelectProps: MultiSelectProps;
-}
-export declare const useDropdown: ({ id, value, texts, options, loop, multiSelect, searchable, searchFilter, compareWith, useValue, display, togglerRef, listboxRef, onChange, validator, }: HookArgs) => HookResult;
-export {};