react-better-html 1.1.88 → 1.1.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +40 -40
  2. package/dist/index.d.ts +40 -40
  3. package/dist/index.js +79 -15
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +81 -17
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { WebTarget } from 'styled-components';
2
- import * as React$1 from 'react';
3
- import React__default, { ComponentType, ComponentProps, ReactNode } from 'react';
2
+ import * as react from 'react';
3
+ import { ComponentType, ComponentProps, ReactNode } from 'react';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
 
6
6
  type PluginName = "react-router-dom";
@@ -36,7 +36,7 @@ type DeepPartialRecord<T> = {
36
36
  type PickAllRequired<T, K extends keyof T> = Required<Pick<T, K>>;
37
37
  type AnyOtherString = Omit<string & {}, "">;
38
38
 
39
- type DivProps<Value> = {
39
+ type DivProps<Value = unknown> = {
40
40
  value?: Value;
41
41
  /** @default "div" */
42
42
  as?: WebTarget;
@@ -66,14 +66,14 @@ declare const Div: typeof DivComponent & {
66
66
  };
67
67
 
68
68
  type TextAs = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "label";
69
- type TextProps = {
69
+ type TextProps<As extends TextAs = "p"> = {
70
70
  /** @default "p" */
71
- as?: TextAs;
72
- } & OmitProps<React.ComponentProps<"p">, "style"> & ComponentStyle & ComponentHoverStyle;
71
+ as?: As;
72
+ } & OmitProps<React.ComponentProps<As>, "style"> & ComponentStyle & ComponentHoverStyle;
73
73
  type TextComponentType = {
74
- (props: ComponentPropWithRef<HTMLParagraphElement, TextProps>): React.ReactElement;
75
- unknown: (props: ComponentPropWithRef<HTMLParagraphElement, TextProps>) => React.ReactElement;
76
- oneLine: (props: ComponentPropWithRef<HTMLParagraphElement, TextProps>) => React.ReactElement;
74
+ <As extends TextAs>(props: ComponentPropWithRef<HTMLParagraphElement, TextProps<As>>): React.ReactElement;
75
+ unknown: <As extends TextAs>(props: ComponentPropWithRef<HTMLParagraphElement, TextProps<As>>) => React.ReactElement;
76
+ oneLine: <As extends TextAs>(props: ComponentPropWithRef<HTMLParagraphElement, TextProps<As>>) => React.ReactElement;
77
77
  };
78
78
  declare const TextComponent: TextComponentType;
79
79
  declare const Text: typeof TextComponent & {
@@ -110,7 +110,7 @@ type LoaderProps = {
110
110
  width?: number;
111
111
  /** @default false */
112
112
  disabled?: boolean;
113
- } & OmitProps<DivProps<unknown>, "width" | "height" | "color" | "background" | "borderRadius" | "mask" | "WebkitMask" | "padding" | "animation" | "animationName">;
113
+ } & OmitProps<DivProps, "width" | "height" | "color" | "background" | "borderRadius" | "mask" | "WebkitMask" | "padding" | "animation" | "animationName">;
114
114
  type LoaderComponentType = {
115
115
  (props: LoaderProps): React.ReactElement;
116
116
  box: (props: OmitProps<LoaderProps, "size"> & {
@@ -254,8 +254,8 @@ type HorizontalDividerProps = DividerProps & {
254
254
  textColor?: string;
255
255
  };
256
256
  declare const _default$6: {
257
- vertical: React$1.NamedExoticComponent<VerticalDividerProps>;
258
- horizontal: React$1.NamedExoticComponent<HorizontalDividerProps>;
257
+ vertical: react.NamedExoticComponent<VerticalDividerProps>;
258
+ horizontal: react.NamedExoticComponent<HorizontalDividerProps>;
259
259
  };
260
260
 
261
261
  type ModalProps = {
@@ -307,22 +307,22 @@ type PageHolderProps = {
307
307
  children?: React.ReactNode;
308
308
  } & ComponentPaddingProps;
309
309
  declare function PageHolder({ noMaxContentWidth, children, ...props }: PageHolderProps): react_jsx_runtime.JSX.Element;
310
- declare const _default$5: React$1.MemoExoticComponent<typeof PageHolder>;
310
+ declare const _default$5: react.MemoExoticComponent<typeof PageHolder>;
311
311
 
312
312
  type PageHeaderProps = {
313
313
  imageUrl?: string;
314
314
  imageSize?: number;
315
315
  title?: string;
316
316
  titleAs?: TextAs;
317
- titleRightElement?: React__default.ReactNode;
317
+ titleRightElement?: React.ReactNode;
318
318
  description?: string;
319
- textAlign?: React__default.CSSProperties["textAlign"];
320
- rightElement?: React__default.ReactNode;
319
+ textAlign?: React.CSSProperties["textAlign"];
320
+ rightElement?: React.ReactNode;
321
321
  /** @default false */
322
322
  lightMode?: boolean;
323
323
  } & Pick<ComponentMarginProps, "marginBottom">;
324
324
  declare function PageHeader({ imageUrl, imageSize, title, titleAs, titleRightElement, description, textAlign, rightElement, lightMode, marginBottom, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
325
- declare const _default$4: React__default.MemoExoticComponent<typeof PageHeader>;
325
+ declare const _default$4: react.MemoExoticComponent<typeof PageHeader>;
326
326
 
327
327
  type ChipProps = {
328
328
  text: string;
@@ -333,10 +333,8 @@ type ChipProps = {
333
333
  /** @default theme.styles.borderRadius / 1.3 */
334
334
  borderRadius?: number;
335
335
  /** @default false */
336
- isSmall?: boolean;
337
- /** @default false */
338
336
  isCircle?: boolean;
339
- } & Pick<DivProps<unknown>, "border" | "borderColor" | "borderWidth" | "borderStyle"> & Pick<TextProps, "fontFamily" | "fontSize" | "fontWeight" | "fontStyle">;
337
+ } & Pick<DivProps, "border" | "borderColor" | "borderWidth" | "borderStyle"> & Pick<TextProps, "fontFamily" | "fontSize" | "fontWeight" | "fontStyle">;
340
338
  type ChipComponentType = {
341
339
  (props: ComponentPropWithRef<HTMLDivElement, ChipProps>): React.ReactElement;
342
340
  colored: (props: ComponentPropWithRef<HTMLDivElement, OmitProps<ChipProps, "color" | "backgroundColor"> & {
@@ -355,32 +353,32 @@ type InputFieldProps = {
355
353
  infoText?: string;
356
354
  leftIcon?: IconName | AnyOtherString;
357
355
  rightIcon?: IconName | AnyOtherString;
358
- insideInputFieldComponent?: React__default.ReactNode;
356
+ insideInputFieldComponent?: React.ReactNode;
359
357
  /** @default false */
360
358
  withDebounce?: boolean;
361
359
  /** @default 0.5s */
362
360
  debounceDelay?: number;
363
361
  onChangeValue?: (value: string) => void;
364
362
  onClickRightIcon?: () => void;
365
- holderRef?: React__default.ForwardedRef<HTMLDivElement>;
366
- } & OmitProps<React__default.ComponentProps<"input">, "style" | "ref"> & ComponentStyle & ComponentHoverStyle;
367
- type TextareaFieldProps = OmitProps<InputFieldProps, "type"> & OmitProps<React__default.ComponentProps<"textarea">, "style" | "ref">;
363
+ holderRef?: React.ForwardedRef<HTMLDivElement>;
364
+ } & OmitProps<React.ComponentProps<"input">, "style" | "ref"> & ComponentStyle & ComponentHoverStyle;
365
+ type TextareaFieldProps = OmitProps<InputFieldProps, "type"> & OmitProps<React.ComponentProps<"textarea">, "style" | "ref">;
368
366
  type InputFieldComponentType = {
369
- (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>): React__default.ReactElement;
370
- multiline: (props: ComponentPropWithRef<HTMLTextAreaElement, TextareaFieldProps>) => React__default.ReactElement;
371
- email: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React__default.ReactElement;
372
- password: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React__default.ReactElement;
373
- search: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React__default.ReactElement;
374
- phoneNumber: (props: ComponentPropWithRef<HTMLInputElement, OmitProps<InputFieldProps, "type">>) => React__default.ReactElement;
367
+ (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>): React.ReactElement;
368
+ multiline: (props: ComponentPropWithRef<HTMLTextAreaElement, TextareaFieldProps>) => React.ReactElement;
369
+ email: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React.ReactElement;
370
+ password: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React.ReactElement;
371
+ search: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React.ReactElement;
372
+ phoneNumber: (props: ComponentPropWithRef<HTMLInputElement, OmitProps<InputFieldProps, "type">>) => React.ReactElement;
375
373
  date: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps & {
376
374
  minDate?: Date;
377
375
  maxDate?: Date;
378
- }>) => React__default.ReactElement;
376
+ }>) => React.ReactElement;
379
377
  dateTime: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps & {
380
378
  minDate?: Date;
381
379
  maxDate?: Date;
382
- }>) => React__default.ReactElement;
383
- time: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React__default.ReactElement;
380
+ }>) => React.ReactElement;
381
+ time: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React.ReactElement;
384
382
  };
385
383
  declare const InputFieldComponent: InputFieldComponentType;
386
384
  declare const InputField: typeof InputFieldComponent & {
@@ -409,6 +407,7 @@ type DropdownProps<Value, Data = unknown> = {
409
407
  infoText?: string;
410
408
  /** @default false */
411
409
  required?: boolean;
410
+ name?: string;
412
411
  /** @default false */
413
412
  disabled?: boolean;
414
413
  options: DropdownOption<Value, Data>[];
@@ -431,7 +430,7 @@ type DropdownProps<Value, Data = unknown> = {
431
430
  onChange?: (value: Value | undefined) => void;
432
431
  onChangeSearch?: (query: string) => void;
433
432
  renderOption?: (option: DropdownOption<Value, Data>, index: number, isSelected: boolean) => React.ReactNode;
434
- } & OmitProps<DivProps<unknown>, "onChange" | "defaultChecked">;
433
+ } & OmitProps<DivProps, "onChange" | "defaultChecked">;
435
434
  type DropdownComponentType = {
436
435
  <Value, Data>(props: ComponentPropWithRef<HTMLDivElement, DropdownProps<Value, Data>>): React.ReactElement;
437
436
  };
@@ -503,7 +502,7 @@ declare function useForm<FormFields extends Record<string | number, string | num
503
502
  setFieldsValue: (values: Partial<FormFields>) => void;
504
503
  getInputFieldProps: <FieldName extends keyof FormFields>(field: FieldName) => ComponentPropWithRef<HTMLInputElement, InputFieldProps>;
505
504
  getTextAreaProps: <FieldName extends keyof FormFields>(field: FieldName) => ComponentPropWithRef<HTMLTextAreaElement, TextareaFieldProps>;
506
- getDropdownFieldProps: <FieldName extends keyof FormFields>(field: FieldName) => OmitProps<ComponentPropWithRef<HTMLDivElement, DropdownProps<FormFields[FieldName], unknown>>, "options">;
505
+ getDropdownFieldProps: <FieldName extends keyof FormFields>(field: FieldName) => OmitProps<ComponentPropWithRef<HTMLDivElement, DropdownProps<FormFields[FieldName]>>, "options">;
507
506
  getCheckboxProps: <FieldName extends keyof FormFields>(field: FieldName) => ComponentPropWithRef<ToggleInputRef, ToggleInputProps<FormFields[FieldName]>>;
508
507
  getRadioButtonProps: <FieldName extends keyof FormFields>(field: FieldName, value: FormFields[FieldName]) => ComponentPropWithRef<ToggleInputRef, ToggleInputProps<FormFields[FieldName]>>;
509
508
  getSwitchProps: <FieldName extends keyof FormFields>(field: FieldName) => ComponentPropWithRef<ToggleInputRef, ToggleInputProps<FormFields[FieldName]>>;
@@ -540,7 +539,7 @@ type FormProps = {
540
539
  children?: React.ReactNode;
541
540
  } & ComponentMarginProps;
542
541
  declare function Form({ form, submitButtonText, submitButtonLoaderName, submitButtonId, submitButtonIsDisabled, actionButtonsLocation, gap, isSubmitting, isDestructive, onClickCancel, onSubmit, children, ...props }: FormProps): react_jsx_runtime.JSX.Element;
543
- declare const _default$2: React$1.MemoExoticComponent<typeof Form>;
542
+ declare const _default$2: react.MemoExoticComponent<typeof Form>;
544
543
 
545
544
  type LabelProps = {
546
545
  text?: string;
@@ -549,9 +548,10 @@ type LabelProps = {
549
548
  /** @default false */
550
549
  isError?: boolean;
551
550
  color?: string;
551
+ htmlFor?: string;
552
552
  };
553
- declare function Label({ text, required, isError, color }: LabelProps): react_jsx_runtime.JSX.Element;
554
- declare const _default$1: React$1.MemoExoticComponent<typeof Label>;
553
+ declare function Label({ text, required, isError, color, htmlFor }: LabelProps): react_jsx_runtime.JSX.Element;
554
+ declare const _default$1: react.MemoExoticComponent<typeof Label>;
555
555
 
556
556
  type FormRowProps = {
557
557
  oneItemOnly?: boolean;
@@ -682,7 +682,7 @@ type FoldableProps = {
682
682
  renderHeader?: (isOpen: boolean, toggleOpen: () => void) => React.ReactNode;
683
683
  onOpenChange?: (isOpen: boolean) => void;
684
684
  children?: React.ReactNode;
685
- } & DivProps<unknown>;
685
+ } & DivProps;
686
686
  type FoldableRef = {
687
687
  isOpen: boolean;
688
688
  open: () => void;
@@ -733,7 +733,7 @@ type BetterHtmlProviderProps = {
733
733
  children?: React.ReactNode;
734
734
  };
735
735
  declare function BetterHtmlProvider({ value, plugins: pluginsToUse, children }: BetterHtmlProviderProps): react_jsx_runtime.JSX.Element;
736
- declare const _default: React$1.MemoExoticComponent<typeof BetterHtmlProvider>;
736
+ declare const _default: react.MemoExoticComponent<typeof BetterHtmlProvider>;
737
737
 
738
738
  type BrowserName = "firefox" | "chrome" | "safari" | "edge" | "opera";
739
739
 
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { WebTarget } from 'styled-components';
2
- import * as React$1 from 'react';
3
- import React__default, { ComponentType, ComponentProps, ReactNode } from 'react';
2
+ import * as react from 'react';
3
+ import { ComponentType, ComponentProps, ReactNode } from 'react';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
 
6
6
  type PluginName = "react-router-dom";
@@ -36,7 +36,7 @@ type DeepPartialRecord<T> = {
36
36
  type PickAllRequired<T, K extends keyof T> = Required<Pick<T, K>>;
37
37
  type AnyOtherString = Omit<string & {}, "">;
38
38
 
39
- type DivProps<Value> = {
39
+ type DivProps<Value = unknown> = {
40
40
  value?: Value;
41
41
  /** @default "div" */
42
42
  as?: WebTarget;
@@ -66,14 +66,14 @@ declare const Div: typeof DivComponent & {
66
66
  };
67
67
 
68
68
  type TextAs = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "label";
69
- type TextProps = {
69
+ type TextProps<As extends TextAs = "p"> = {
70
70
  /** @default "p" */
71
- as?: TextAs;
72
- } & OmitProps<React.ComponentProps<"p">, "style"> & ComponentStyle & ComponentHoverStyle;
71
+ as?: As;
72
+ } & OmitProps<React.ComponentProps<As>, "style"> & ComponentStyle & ComponentHoverStyle;
73
73
  type TextComponentType = {
74
- (props: ComponentPropWithRef<HTMLParagraphElement, TextProps>): React.ReactElement;
75
- unknown: (props: ComponentPropWithRef<HTMLParagraphElement, TextProps>) => React.ReactElement;
76
- oneLine: (props: ComponentPropWithRef<HTMLParagraphElement, TextProps>) => React.ReactElement;
74
+ <As extends TextAs>(props: ComponentPropWithRef<HTMLParagraphElement, TextProps<As>>): React.ReactElement;
75
+ unknown: <As extends TextAs>(props: ComponentPropWithRef<HTMLParagraphElement, TextProps<As>>) => React.ReactElement;
76
+ oneLine: <As extends TextAs>(props: ComponentPropWithRef<HTMLParagraphElement, TextProps<As>>) => React.ReactElement;
77
77
  };
78
78
  declare const TextComponent: TextComponentType;
79
79
  declare const Text: typeof TextComponent & {
@@ -110,7 +110,7 @@ type LoaderProps = {
110
110
  width?: number;
111
111
  /** @default false */
112
112
  disabled?: boolean;
113
- } & OmitProps<DivProps<unknown>, "width" | "height" | "color" | "background" | "borderRadius" | "mask" | "WebkitMask" | "padding" | "animation" | "animationName">;
113
+ } & OmitProps<DivProps, "width" | "height" | "color" | "background" | "borderRadius" | "mask" | "WebkitMask" | "padding" | "animation" | "animationName">;
114
114
  type LoaderComponentType = {
115
115
  (props: LoaderProps): React.ReactElement;
116
116
  box: (props: OmitProps<LoaderProps, "size"> & {
@@ -254,8 +254,8 @@ type HorizontalDividerProps = DividerProps & {
254
254
  textColor?: string;
255
255
  };
256
256
  declare const _default$6: {
257
- vertical: React$1.NamedExoticComponent<VerticalDividerProps>;
258
- horizontal: React$1.NamedExoticComponent<HorizontalDividerProps>;
257
+ vertical: react.NamedExoticComponent<VerticalDividerProps>;
258
+ horizontal: react.NamedExoticComponent<HorizontalDividerProps>;
259
259
  };
260
260
 
261
261
  type ModalProps = {
@@ -307,22 +307,22 @@ type PageHolderProps = {
307
307
  children?: React.ReactNode;
308
308
  } & ComponentPaddingProps;
309
309
  declare function PageHolder({ noMaxContentWidth, children, ...props }: PageHolderProps): react_jsx_runtime.JSX.Element;
310
- declare const _default$5: React$1.MemoExoticComponent<typeof PageHolder>;
310
+ declare const _default$5: react.MemoExoticComponent<typeof PageHolder>;
311
311
 
312
312
  type PageHeaderProps = {
313
313
  imageUrl?: string;
314
314
  imageSize?: number;
315
315
  title?: string;
316
316
  titleAs?: TextAs;
317
- titleRightElement?: React__default.ReactNode;
317
+ titleRightElement?: React.ReactNode;
318
318
  description?: string;
319
- textAlign?: React__default.CSSProperties["textAlign"];
320
- rightElement?: React__default.ReactNode;
319
+ textAlign?: React.CSSProperties["textAlign"];
320
+ rightElement?: React.ReactNode;
321
321
  /** @default false */
322
322
  lightMode?: boolean;
323
323
  } & Pick<ComponentMarginProps, "marginBottom">;
324
324
  declare function PageHeader({ imageUrl, imageSize, title, titleAs, titleRightElement, description, textAlign, rightElement, lightMode, marginBottom, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
325
- declare const _default$4: React__default.MemoExoticComponent<typeof PageHeader>;
325
+ declare const _default$4: react.MemoExoticComponent<typeof PageHeader>;
326
326
 
327
327
  type ChipProps = {
328
328
  text: string;
@@ -333,10 +333,8 @@ type ChipProps = {
333
333
  /** @default theme.styles.borderRadius / 1.3 */
334
334
  borderRadius?: number;
335
335
  /** @default false */
336
- isSmall?: boolean;
337
- /** @default false */
338
336
  isCircle?: boolean;
339
- } & Pick<DivProps<unknown>, "border" | "borderColor" | "borderWidth" | "borderStyle"> & Pick<TextProps, "fontFamily" | "fontSize" | "fontWeight" | "fontStyle">;
337
+ } & Pick<DivProps, "border" | "borderColor" | "borderWidth" | "borderStyle"> & Pick<TextProps, "fontFamily" | "fontSize" | "fontWeight" | "fontStyle">;
340
338
  type ChipComponentType = {
341
339
  (props: ComponentPropWithRef<HTMLDivElement, ChipProps>): React.ReactElement;
342
340
  colored: (props: ComponentPropWithRef<HTMLDivElement, OmitProps<ChipProps, "color" | "backgroundColor"> & {
@@ -355,32 +353,32 @@ type InputFieldProps = {
355
353
  infoText?: string;
356
354
  leftIcon?: IconName | AnyOtherString;
357
355
  rightIcon?: IconName | AnyOtherString;
358
- insideInputFieldComponent?: React__default.ReactNode;
356
+ insideInputFieldComponent?: React.ReactNode;
359
357
  /** @default false */
360
358
  withDebounce?: boolean;
361
359
  /** @default 0.5s */
362
360
  debounceDelay?: number;
363
361
  onChangeValue?: (value: string) => void;
364
362
  onClickRightIcon?: () => void;
365
- holderRef?: React__default.ForwardedRef<HTMLDivElement>;
366
- } & OmitProps<React__default.ComponentProps<"input">, "style" | "ref"> & ComponentStyle & ComponentHoverStyle;
367
- type TextareaFieldProps = OmitProps<InputFieldProps, "type"> & OmitProps<React__default.ComponentProps<"textarea">, "style" | "ref">;
363
+ holderRef?: React.ForwardedRef<HTMLDivElement>;
364
+ } & OmitProps<React.ComponentProps<"input">, "style" | "ref"> & ComponentStyle & ComponentHoverStyle;
365
+ type TextareaFieldProps = OmitProps<InputFieldProps, "type"> & OmitProps<React.ComponentProps<"textarea">, "style" | "ref">;
368
366
  type InputFieldComponentType = {
369
- (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>): React__default.ReactElement;
370
- multiline: (props: ComponentPropWithRef<HTMLTextAreaElement, TextareaFieldProps>) => React__default.ReactElement;
371
- email: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React__default.ReactElement;
372
- password: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React__default.ReactElement;
373
- search: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React__default.ReactElement;
374
- phoneNumber: (props: ComponentPropWithRef<HTMLInputElement, OmitProps<InputFieldProps, "type">>) => React__default.ReactElement;
367
+ (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>): React.ReactElement;
368
+ multiline: (props: ComponentPropWithRef<HTMLTextAreaElement, TextareaFieldProps>) => React.ReactElement;
369
+ email: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React.ReactElement;
370
+ password: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React.ReactElement;
371
+ search: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React.ReactElement;
372
+ phoneNumber: (props: ComponentPropWithRef<HTMLInputElement, OmitProps<InputFieldProps, "type">>) => React.ReactElement;
375
373
  date: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps & {
376
374
  minDate?: Date;
377
375
  maxDate?: Date;
378
- }>) => React__default.ReactElement;
376
+ }>) => React.ReactElement;
379
377
  dateTime: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps & {
380
378
  minDate?: Date;
381
379
  maxDate?: Date;
382
- }>) => React__default.ReactElement;
383
- time: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React__default.ReactElement;
380
+ }>) => React.ReactElement;
381
+ time: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React.ReactElement;
384
382
  };
385
383
  declare const InputFieldComponent: InputFieldComponentType;
386
384
  declare const InputField: typeof InputFieldComponent & {
@@ -409,6 +407,7 @@ type DropdownProps<Value, Data = unknown> = {
409
407
  infoText?: string;
410
408
  /** @default false */
411
409
  required?: boolean;
410
+ name?: string;
412
411
  /** @default false */
413
412
  disabled?: boolean;
414
413
  options: DropdownOption<Value, Data>[];
@@ -431,7 +430,7 @@ type DropdownProps<Value, Data = unknown> = {
431
430
  onChange?: (value: Value | undefined) => void;
432
431
  onChangeSearch?: (query: string) => void;
433
432
  renderOption?: (option: DropdownOption<Value, Data>, index: number, isSelected: boolean) => React.ReactNode;
434
- } & OmitProps<DivProps<unknown>, "onChange" | "defaultChecked">;
433
+ } & OmitProps<DivProps, "onChange" | "defaultChecked">;
435
434
  type DropdownComponentType = {
436
435
  <Value, Data>(props: ComponentPropWithRef<HTMLDivElement, DropdownProps<Value, Data>>): React.ReactElement;
437
436
  };
@@ -503,7 +502,7 @@ declare function useForm<FormFields extends Record<string | number, string | num
503
502
  setFieldsValue: (values: Partial<FormFields>) => void;
504
503
  getInputFieldProps: <FieldName extends keyof FormFields>(field: FieldName) => ComponentPropWithRef<HTMLInputElement, InputFieldProps>;
505
504
  getTextAreaProps: <FieldName extends keyof FormFields>(field: FieldName) => ComponentPropWithRef<HTMLTextAreaElement, TextareaFieldProps>;
506
- getDropdownFieldProps: <FieldName extends keyof FormFields>(field: FieldName) => OmitProps<ComponentPropWithRef<HTMLDivElement, DropdownProps<FormFields[FieldName], unknown>>, "options">;
505
+ getDropdownFieldProps: <FieldName extends keyof FormFields>(field: FieldName) => OmitProps<ComponentPropWithRef<HTMLDivElement, DropdownProps<FormFields[FieldName]>>, "options">;
507
506
  getCheckboxProps: <FieldName extends keyof FormFields>(field: FieldName) => ComponentPropWithRef<ToggleInputRef, ToggleInputProps<FormFields[FieldName]>>;
508
507
  getRadioButtonProps: <FieldName extends keyof FormFields>(field: FieldName, value: FormFields[FieldName]) => ComponentPropWithRef<ToggleInputRef, ToggleInputProps<FormFields[FieldName]>>;
509
508
  getSwitchProps: <FieldName extends keyof FormFields>(field: FieldName) => ComponentPropWithRef<ToggleInputRef, ToggleInputProps<FormFields[FieldName]>>;
@@ -540,7 +539,7 @@ type FormProps = {
540
539
  children?: React.ReactNode;
541
540
  } & ComponentMarginProps;
542
541
  declare function Form({ form, submitButtonText, submitButtonLoaderName, submitButtonId, submitButtonIsDisabled, actionButtonsLocation, gap, isSubmitting, isDestructive, onClickCancel, onSubmit, children, ...props }: FormProps): react_jsx_runtime.JSX.Element;
543
- declare const _default$2: React$1.MemoExoticComponent<typeof Form>;
542
+ declare const _default$2: react.MemoExoticComponent<typeof Form>;
544
543
 
545
544
  type LabelProps = {
546
545
  text?: string;
@@ -549,9 +548,10 @@ type LabelProps = {
549
548
  /** @default false */
550
549
  isError?: boolean;
551
550
  color?: string;
551
+ htmlFor?: string;
552
552
  };
553
- declare function Label({ text, required, isError, color }: LabelProps): react_jsx_runtime.JSX.Element;
554
- declare const _default$1: React$1.MemoExoticComponent<typeof Label>;
553
+ declare function Label({ text, required, isError, color, htmlFor }: LabelProps): react_jsx_runtime.JSX.Element;
554
+ declare const _default$1: react.MemoExoticComponent<typeof Label>;
555
555
 
556
556
  type FormRowProps = {
557
557
  oneItemOnly?: boolean;
@@ -682,7 +682,7 @@ type FoldableProps = {
682
682
  renderHeader?: (isOpen: boolean, toggleOpen: () => void) => React.ReactNode;
683
683
  onOpenChange?: (isOpen: boolean) => void;
684
684
  children?: React.ReactNode;
685
- } & DivProps<unknown>;
685
+ } & DivProps;
686
686
  type FoldableRef = {
687
687
  isOpen: boolean;
688
688
  open: () => void;
@@ -733,7 +733,7 @@ type BetterHtmlProviderProps = {
733
733
  children?: React.ReactNode;
734
734
  };
735
735
  declare function BetterHtmlProvider({ value, plugins: pluginsToUse, children }: BetterHtmlProviderProps): react_jsx_runtime.JSX.Element;
736
- declare const _default: React$1.MemoExoticComponent<typeof BetterHtmlProvider>;
736
+ declare const _default: react.MemoExoticComponent<typeof BetterHtmlProvider>;
737
737
 
738
738
  type BrowserName = "firefox" | "chrome" | "safari" | "edge" | "opera";
739
739