@equisoft/design-elements-react 9.3.2-snapshot.20250312202037 → 9.3.2-snapshot.20250313185239
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.
- package/dist/bundle.js +31 -29
- package/dist/components/combobox/combobox.d.ts +2 -0
- package/dist/components/date-picker/date-picker.d.ts +2 -0
- package/dist/components/dropdown-list/dropdown-list.d.ts +2 -0
- package/dist/components/field-container/field-container.d.ts +2 -0
- package/dist/components/label/label.d.ts +2 -0
- package/dist/components/money-input/money-input.d.ts +2 -0
- package/dist/components/numeric-input/numeric-input.d.ts +2 -0
- package/dist/components/radio-button-group/radio-button-group.d.ts +2 -0
- package/dist/components/slider/slider.d.ts +3 -1
- package/dist/components/stepper-input/stepper-input.d.ts +2 -0
- package/dist/components/text-area/text-area.d.ts +2 -0
- package/dist/components/text-input/text-input.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { VoidFunctionComponent } from 'react';
|
|
2
2
|
import { ListboxOption } from '../listbox/listbox';
|
|
3
|
+
import { ToggletipProps } from '../toggletip/toggletip';
|
|
3
4
|
import { TooltipProps } from '../tooltip/tooltip';
|
|
4
5
|
export type ComboboxOption = ListboxOption;
|
|
5
6
|
interface ComboboxProps {
|
|
@@ -51,6 +52,7 @@ interface ComboboxProps {
|
|
|
51
52
|
placeholder?: string;
|
|
52
53
|
required?: boolean;
|
|
53
54
|
tooltip?: TooltipProps;
|
|
55
|
+
toggletip?: ToggletipProps;
|
|
54
56
|
/**
|
|
55
57
|
* Sets input validity
|
|
56
58
|
*/
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FocusEvent } from 'react';
|
|
2
|
+
import { ToggletipProps } from '../toggletip/toggletip';
|
|
2
3
|
import { TooltipProps } from '../tooltip/tooltip';
|
|
3
4
|
import { DayOfWeek, SupportedLocale } from './utils/datepicker-utils';
|
|
4
5
|
export interface DatepickerHandles {
|
|
@@ -21,6 +22,7 @@ interface DatepickerProps {
|
|
|
21
22
|
/** Sets input label */
|
|
22
23
|
label?: string;
|
|
23
24
|
tooltip?: TooltipProps;
|
|
25
|
+
toggletip?: ToggletipProps;
|
|
24
26
|
/**
|
|
25
27
|
* Sets localization
|
|
26
28
|
* @default en-CA
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { VoidFunctionComponent } from 'react';
|
|
2
2
|
import { IconName } from '../icon/icon';
|
|
3
3
|
import { ListboxOption } from '../listbox/listbox';
|
|
4
|
+
import { ToggletipProps } from '../toggletip/toggletip';
|
|
4
5
|
import { TooltipProps } from '../tooltip/tooltip';
|
|
5
6
|
export interface DropdownListOption extends ListboxOption {
|
|
6
7
|
label: string;
|
|
@@ -36,6 +37,7 @@ export interface DropdownListProps<M extends boolean | undefined> {
|
|
|
36
37
|
options: DropdownListOption[];
|
|
37
38
|
required?: boolean;
|
|
38
39
|
tooltip?: TooltipProps;
|
|
40
|
+
toggletip?: ToggletipProps;
|
|
39
41
|
/**
|
|
40
42
|
* Sets input validity
|
|
41
43
|
*/
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FunctionComponent, PropsWithChildren } from 'react';
|
|
2
|
+
import { ToggletipProps } from '../toggletip/toggletip';
|
|
2
3
|
import { TooltipProps } from '../tooltip/tooltip';
|
|
3
4
|
export interface FieldContainerProps {
|
|
4
5
|
className?: string;
|
|
@@ -9,6 +10,7 @@ export interface FieldContainerProps {
|
|
|
9
10
|
noMargin?: boolean;
|
|
10
11
|
required?: boolean;
|
|
11
12
|
tooltip?: TooltipProps;
|
|
13
|
+
toggletip?: ToggletipProps;
|
|
12
14
|
valid: boolean;
|
|
13
15
|
validationErrorMessage: string;
|
|
14
16
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FunctionComponent, PropsWithChildren } from 'react';
|
|
2
|
+
import { ToggletipProps } from '../toggletip/toggletip';
|
|
2
3
|
import { TooltipProps } from '../tooltip/tooltip';
|
|
3
4
|
interface LabelProps {
|
|
4
5
|
className?: string;
|
|
@@ -7,6 +8,7 @@ interface LabelProps {
|
|
|
7
8
|
required?: boolean;
|
|
8
9
|
requiredLabelType?: 'text';
|
|
9
10
|
tooltip?: TooltipProps;
|
|
11
|
+
toggletip?: ToggletipProps;
|
|
10
12
|
}
|
|
11
13
|
declare const Label: FunctionComponent<PropsWithChildren<LabelProps>>;
|
|
12
14
|
export { Label };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { VoidFunctionComponent } from 'react';
|
|
2
|
+
import { ToggletipProps } from '../toggletip/toggletip';
|
|
2
3
|
type TextAlignment = 'left' | 'right';
|
|
3
4
|
export interface MoneyInputProps {
|
|
4
5
|
id?: string;
|
|
@@ -31,6 +32,7 @@ export interface MoneyInputProps {
|
|
|
31
32
|
hint?: string;
|
|
32
33
|
noMargin?: boolean;
|
|
33
34
|
textAlignment?: TextAlignment;
|
|
35
|
+
toggletip?: ToggletipProps;
|
|
34
36
|
onChange?(value: number | null, formattedValue: string): void;
|
|
35
37
|
}
|
|
36
38
|
export declare const MoneyInput: VoidFunctionComponent<MoneyInputProps>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { HTMLProps, ReactNode, VoidFunctionComponent } from 'react';
|
|
2
|
+
import { ToggletipProps } from '../toggletip/toggletip';
|
|
2
3
|
import { TooltipProps } from '../tooltip/tooltip';
|
|
3
4
|
import { UseNumericInputParams } from './use-numeric-input';
|
|
4
5
|
type NativeInputProps = Pick<HTMLProps<HTMLInputElement>, 'disabled' | 'onFocus' | 'placeholder'>;
|
|
@@ -20,6 +21,7 @@ export interface NumericInputProps extends NativeInputProps {
|
|
|
20
21
|
readOnly?: boolean;
|
|
21
22
|
textAlign?: 'left' | 'right';
|
|
22
23
|
tooltip?: TooltipProps;
|
|
24
|
+
toggletip?: ToggletipProps;
|
|
23
25
|
invalid?: boolean;
|
|
24
26
|
validationErrorMessage?: string;
|
|
25
27
|
value?: number | string;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ChangeEvent, VoidFunctionComponent } from 'react';
|
|
2
|
+
import { ToggletipProps } from '../toggletip/toggletip';
|
|
2
3
|
import { TooltipProps } from '../tooltip/tooltip';
|
|
3
4
|
interface RadioButtonProps {
|
|
4
5
|
label: string;
|
|
@@ -18,6 +19,7 @@ interface RadioButtonGroupProps {
|
|
|
18
19
|
id?: string;
|
|
19
20
|
label?: string;
|
|
20
21
|
tooltip?: TooltipProps;
|
|
22
|
+
toggletip?: ToggletipProps;
|
|
21
23
|
/** Sets the name property of all buttons */
|
|
22
24
|
groupName: string;
|
|
23
25
|
checkedValue?: string;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
+
import { ToggletipProps } from '../toggletip/toggletip';
|
|
2
3
|
import { TooltipProps } from '../tooltip/tooltip';
|
|
3
4
|
type InferValueType<T> = T extends number ? number : number[];
|
|
4
5
|
interface SliderProps<TValue extends number | number[]> {
|
|
@@ -13,10 +14,11 @@ interface SliderProps<TValue extends number | number[]> {
|
|
|
13
14
|
label?: string;
|
|
14
15
|
noMargin?: boolean;
|
|
15
16
|
tooltip?: TooltipProps;
|
|
17
|
+
toggletip?: ToggletipProps;
|
|
16
18
|
invalid?: boolean;
|
|
17
19
|
validationErrorMessage?: string;
|
|
18
20
|
step?: number;
|
|
19
21
|
onChange?: (event: Event, value: InferValueType<TValue>) => void;
|
|
20
22
|
}
|
|
21
|
-
export declare const Slider: <TValue extends number | number[]>({ className, id: providedId, max, min, value, defaultValue, disabled, hint, label, noMargin, tooltip, invalid, validationErrorMessage, step, onChange, }: SliderProps<TValue>) => ReactElement;
|
|
23
|
+
export declare const Slider: <TValue extends number | number[]>({ className, id: providedId, max, min, value, defaultValue, disabled, hint, label, noMargin, tooltip, toggletip, invalid, validationErrorMessage, step, onChange, }: SliderProps<TValue>) => ReactElement;
|
|
22
24
|
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { DetailedHTMLProps, InputHTMLAttributes, VoidFunctionComponent } from 'react';
|
|
2
|
+
import { ToggletipProps } from '../toggletip/toggletip';
|
|
2
3
|
import { TooltipProps } from '../tooltip/tooltip';
|
|
3
4
|
type PartialStepperInputProps = Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'disabled' | 'onFocus' | 'onBlur' | 'step'>;
|
|
4
5
|
type Value = undefined | number | null;
|
|
@@ -11,6 +12,7 @@ interface StepperInputProps extends PartialStepperInputProps {
|
|
|
11
12
|
min?: number;
|
|
12
13
|
noMargin?: boolean;
|
|
13
14
|
tooltip?: TooltipProps;
|
|
15
|
+
toggletip?: ToggletipProps;
|
|
14
16
|
valid?: boolean;
|
|
15
17
|
validationErrorMessage?: string;
|
|
16
18
|
value?: Value;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { ChangeEvent, FocusEvent, VoidFunctionComponent } from 'react';
|
|
2
|
+
import { ToggletipProps } from '../toggletip/toggletip';
|
|
2
3
|
import { TooltipProps } from '../tooltip/tooltip';
|
|
3
4
|
export interface TextAreaProps {
|
|
4
5
|
id?: string;
|
|
5
6
|
className?: string;
|
|
6
7
|
label: string;
|
|
7
8
|
tooltip?: TooltipProps;
|
|
9
|
+
toggletip?: ToggletipProps;
|
|
8
10
|
defaultValue?: string;
|
|
9
11
|
disabled?: boolean;
|
|
10
12
|
/** Disables default margin */
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ChangeEvent, ClipboardEvent, DetailedHTMLProps, FocusEvent, FormEvent, InputHTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { ToggletipProps } from '../toggletip/toggletip';
|
|
2
3
|
import { TooltipProps } from '../tooltip/tooltip';
|
|
3
4
|
type PartialInputProps = Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'inputMode' | 'name' | 'value' | 'autoComplete'>;
|
|
4
5
|
export interface TextInputProps extends PartialInputProps {
|
|
@@ -12,6 +13,7 @@ export interface TextInputProps extends PartialInputProps {
|
|
|
12
13
|
label?: string;
|
|
13
14
|
leftAdornment?: ReactNode;
|
|
14
15
|
tooltip?: TooltipProps;
|
|
16
|
+
toggletip?: ToggletipProps;
|
|
15
17
|
pattern?: string;
|
|
16
18
|
placeholder?: string;
|
|
17
19
|
readOnly?: boolean;
|
package/package.json
CHANGED