@moser-inc/moser-labs-react 7.3.1 → 7.4.0

package/dist/index.d.ts

@@ -22,6 +22,8 @@ import { InputTextareaProps } from "primereact/inputtextarea";
 import { MenuItem } from "primereact/menuitem";
 import { IconType } from "primereact/utils";
 import { FormEvent } from "primereact/ts-helpers";
+import * as react_hook_form0 from "react-hook-form";
+import { ControllerFieldState, FieldPath, FieldValues, UseControllerReturn } from "react-hook-form";
 
 //#region src/constants/app.d.ts
 declare const VERSION: string;
@@ -134,6 +136,22 @@ declare const LabsEmpty: ({
   ...rest
 }: LabsEmptyProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/components/LabsFieldContainerChoice.d.ts
+type LabsFieldContainerChoiceProps = LabsFieldContainerProps;
+declare const LabsFieldContainerChoice: ({
+  id,
+  containerId,
+  labelId,
+  messageId,
+  hintId,
+  label,
+  message,
+  hint,
+  className,
+  children,
+  ...rest
+}: LabsFieldContainerChoiceProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/components/LabsFieldContainerHint.d.ts
 type BaseProps = Omit<ComponentProps<typeof motion.span>, 'children'>;
 interface LabsFieldContainerHintProps extends BaseProps {
@@ -20469,284 +20487,8 @@ declare const LabsPrimeProvider: ({
   children
 }: LabsPrimeProviderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region ../../node_modules/react-hook-form/dist/types/path/common.d.ts
-/**
- * Type to query whether an array type T is a tuple type.
- * @typeParam T - type which may be an array or tuple
- * @example
- * ```
- * IsTuple<[number]> = true
- * IsTuple<number[]> = false
- * ```
- */
-type IsTuple<T extends ReadonlyArray<any>> = number extends T['length'] ? false : true;
-/**
- * Type which can be used to index an array or tuple type.
- */
-type ArrayKey = number;
-/**
- * Type which given a tuple type returns its own keys, i.e. only its indices.
- * @typeParam T - tuple type
- * @example
- * ```
- * TupleKeys<[number, string]> = '0' | '1'
- * ```
- */
-type TupleKeys<T extends ReadonlyArray<any>> = Exclude<keyof T, keyof any[]>;
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/path/eager.d.ts
-/**
- * Helper function to break apart T1 and check if any are equal to T2
- *
- * See {@link IsEqual}
- */
-type AnyIsEqual<T1, T2> = T1 extends T2 ? IsEqual<T1, T2> extends true ? true : never : never;
-/**
- * Helper type for recursively constructing paths through a type.
- * This actually constructs the strings and recurses into nested
- * object types.
- *
- * See {@link Path}
- */
-type PathImpl<K extends string | number, V, TraversedTypes> = V extends Primitive | BrowserNativeObject ? `${K}` : true extends AnyIsEqual<TraversedTypes, V> ? `${K}` : `${K}` | `${K}.${PathInternal<V, TraversedTypes | V>}`;
-/**
- * Helper type for recursively constructing paths through a type.
- * This obscures the internal type param TraversedTypes from exported contract.
- *
- * See {@link Path}
- */
-type PathInternal<T, TraversedTypes = T> = T extends ReadonlyArray<infer V> ? IsTuple<T> extends true ? { [K in TupleKeys<T>]-?: PathImpl<K & string, T[K], TraversedTypes> }[TupleKeys<T>] : PathImpl<ArrayKey, V, TraversedTypes> : { [K in keyof T]-?: PathImpl<K & string, T[K], TraversedTypes> }[keyof T];
-/**
- * Type which eagerly collects all paths through a type
- * @typeParam T - type which should be introspected
- * @example
- * ```
- * Path<{foo: {bar: string}}> = 'foo' | 'foo.bar'
- * ```
- */
-type Path<T> = T extends any ? PathInternal<T> : never;
-/**
- * See {@link Path}
- */
-type FieldPath<TFieldValues extends FieldValues> = Path<TFieldValues>;
-/**
- * Helper type for recursively constructing paths through a type.
- * This actually constructs the strings and recurses into nested
- * object types.
- *
- * See {@link ArrayPath}
- */
-type ArrayPathImpl<K extends string | number, V, TraversedTypes> = V extends Primitive | BrowserNativeObject ? IsAny<V> extends true ? string : never : V extends ReadonlyArray<infer U> ? U extends Primitive | BrowserNativeObject ? IsAny<V> extends true ? string : never : true extends AnyIsEqual<TraversedTypes, V> ? never : `${K}` | `${K}.${ArrayPathInternal<V, TraversedTypes | V>}` : true extends AnyIsEqual<TraversedTypes, V> ? never : `${K}.${ArrayPathInternal<V, TraversedTypes | V>}`;
-/**
- * Helper type for recursively constructing paths through a type.
- * This obscures the internal type param TraversedTypes from exported contract.
- *
- * See {@link ArrayPath}
- */
-type ArrayPathInternal<T, TraversedTypes = T> = T extends ReadonlyArray<infer V> ? IsTuple<T> extends true ? { [K in TupleKeys<T>]-?: ArrayPathImpl<K & string, T[K], TraversedTypes> }[TupleKeys<T>] : ArrayPathImpl<ArrayKey, V, TraversedTypes> : { [K in keyof T]-?: ArrayPathImpl<K & string, T[K], TraversedTypes> }[keyof T];
-/**
- * Type which eagerly collects all paths through a type which point to an array
- * type.
- * @typeParam T - type which should be introspected.
- * @example
- * ```
- * Path<{foo: {bar: string[], baz: number[]}}> = 'foo.bar' | 'foo.baz'
- * ```
- */
-type ArrayPath<T> = T extends any ? ArrayPathInternal<T> : never;
-/**
- * Type to evaluate the type which the given path points to.
- * @typeParam T - deeply nested type which is indexed by the path
- * @typeParam P - path into the deeply nested type
- * @example
- * ```
- * PathValue<{foo: {bar: string}}, 'foo.bar'> = string
- * PathValue<[number, string], '1'> = string
- * ```
- */
-type PathValue<T, P extends Path<T> | ArrayPath<T>> = PathValueImpl<T, P>;
-type PathValueImpl<T, P extends string> = T extends any ? P extends `${infer K}.${infer R}` ? K extends keyof T ? undefined extends T[K] ? PathValueImpl<T[K], R> | undefined : PathValueImpl<T[K], R> : K extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? PathValueImpl<V, R> : never : never : P extends keyof T ? T[P] : P extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? V : T extends undefined ? undefined : never : never : never;
-/**
- * See {@link PathValue}
- */
-type FieldPathValue<TFieldValues extends FieldValues, TFieldPath extends FieldPath<TFieldValues>> = PathValue<TFieldValues, TFieldPath>;
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/form.d.ts
-declare const $NestedValue: unique symbol;
-/**
- * @deprecated to be removed in the next major version
- */
-type NestedValue<TValue extends object = object> = {
-  [$NestedValue]: never;
-} & TValue;
-type FieldNamesMarkedBoolean<TFieldValues extends FieldValues> = DeepMap<DeepPartial<TFieldValues>, boolean>;
-type FormState<TFieldValues extends FieldValues> = {
-  isDirty: boolean;
-  isLoading: boolean;
-  isSubmitted: boolean;
-  isSubmitSuccessful: boolean;
-  isSubmitting: boolean;
-  isValidating: boolean;
-  isValid: boolean;
-  disabled: boolean;
-  submitCount: number;
-  defaultValues?: undefined | Readonly<DeepPartial<TFieldValues>>;
-  dirtyFields: Partial<Readonly<FieldNamesMarkedBoolean<TFieldValues>>>;
-  touchedFields: Partial<Readonly<FieldNamesMarkedBoolean<TFieldValues>>>;
-  validatingFields: Partial<Readonly<FieldNamesMarkedBoolean<TFieldValues>>>;
-  errors: FieldErrors<TFieldValues>;
-  isReady: boolean;
-};
-type RefCallBack = (instance: any) => void;
-type UseFormStateReturn<TFieldValues extends FieldValues> = FormState<TFieldValues>;
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/utils.d.ts
-type Noop = () => void;
-interface File extends Blob {
-  readonly lastModified: number;
-  readonly name: string;
-}
-interface FileList$1 {
-  readonly length: number;
-  item(index: number): File | null;
-  [index: number]: File;
-}
-type Primitive = null | undefined | string | number | boolean | symbol | bigint;
-type BrowserNativeObject = Date | FileList$1 | File;
-type NonUndefined<T> = T extends undefined ? never : T;
-type LiteralUnion<T extends U, U extends Primitive> = T | (U & {
-  _?: never;
-});
-type ExtractObjects<T> = T extends infer U ? U extends object ? U : never : never;
-type IsPrimitiveLike<T> = T extends Primitive ? true : T extends Primitive & object ? true : false;
-type DeepPartial<T> = IsPrimitiveLike<T> extends true ? T : T extends BrowserNativeObject | NestedValue ? T : { [K in keyof T]?: ExtractObjects<T[K]> extends never ? T[K] : DeepPartial<T[K]> };
-/**
- * Checks whether the type is any
- * See {@link https://stackoverflow.com/a/49928360/3406963}
- * @typeParam T - type which may be any
- * ```
- * IsAny<any> = true
- * IsAny<string> = false
- * ```
- */
-type IsAny<T> = 0 extends 1 & T ? true : false;
-/**
- * Checks whether T1 can be exactly (mutually) assigned to T2
- * @typeParam T1 - type to check
- * @typeParam T2 - type to check against
- * ```
- * IsEqual<string, string> = true
- * IsEqual<'foo', 'foo'> = true
- * IsEqual<string, number> = false
- * IsEqual<string, number> = false
- * IsEqual<string, 'foo'> = false
- * IsEqual<'foo', string> = false
- * IsEqual<'foo' | 'bar', 'foo'> = boolean // 'foo' is assignable, but 'bar' is not (true | false) -> boolean
- * ```
- */
-type IsEqual<T1, T2> = T1 extends T2 ? (<G>() => G extends T1 ? 1 : 2) extends (<G>() => G extends T2 ? 1 : 2) ? true : false : false;
-type DeepMap<T, TValue> = IsAny<T> extends true ? any : T extends BrowserNativeObject | NestedValue ? TValue : T extends object ? { [K in keyof T]: DeepMap<NonUndefined<T[K]>, TValue> } : TValue;
-type IsFlatObject<T extends object> = Extract<Exclude<T[keyof T], NestedValue | Date | FileList$1>, any[] | object> extends never ? true : false;
-type Merge<A, B> = { [K in keyof A | keyof B]?: K extends keyof A & keyof B ? [A[K], B[K]] extends [object, object] ? Merge<A[K], B[K]> : B[K] : K extends keyof A ? A[K] : K extends keyof B ? B[K] : never };
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/fields.d.ts
-type FieldName<TFieldValues extends FieldValues> = IsFlatObject<TFieldValues> extends true ? Extract<keyof TFieldValues, string> : string;
-type CustomElement<TFieldValues extends FieldValues> = Partial<HTMLElement> & {
-  name: FieldName<TFieldValues>;
-  type?: string;
-  value?: any;
-  disabled?: boolean;
-  checked?: boolean;
-  options?: HTMLOptionsCollection;
-  files?: FileList | null;
-  focus?: Noop;
-};
-type FieldValues = Record<string, any>;
-type FieldElement<TFieldValues extends FieldValues = FieldValues> = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | CustomElement<TFieldValues>;
-type Ref = FieldElement;
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/errors.d.ts
-type Message = string;
-type MultipleFieldErrors = { [K in keyof RegisterOptions]?: ValidateResult } & {
-  [key: string]: ValidateResult;
-};
-type FieldError = {
-  type: LiteralUnion<keyof RegisterOptions, string>;
-  root?: FieldError;
-  ref?: Ref;
-  types?: MultipleFieldErrors;
-  message?: Message;
-};
-type DeepRequired<T> = T extends BrowserNativeObject | Blob ? T : { [K in keyof T]-?: NonNullable<DeepRequired<T[K]>> };
-type FieldErrorsImpl<T extends FieldValues = FieldValues> = { [K in keyof T]?: T[K] extends BrowserNativeObject | Blob ? FieldError : K extends 'root' | `root.${string}` ? GlobalError : T[K] extends object ? Merge<FieldError, FieldErrorsImpl<T[K]>> : FieldError };
-type GlobalError = Partial<{
-  type: string | number;
-  message: Message;
-}>;
-type FieldErrors<T extends FieldValues = FieldValues> = Partial<FieldValues extends IsAny<FieldValues> ? any : FieldErrorsImpl<DeepRequired<T>>> & {
-  root?: Record<string, GlobalError> & GlobalError;
-};
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/validator.d.ts
-type ValidationValue = boolean | number | string | RegExp;
-type ValidationRule<TValidationValue extends ValidationValue = ValidationValue> = TValidationValue | ValidationValueMessage<TValidationValue>;
-type ValidationValueMessage<TValidationValue extends ValidationValue = ValidationValue> = {
-  value: TValidationValue;
-  message: Message;
-};
-type ValidateResult = Message | Message[] | boolean | undefined;
-type Validate<TFieldValue, TFormValues> = (value: TFieldValue, formValues: TFormValues) => ValidateResult | Promise<ValidateResult>;
-type RegisterOptions<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Partial<{
-  required: Message | ValidationRule<boolean>;
-  min: ValidationRule<number | string>;
-  max: ValidationRule<number | string>;
-  maxLength: ValidationRule<number>;
-  minLength: ValidationRule<number>;
-  validate: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
-  value: FieldPathValue<TFieldValues, TFieldName>;
-  setValueAs: (value: any) => any;
-  shouldUnregister?: boolean;
-  onChange?: (event: any) => void;
-  onBlur?: (event: any) => void;
-  disabled: boolean;
-  deps: FieldPath<TFieldValues> | FieldPath<TFieldValues>[];
-}> & ({
-  pattern?: ValidationRule<RegExp>;
-  valueAsNumber?: false;
-  valueAsDate?: false;
-} | {
-  pattern?: undefined;
-  valueAsNumber?: false;
-  valueAsDate?: true;
-} | {
-  pattern?: undefined;
-  valueAsNumber?: true;
-  valueAsDate?: false;
-});
-//#endregion
-//#region ../../node_modules/react-hook-form/dist/types/controller.d.ts
-type ControllerFieldState = {
-  invalid: boolean;
-  isTouched: boolean;
-  isDirty: boolean;
-  isValidating: boolean;
-  error?: FieldError;
-};
-type ControllerRenderProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-  onChange: (...event: any[]) => void;
-  onBlur: Noop;
-  value: FieldPathValue<TFieldValues, TName>;
-  disabled?: boolean;
-  name: TName;
-  ref: RefCallBack;
-};
-//#endregion
 //#region src/types/ReactHookForm.type.d.ts
-type ControllerRenderParams<TValues extends FieldValues = FieldValues, TName extends FieldPath<TValues> = FieldPath<TValues>> = {
-  field: ControllerRenderProps<TValues, TName>;
-  fieldState: ControllerFieldState;
-  formState: UseFormStateReturn<TValues>;
-};
+type ControllerRenderParams<TValues extends FieldValues = FieldValues, TName extends FieldPath<TValues> = FieldPath<TValues>> = Pick<UseControllerReturn<TValues, TName>, 'field' | 'fieldState' | 'formState'>;
 //#endregion
 //#region src/utils/animations.d.ts
 declare const DEFAULT_TRANSITION_MS = 100;
@@ -20902,11 +20644,11 @@ declare const toLabsCheckboxProps: <TValues extends FieldValues = FieldValues, T
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  inputRef: RefCallBack;
+  inputRef: react_hook_form0.RefCallBack;
   checked: TValues[TName];
   onChange: (event: primereact_checkbox0.CheckboxChangeEvent) => void;
   message: string | undefined;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -20918,11 +20660,11 @@ declare const toLabsDateProps: <TValues extends FieldValues = FieldValues, TName
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  inputRef: RefCallBack;
+  inputRef: react_hook_form0.RefCallBack;
   value: TValues[TName];
   onChange: (event: FormEvent<TValues[TName]>) => void;
   message: string | undefined;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -20934,11 +20676,11 @@ declare const toLabsMultiSelectProps: <TValues extends FieldValues = FieldValues
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  inputRef: RefCallBack;
+  inputRef: react_hook_form0.RefCallBack;
   value: TValues[TName];
   onChange: (event: LabsMultiSelectChangeEvent<TValues[TName][number]>) => void;
   message: string | undefined;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -20950,11 +20692,11 @@ declare const toLabsSelectProps: <TValues extends FieldValues = FieldValues, TNa
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  inputRef: RefCallBack;
+  inputRef: react_hook_form0.RefCallBack;
   value: TValues[TName];
   onChange: (event: FormEvent<TValues[TName], react.SyntheticEvent<Element, Event>>) => void;
   message: string | undefined;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -20966,13 +20708,13 @@ declare const toLabsSelectCascadeProps: <TValues extends FieldValues = FieldValu
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  inputRef: RefCallBack;
+  inputRef: react_hook_form0.RefCallBack;
   value: TValues[TName];
   onChange: (event: Omit<primereact_cascadeselect0.CascadeSelectChangeEvent, "value"> & {
     value: TValues[TName];
   }) => void;
   message: string | undefined;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -20984,11 +20726,11 @@ declare const toLabsTextProps: <TValues extends FieldValues = FieldValues, TName
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  ref: RefCallBack;
+  ref: react_hook_form0.RefCallBack;
   value: TValues[TName];
   message: string | undefined;
   onChange: (...event: any[]) => void;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -21000,11 +20742,11 @@ declare const toLabsTextCurrencyProps: <TValues extends FieldValues = FieldValue
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  ref: RefCallBack;
+  ref: react_hook_form0.RefCallBack;
   value: TValues[TName];
   message: string | undefined;
   onChange: (...event: any[]) => void;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -21016,11 +20758,11 @@ declare const toLabsTextSearchProps: <TValues extends FieldValues = FieldValues,
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  ref: RefCallBack;
+  ref: react_hook_form0.RefCallBack;
   value: TValues[TName];
   message: string | undefined;
   onChange: (...event: any[]) => void;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
@@ -21032,13 +20774,13 @@ declare const toLabsTextareaProps: <TValues extends FieldValues = FieldValues, T
   },
   fieldState
 }: ControllerRenderParams<TValues, TName>) => {
-  ref: RefCallBack;
+  ref: react_hook_form0.RefCallBack;
   value: TValues[TName];
   message: string | undefined;
   onChange: (...event: any[]) => void;
-  onBlur: Noop;
+  onBlur: react_hook_form0.Noop;
   disabled?: boolean;
   name: TName;
 };
 //#endregion
-export { ControllerRenderParams, DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, DirectoryValueBase, KeycloakUser, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsInstance, LabsAnalyticsProvider, LabsAnalyticsProviderProps, LabsAuthContext, LabsAuthContextValue, LabsAuthGate, LabsAuthGateProps, LabsAuthProvider, LabsAuthProviderProps, LabsButton, LabsButtonProps, LabsCalendar, LabsCalendarBase, LabsCalendarProps, LabsCheckbox, LabsCheckboxProps, LabsContext, LabsContextValue, LabsDate, LabsDateProps, LabsEmpty, LabsEmptyProps, LabsFieldContainer, LabsFieldContainerHint, LabsFieldContainerHintProps, LabsFieldContainerInput, LabsFieldContainerInputProps, LabsFieldContainerLabel, LabsFieldContainerLabelProps, LabsFieldContainerMessage, LabsFieldContainerMessageProps, LabsFieldContainerProps, LabsHeadProvider, LabsHeadProviderProps, LabsLoader, LabsLoaderProps, LabsLogoutTimer, LabsLogoutTimerProps, LabsMain, LabsMainDesktopNav, LabsMainDesktopNavProps, LabsMainHeader, LabsMainHeaderActions, LabsMainHeaderProps, LabsMainMobileNav, LabsMainMobileNavProps, LabsMainProps, LabsMenuNav, LabsMenuNavProps, LabsMultiSelect, LabsMultiSelectChangeEvent, LabsMultiSelectOption, LabsMultiSelectProps, LabsPrimeProvider, LabsPrimeProviderProps, LabsProvider, LabsProviderProps, LabsSelect, LabsSelectCascade, LabsSelectCascadeOption, LabsSelectCascadeProps, LabsSelectOption, LabsSelectProps, LabsSpeedDialNav, LabsSpeedDialNavProps, LabsText, LabsTextCurrency, LabsTextCurrencyProps, LabsTextElement, LabsTextProps, LabsTextSearch, LabsTextSearchProps, LabsTextarea, LabsTextareaElement, LabsTextareaProps, LabsToggle, LabsToggleProps, LayoutBase, LayoutBaseProps, LayoutCentered, LayoutCenteredProps, LayoutMain, LayoutMainProps, Role, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };
+export { ControllerRenderParams, DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, DirectoryValueBase, KeycloakUser, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsInstance, LabsAnalyticsProvider, LabsAnalyticsProviderProps, LabsAuthContext, LabsAuthContextValue, LabsAuthGate, LabsAuthGateProps, LabsAuthProvider, LabsAuthProviderProps, LabsButton, LabsButtonProps, LabsCalendar, LabsCalendarBase, LabsCalendarProps, LabsCheckbox, LabsCheckboxProps, LabsContext, LabsContextValue, LabsDate, LabsDateProps, LabsEmpty, LabsEmptyProps, LabsFieldContainer, LabsFieldContainerChoice, LabsFieldContainerChoiceProps, LabsFieldContainerHint, LabsFieldContainerHintProps, LabsFieldContainerInput, LabsFieldContainerInputProps, LabsFieldContainerLabel, LabsFieldContainerLabelProps, LabsFieldContainerMessage, LabsFieldContainerMessageProps, LabsFieldContainerProps, LabsHeadProvider, LabsHeadProviderProps, LabsLoader, LabsLoaderProps, LabsLogoutTimer, LabsLogoutTimerProps, LabsMain, LabsMainDesktopNav, LabsMainDesktopNavProps, LabsMainHeader, LabsMainHeaderActions, LabsMainHeaderProps, LabsMainMobileNav, LabsMainMobileNavProps, LabsMainProps, LabsMenuNav, LabsMenuNavProps, LabsMultiSelect, LabsMultiSelectChangeEvent, LabsMultiSelectOption, LabsMultiSelectProps, LabsPrimeProvider, LabsPrimeProviderProps, LabsProvider, LabsProviderProps, LabsSelect, LabsSelectCascade, LabsSelectCascadeOption, LabsSelectCascadeProps, LabsSelectOption, LabsSelectProps, LabsSpeedDialNav, LabsSpeedDialNavProps, LabsText, LabsTextCurrency, LabsTextCurrencyProps, LabsTextElement, LabsTextProps, LabsTextSearch, LabsTextSearchProps, LabsTextarea, LabsTextareaElement, LabsTextareaProps, LabsToggle, LabsToggleProps, LayoutBase, LayoutBaseProps, LayoutCentered, LayoutCenteredProps, LayoutMain, LayoutMainProps, Role, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };

package/dist/index.js

@@ -29,7 +29,7 @@ import { InputTextarea } from "primereact/inputtextarea";
 import { Panel } from "primereact/panel";
 //#endregion
 //#region src/constants/app.ts
-const VERSION = "7.3.1";
+const VERSION = "7.4.0";
 //#endregion
 //#region src/lib/head/headContext.tsx
 const head = createHead();
@@ -600,9 +600,9 @@ const LabsFieldContainerInput = ({ id, containerId = `${id}-container`, labelId
 					"p-icon-field-right": !!appendIcon
 				}),
 				children: [
+					children,
 					prependIcon && /* @__PURE__ */ jsx("i", { className: `${prependIcon} p-input-icon` }),
 					appendIcon && /* @__PURE__ */ jsx("i", { className: `${appendIcon} p-input-icon` }),
-					children,
 					floatLabel && /* @__PURE__ */ jsx(LabsFieldContainerLabel, {
 						id,
 						labelId,
@@ -671,6 +671,42 @@ const LabsEmpty = ({ text, className, icon, children, ...rest }) => {
 	});
 };
 //#endregion
+//#region src/components/LabsFieldContainerChoice.tsx
+const LabsFieldContainerChoice = ({ id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, className, children, ...rest }) => {
+	return /* @__PURE__ */ jsxs(LabsFieldContainer, {
+		id,
+		containerId,
+		labelId,
+		messageId,
+		hintId,
+		className: clsx(className, "flex flex-col gap-1"),
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex gap-8 items-center",
+			children: [children, /* @__PURE__ */ jsxs(LabsFieldContainerLabel, {
+				id,
+				labelId,
+				label,
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "font-semibold",
+					children: label
+				}), /* @__PURE__ */ jsx(LabsFieldContainerHint, {
+					id,
+					hintId,
+					hint,
+					className: "text-sm"
+				})]
+			})]
+		}), /* @__PURE__ */ jsx(LabsFieldContainerMessage, {
+			id,
+			messageId,
+			message,
+			className: "text-xs"
+		})]
+	});
+};
+//#endregion
 //#region src/components/LabsLogoutTimer.tsx
 const DELAY_LOGOUT_MILLISECONDS = 1440 * 60 * 1e3;
 const LabsLogoutTimer = ({ children, options, onLogout }) => {
@@ -1172,4 +1208,4 @@ const toLabsTextareaProps = ({ field: { ref, value, ...field }, fieldState }) =>
 	value
 });
 //#endregion
-export { DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsProvider, LabsAuthContext, LabsAuthGate, LabsAuthProvider, LabsButton, LabsCalendar, LabsCalendarBase, LabsCheckbox, LabsContext, LabsDate, LabsEmpty, LabsFieldContainer, LabsFieldContainerHint, LabsFieldContainerInput, LabsFieldContainerLabel, LabsFieldContainerMessage, LabsHeadProvider, LabsLoader, LabsLogoutTimer, LabsMain, LabsMainDesktopNav, LabsMainHeader, LabsMainHeaderActions, LabsMainMobileNav, LabsMenuNav, LabsMultiSelect, LabsPrimeProvider, LabsProvider, LabsSelect, LabsSelectCascade, LabsSpeedDialNav, LabsText, LabsTextCurrency, LabsTextSearch, LabsTextarea, LabsToggle, LayoutBase, LayoutCentered, LayoutMain, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };
+export { DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsProvider, LabsAuthContext, LabsAuthGate, LabsAuthProvider, LabsButton, LabsCalendar, LabsCalendarBase, LabsCheckbox, LabsContext, LabsDate, LabsEmpty, LabsFieldContainer, LabsFieldContainerChoice, LabsFieldContainerHint, LabsFieldContainerInput, LabsFieldContainerLabel, LabsFieldContainerMessage, LabsHeadProvider, LabsLoader, LabsLogoutTimer, LabsMain, LabsMainDesktopNav, LabsMainHeader, LabsMainHeaderActions, LabsMainMobileNav, LabsMenuNav, LabsMultiSelect, LabsPrimeProvider, LabsProvider, LabsSelect, LabsSelectCascade, LabsSpeedDialNav, LabsText, LabsTextCurrency, LabsTextSearch, LabsTextarea, LabsToggle, LayoutBase, LayoutCentered, LayoutMain, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moser-inc/moser-labs-react",
-  "version": "7.3.1",
+  "version": "7.4.0",
   "description": "React components for the Moser Labs suite of applications.",
   "license": "UNLICENSED",
   "author": "Moser Consulting",
@@ -58,7 +58,6 @@
     "@vitejs/plugin-react": "^5.1.4",
     "eslint": "^9.39.4",
     "prettier": "^3.8.1",
-    "react-hook-form": "^7.71.2",
     "react-router": "^7.13.1",
     "react-router-dom": "^7.13.1",
     "tsdown": "^0.21.2",
@@ -75,7 +74,8 @@
     "motion": ">=12.35.0",
     "primereact": ">=9.6.0 < 11.0.0",
     "react": ">=18.2.0",
-    "react-dom": ">=18.2.0"
+    "react-dom": ">=18.2.0",
+    "react-hook-form": ">=7.78.0"
   },
   "peerDependenciesMeta": {
     "motion": {
@@ -84,7 +84,6 @@
   },
   "inlinedDependencies": {
     "@primeuix/styled": "0.7.4",
-    "@primeuix/themes": "2.0.3",
-    "react-hook-form": "7.71.2"
+    "@primeuix/themes": "2.0.3"
   }
 }