@emeraldemperaur/vector-sigma 1.4.14 → 1.4.16
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/lib/index.cjs +4733 -4722
- package/lib/index.esm.js +4733 -4722
- package/lib/types/components/button/button.d.ts +43 -43
- package/lib/types/components/datepicker/datepicker.d.ts +2 -2
- package/lib/types/components/file/filemultiple.d.ts +1 -1
- package/lib/types/components/input/input.d.ts +3 -3
- package/lib/types/components/input/uuidInput.d.ts +3 -4
- package/package.json +1 -1
|
@@ -4,68 +4,68 @@ export type ButtonDesign = 'button' | 'button-material' | 'button-outline' | 'bu
|
|
|
4
4
|
import '../../styles/main.scss';
|
|
5
5
|
export interface DesignButtonProps extends ButtonProps {
|
|
6
6
|
/**
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
* * The design variation of the Button input.
|
|
8
|
+
* Default: 'button-outline'
|
|
9
|
+
* Variants: 'button', 'button-outline', 'button-material', 'button-neumorphic'.
|
|
10
|
+
* * @example
|
|
11
|
+
* inputtype="button-neumorphic"
|
|
12
|
+
*/
|
|
13
13
|
inputtype?: ButtonDesign & {};
|
|
14
14
|
/**
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
* * The required unique identifier for the input field in useFormikContext().
|
|
16
|
+
* Alias referenced as `name` attribute and Formik state key.
|
|
17
|
+
* * @example
|
|
18
|
+
* alias="dontPushMe"
|
|
19
|
+
*/
|
|
20
20
|
alias: string;
|
|
21
21
|
/**
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
* * Option to render Button input with icon passed as a ReactNode {}.
|
|
23
|
+
* * @example
|
|
24
|
+
* icon={<Icon name="stack"/>}
|
|
25
|
+
*/
|
|
26
26
|
icon?: React.ReactNode;
|
|
27
27
|
/**
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
* * The required viewport column width for the Button input field.
|
|
29
|
+
* i.e. 1 - 12
|
|
30
|
+
* * @example
|
|
31
|
+
* width={5}
|
|
32
|
+
*/
|
|
33
33
|
width: number;
|
|
34
34
|
/**
|
|
35
|
-
|
|
36
|
-
* * @example
|
|
37
|
-
* newRow
|
|
38
|
-
*/
|
|
39
|
-
newRow?: boolean;
|
|
40
|
-
/**
|
|
41
|
-
* * Option to disable edits for Button input field.
|
|
35
|
+
* * Option to render Button input field on new row.
|
|
42
36
|
* * @example
|
|
43
|
-
*
|
|
37
|
+
* newRow
|
|
44
38
|
*/
|
|
45
|
-
|
|
39
|
+
newRow?: boolean;
|
|
46
40
|
/**
|
|
47
|
-
* * Option to
|
|
41
|
+
* * Option to disable edits for Button input field.
|
|
48
42
|
* * @example
|
|
49
|
-
*
|
|
43
|
+
* readOnly
|
|
50
44
|
*/
|
|
45
|
+
readOnly?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* * Option to enable a hint for Button input field.
|
|
48
|
+
* * @example
|
|
49
|
+
* isHinted
|
|
50
|
+
*/
|
|
51
51
|
isHinted?: boolean;
|
|
52
52
|
/**
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
* * Option to specify hint text for Button input field.
|
|
54
|
+
* * @example
|
|
55
|
+
* hintText="This is a hint for a VΣ AvatarInput"
|
|
56
|
+
*/
|
|
57
57
|
hintText?: string;
|
|
58
58
|
/**
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
* * Option to specify a hint url reference or resource for Button input field.
|
|
60
|
+
* * @example
|
|
61
|
+
* hintUrl="https://www.mekaegwim.ca"
|
|
62
|
+
*/
|
|
63
63
|
hintUrl?: string;
|
|
64
64
|
/**
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
65
|
+
* * Option to inject onClick event handler function for Button input field.
|
|
66
|
+
* * @example
|
|
67
|
+
* onClick={() => { lesEnfantsTerribles() }}
|
|
68
|
+
*/
|
|
69
69
|
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
70
70
|
}
|
|
71
71
|
export declare const ButtonInput: ({ inputtype, type, alias, readOnly, style, width, children, newRow, isHinted, hintText, hintUrl, ...props }: DesignButtonProps) => React.JSX.Element;
|
|
@@ -4,7 +4,7 @@ import '../../styles/main.scss';
|
|
|
4
4
|
export type DatePickerDesign = 'datepicker' | 'datepicker-outline' | 'datepicker-material' | 'datepicker-neumorphic';
|
|
5
5
|
interface DatePickerProps {
|
|
6
6
|
alias: string;
|
|
7
|
-
|
|
7
|
+
inputLabel?: string;
|
|
8
8
|
inputtype?: DatePickerDesign;
|
|
9
9
|
width?: number;
|
|
10
10
|
newRow?: boolean;
|
|
@@ -16,5 +16,5 @@ interface DatePickerProps {
|
|
|
16
16
|
readOnly?: boolean;
|
|
17
17
|
className?: string;
|
|
18
18
|
}
|
|
19
|
-
export declare const DatePicker: ({ alias,
|
|
19
|
+
export declare const DatePicker: ({ alias, inputLabel, inputtype, width, newRow, placeholder, isHinted, hintText, hintUrl, errorText, readOnly, className }: DatePickerProps) => React.JSX.Element;
|
|
20
20
|
export {};
|
|
@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
|
|
|
2
2
|
import '../../styles/main.scss';
|
|
3
3
|
export type FileMultipleInputDesign = 'filemultiple' | 'filemultiple-material' | 'filemultiple-outline' | 'filemultiple-neumorphic';
|
|
4
4
|
export interface FileMultipleInputProps {
|
|
5
|
-
inputtype?: FileMultipleInputDesign
|
|
5
|
+
inputtype?: FileMultipleInputDesign;
|
|
6
6
|
alias: string;
|
|
7
7
|
inputLabel?: string;
|
|
8
8
|
icon?: React.ReactNode;
|
|
@@ -5,7 +5,7 @@ export type InputType = 'date' | 'datetime-local' | 'email' | 'hidden' | 'month'
|
|
|
5
5
|
export type InputDesign = "input" | "input-material" | "input-outline" | "input-neumorphic";
|
|
6
6
|
export type xInputFieldProps = React.ComponentProps<typeof TextField.Root> & {
|
|
7
7
|
alias: string;
|
|
8
|
-
inputtype?: InputType
|
|
8
|
+
inputtype?: InputType;
|
|
9
9
|
inputLabel?: string;
|
|
10
10
|
width: number;
|
|
11
11
|
newRow?: boolean;
|
|
@@ -20,8 +20,8 @@ export type xInputFieldProps = React.ComponentProps<typeof TextField.Root> & {
|
|
|
20
20
|
errorText?: ReactNode | string | null;
|
|
21
21
|
className?: string;
|
|
22
22
|
style?: React.CSSProperties;
|
|
23
|
-
inputvariant?: InputDesign
|
|
23
|
+
inputvariant?: InputDesign;
|
|
24
24
|
delimiter?: string;
|
|
25
25
|
format?: number[];
|
|
26
26
|
};
|
|
27
|
-
export declare const Input: ({ alias, inputtype, width, inputLabel, readOnly, placeholder, newRow, isHinted, hintText, hintUrl, errorText, className, size, style, inputvariant, ...props }: xInputFieldProps) => React.JSX.Element;
|
|
27
|
+
export declare const Input: ({ alias, inputtype, width, inputLabel, readOnly, placeholder, newRow, isHinted, hintText, hintUrl, errorText, className, size, style, inputvariant, icon, ...props }: xInputFieldProps) => React.JSX.Element;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
|
-
import { InputDesign } from "./input";
|
|
3
2
|
import '../../styles/main.scss';
|
|
4
3
|
type startsWithUuid = `uuid${string}`;
|
|
5
|
-
|
|
4
|
+
interface UUIDInputProps {
|
|
6
5
|
alias: string;
|
|
7
6
|
type?: startsWithUuid | string;
|
|
8
7
|
inputLabel?: string;
|
|
@@ -16,9 +15,9 @@ type UUIDInputProps = {
|
|
|
16
15
|
placeholder?: string;
|
|
17
16
|
errorText?: ReactNode | string | null;
|
|
18
17
|
className?: string;
|
|
19
|
-
inputVariant?:
|
|
18
|
+
inputVariant?: 'input' | 'input-outline' | 'input-material' | 'input-neumorphic';
|
|
20
19
|
readOnly?: boolean;
|
|
21
20
|
size?: "1" | "2" | "3";
|
|
22
|
-
}
|
|
21
|
+
}
|
|
23
22
|
export declare const UUIDInput: ({ alias, type, inputLabel, width, delimiter, format, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputVariant, size, className, ...props }: UUIDInputProps) => React.JSX.Element;
|
|
24
23
|
export {};
|