@gnwebsoft/ui 3.0.7 → 3.0.9

package/dist/wrappers/index.d.ts

@@ -1,12 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, Control, FieldError, PathValue, UseControllerProps, UseControllerReturn } from 'react-hook-form';
+import { FieldValues, FieldPath, Control, FieldError, PathValue, UseControllerProps, UseControllerReturn, Path } from 'react-hook-form';
 import { GridProps, TextFieldVariants, SxProps, AutocompleteRenderInputParams, CheckboxProps, FormControlLabelProps, Theme, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, ChipTypeMap, AutocompleteProps, TextField } from '@mui/material';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ChangeEvent } from 'react';
+import { E as EventOrValue } from '../events-BcHVCLBz.js';
 import { PickerValidDate, DateValidationError, PickerChangeHandlerContext, DatePickerSlotProps, DatePickerProps, TimeValidationError, TimePickerSlotProps, TimePickerProps } from '@mui/x-date-pickers';
 import { useLocalizationContext } from '@mui/x-date-pickers/internals';
-import { F as FieldType } from '../enhanced-z-I7EHVS.js';
+import { F as FieldType } from '../enhanced-CDTkKUlj.js';
+import { A as AsyncSelectPayload } from '../AsyncSelectPayload-B9-6l33R.js';
 
 interface AsyncSelect2Payload {
     query: string | null;
@@ -96,12 +98,13 @@ interface CheckboxElementProps<TFieldValues extends FieldValues = FieldValues, T
          */
         input?: (value: PathValue<TFieldValues, TName>) => boolean;
         /**
-         * Transform the checkbox state back to the desired field value.
+         * Transform the checkbox change event back to the desired field value.
          * If not provided, the boolean checked state is used directly.
-         * @param checked - The checkbox checked state
+         * @param event - The checkbox change event
+         * @param checked - The new checked state
          * @returns The transformed value to store in the form
          */
-        output?: (checked: boolean) => PathValue<TFieldValues, TName>;
+        output?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => PathValue<TFieldValues, TName>;
     };
     /**
      * Custom onChange handler that works alongside the form controller
@@ -232,8 +235,8 @@ declare const CheckboxGroup: {
     displayName: string;
 };
 
-type PrimitiveValue$1 = string | number | boolean;
-type OptionObject$1<TValueKey extends string = string, TLabelKey extends string = string, TDisabledKey extends string = string> = Record<TValueKey, PrimitiveValue$1> & Record<TLabelKey, string> & Partial<Record<TDisabledKey, boolean>> & Record<string, unknown>;
+type PrimitiveValue$2 = string | number | boolean;
+type OptionObject$2<TValueKey extends string = string, TLabelKey extends string = string, TDisabledKey extends string = string> = Record<TValueKey, PrimitiveValue$2> & Record<TLabelKey, string> & Partial<Record<TDisabledKey, boolean>> & Record<string, unknown>;
 /**
  * Props for the CheckboxGroup component.
  *
@@ -246,7 +249,7 @@ type OptionObject$1<TValueKey extends string = string, TLabelKey extends string
  *
  * @public
  */
-interface CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject$1<TValueKey, TLabelKey, TDisabledKey> = OptionObject$1, TValueKey extends keyof TOption & string = "Value", TLabelKey extends keyof TOption & string = "Label", TDisabledKey extends keyof TOption & string = "disabled"> extends Omit<CheckboxProps, "name" | "checked" | "value" | "onChange"> {
+interface CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject$2<TValueKey, TLabelKey, TDisabledKey> = OptionObject$2, TValueKey extends keyof TOption & string = "Value", TLabelKey extends keyof TOption & string = "Label", TDisabledKey extends keyof TOption & string = "disabled"> extends Omit<CheckboxProps, "name" | "checked" | "value" | "onChange"> {
     /**
      * The field name in the form
      * @example "selectedItems" | "user.preferences"
@@ -320,7 +323,7 @@ interface CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TNa
          * @param selectedValues - Array of selected option values
          * @returns The transformed value to store in the form
          */
-        output?: (selectedValues: Array<TOption[TValueKey]>) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     /**
      * Custom onChange handler that works alongside the form controller
@@ -1095,9 +1098,9 @@ declare const PasswordElement: {
     displayName: string;
 };
 
-type PrimitiveValue = string | number | boolean;
-type OptionObject<TValueKey extends string = string, TLabelKey extends string = string, TDisabledKey extends string = string> = Record<TValueKey, PrimitiveValue> & Record<TLabelKey, string> & Partial<Record<TDisabledKey, boolean>> & Record<string, unknown>;
-interface RadioButtonGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject<TValueKey, TLabelKey, TDisabledKey> = OptionObject, TValueKey extends keyof TOption & string = "id", TLabelKey extends keyof TOption & string = "label", TDisabledKey extends keyof TOption & string = "disabled"> {
+type PrimitiveValue$1 = string | number | boolean;
+type OptionObject$1<TValueKey extends string = string, TLabelKey extends string = string, TDisabledKey extends string = string> = Record<TValueKey, PrimitiveValue$1> & Record<TLabelKey, string> & Partial<Record<TDisabledKey, boolean>> & Record<string, unknown>;
+interface RadioButtonGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject$1<TValueKey, TLabelKey, TDisabledKey> = OptionObject$1, TValueKey extends keyof TOption & string = "id", TLabelKey extends keyof TOption & string = "label", TDisabledKey extends keyof TOption & string = "disabled"> {
     options: TOption[];
     helperText?: ReactNode;
     name: TName;
@@ -1119,12 +1122,12 @@ interface RadioButtonGroupProps<TFieldValues extends FieldValues = FieldValues,
     disabled?: boolean;
     transform?: {
         input?: (value: PathValue<TFieldValues, TName>) => TOption[TValueKey];
-        output?: (value: TOption[TValueKey] | TOption | undefined) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     gridProps?: GridProps;
 }
 declare const RadioButtonGroup: {
-    <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject<TValueKey, TLabelKey, TDisabledKey> = OptionObject<string, string, string>, TValueKey extends keyof TOption & string = "id", TLabelKey extends keyof TOption & string = "label", TDisabledKey extends keyof TOption & string = "disabled">({ gridProps, ...props }: RadioButtonGroupProps<TFieldValues, TName, TOption, TValueKey, TLabelKey, TDisabledKey>): react_jsx_runtime.JSX.Element;
+    <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject$1<TValueKey, TLabelKey, TDisabledKey> = OptionObject$1<string, string, string>, TValueKey extends keyof TOption & string = "id", TLabelKey extends keyof TOption & string = "label", TDisabledKey extends keyof TOption & string = "disabled">({ gridProps, ...props }: RadioButtonGroupProps<TFieldValues, TName, TOption, TValueKey, TLabelKey, TDisabledKey>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -1365,7 +1368,7 @@ interface TextFieldElementProps<TFieldValues extends FieldValues = FieldValues,
         /** Transform value before displaying in input */
         input?: (value: PathValue<TFieldValues, TName>) => TValue;
         /** Transform input event to form value */
-        output?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     /**
      * The input label text
@@ -1509,7 +1512,7 @@ interface EnhancedTextFieldElementProps<TFieldValues extends FieldValues = Field
         /** Transform value before displaying in input */
         input?: (value: PathValue<TFieldValues, TName>) => TValue;
         /** Transform input event to form value */
-        output?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     /**
      * Built-in field type for automatic transformation
@@ -1671,7 +1674,7 @@ interface TimePickerElementProps<TFieldValues extends FieldValues = FieldValues,
     slotProps?: Omit<TimePickerSlotProps<TEnableAccessibleFieldDOMStructure>, "textField">;
     transform?: {
         input?: (value: PathValue<TFieldValues, TName>) => TValue | null;
-        output?: (value: TValue | null, context: PickerChangeHandlerContext<TimeValidationError>) => PathValue<TFieldValues, TName>;
+        output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
     };
     gridProps?: GridProps;
     timePickerProps?: Omit<TimePickerProps<TEnableAccessibleFieldDOMStructure>, "value" | "slotProps">;
@@ -1683,6 +1686,22 @@ declare const TimePickerElement: {
     displayName: string;
 };
 
+type PrimitiveValue = string | number | boolean;
+type OptionObject<TValueKey extends string = string, TLabelKey extends string = string> = Record<TValueKey, PrimitiveValue> & Record<TLabelKey, string> & Record<string, unknown>;
+type AsyncSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = Path<TFieldValues>, TValueKey extends string = "Value", TLabelKey extends string = "Label", TOption extends OptionObject<TValueKey, TLabelKey> = OptionObject<TValueKey, TLabelKey>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'name' | 'control' | 'ref' | 'multiple' | 'loading' | 'getOptionLabel' | 'getOptionKey' | 'isOptionEqualToValue' | 'options' | 'value' | 'filterSelectedOptions' | 'filterOptions' | 'onChange' | 'onInputChange' | 'renderInput'> & {
+    name: TName;
+    control?: Control<TFieldValues>;
+    gridProps?: GridProps;
+    placeholder?: string;
+    label?: string;
+    initialValue?: TOption[TValueKey] | null;
+    queryFn: (data: AsyncSelectPayload) => Promise<TOption[] | undefined>;
+    variant?: TextFieldVariants;
+    sx?: SxProps;
+    labelKey?: TLabelKey;
+    valueKey?: TValueKey;
+};
+
 declare const Field: {
     Text: {
         <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>({ gridProps, ...props }: TextFieldElementProps<TFieldValues, TName, TValue>): React.ReactElement;
@@ -1717,7 +1736,10 @@ declare const Field: {
         <TOption, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>>({ gridProps, ...props }: SelectCascadeElementProps<TOption, TFieldValues, TName>): React.ReactElement;
         displayName: string;
     };
-    AsyncSelect: any;
+    AsyncSelect: {
+        <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValueKey extends string = "Value", TLabelKey extends string = "Label", TOption extends OptionObject<TValueKey, TLabelKey> = OptionObject<TValueKey, TLabelKey>>({ gridProps, ...props }: AsyncSelectElementProps<TFieldValues, TName, TValueKey, TLabelKey, TOption>): React.ReactElement;
+        displayName: string;
+    };
     AsyncMultiSelect: {
         <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>>({ gridProps, ...props }: AsyncMultiSelect2Props<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
         displayName: string;
@@ -1728,4 +1750,4 @@ declare const Field: {
     };
 };
 
-export { AsyncMultiSelect2, type AsyncMultiSelect2Props, type AsyncSelect2Payload, type BrandedDate, CheckboxElement, type CheckboxElementProps, CheckboxGroup, type CheckboxGroupProps, DatePickerElement, DatePickerElementCore, type DatePickerElementCoreProps, type DatePickerElementGridProps, type DatePickerElementProps, type DatePickerHookReturn, type DatePickerValidationConfig, type DateTransform, EnhancedTextFieldElement, type EnhancedTextFieldElementProps, Field, type Option2Item, type OptionObject$1 as OptionObject, PasswordElement, RadioButtonGroup, SelectCascadeElement, SelectElement, SelectMultiElement, TextFieldElement, TimePickerElement, type TypedDatePickerSlotProps, type UseDatePickerStylesOptions, type UseDatePickerStylesReturn, type UseDatePickerValidationOptions, type UseDatePickerValidationReturn, type UseDatePickerValueOptions, type UseDatePickerValueReturn, type ValidatedDate, createDateInputTransform, createDateOutputTransform, createDefaultDatePickerConfig, createStableKey, extractErrorMessage, isParsableDateString, isValidDate, readDatePickerValueAsDate, useDatePickerStyles, useDatePickerValidation, useDatePickerValue };
+export { AsyncMultiSelect2, type AsyncMultiSelect2Props, type AsyncSelect2Payload, type BrandedDate, CheckboxElement, type CheckboxElementProps, CheckboxGroup, type CheckboxGroupProps, DatePickerElement, DatePickerElementCore, type DatePickerElementCoreProps, type DatePickerElementGridProps, type DatePickerElementProps, type DatePickerHookReturn, type DatePickerValidationConfig, type DateTransform, EnhancedTextFieldElement, type EnhancedTextFieldElementProps, Field, type Option2Item, type OptionObject$2 as OptionObject, PasswordElement, RadioButtonGroup, SelectCascadeElement, SelectElement, SelectMultiElement, TextFieldElement, TimePickerElement, type TypedDatePickerSlotProps, type UseDatePickerStylesOptions, type UseDatePickerStylesReturn, type UseDatePickerValidationOptions, type UseDatePickerValidationReturn, type UseDatePickerValueOptions, type UseDatePickerValueReturn, type ValidatedDate, createDateInputTransform, createDateOutputTransform, createDefaultDatePickerConfig, createStableKey, extractErrorMessage, isParsableDateString, isValidDate, readDatePickerValueAsDate, useDatePickerStyles, useDatePickerValidation, useDatePickerValue };

package/dist/wrappers/index.js

@@ -24,8 +24,8 @@ import {
   useDatePickerStyles,
   useDatePickerValidation,
   useDatePickerValue
-} from "../chunk-BWC3LJIB.js";
-import "../chunk-DE62KYFK.js";
+} from "../chunk-CHZU4PZB.js";
+import "../chunk-3OPVOWQK.js";
 export {
   AsyncMultiSelect2,
   CheckboxElement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnwebsoft/ui",
-  "version": "3.0.7",
+  "version": "3.0.9",
   "type": "module",
   "description": "A set of reusable wrappers for MUI v7",
   "author": "GNWebsoft Private Limited",
@@ -30,7 +30,7 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
-    "test:ci": "jest --ci --coverage --watchAll=false --reporters=default --reporters=jest-junit",
+    "test:ci": "jest --ci --coverage --watchAll=false",
     "test:a11y": "jest --testNamePattern=\"a11y\"",
     "docs:api": "typedoc",
     "docs:api:md": "typedoc --plugin typedoc-plugin-markdown --out docs/markdown",
@@ -50,36 +50,37 @@
   "engines": {
     "node": ">=22.0.0"
   },
+  "sideEffects": false,
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
     },
     "./components": {
+      "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.js",
-      "require": "./dist/components/index.cjs",
-      "types": "./dist/components/index.d.ts"
+      "require": "./dist/components/index.cjs"
     },
     "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
       "import": "./dist/hooks/index.js",
-      "require": "./dist/hooks/index.cjs",
-      "types": "./dist/hooks/index.d.ts"
+      "require": "./dist/hooks/index.cjs"
     },
     "./types": {
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/types/index.js",
-      "require": "./dist/types/index.cjs",
-      "types": "./dist/types/index.d.ts"
+      "require": "./dist/types/index.cjs"
     },
     "./utils": {
+      "types": "./dist/utils/index.d.ts",
       "import": "./dist/utils/index.js",
-      "require": "./dist/utils/index.cjs",
-      "types": "./dist/utils/index.d.ts"
+      "require": "./dist/utils/index.cjs"
     },
     "./wrappers": {
+      "types": "./dist/wrappers/index.d.ts",
       "import": "./dist/wrappers/index.js",
-      "require": "./dist/wrappers/index.cjs",
-      "types": "./dist/wrappers/index.d.ts"
+      "require": "./dist/wrappers/index.cjs"
     }
   },
   "devDependencies": {