@willphan1712000/frontend 1.6.0 → 1.7.0

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 (5) hide show
  1. package/dist/index.d.mts +28 -13
  2. package/dist/index.d.ts +28 -13
  3. package/dist/index.js +217 -145
  4. package/dist/index.mjs +168 -97
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -5,7 +5,7 @@ type Options$2 = {
5
5
  label: string;
6
6
  value: string;
7
7
  }[];
8
- interface Props$c {
8
+ interface Props$d {
9
9
  options: Options$2;
10
10
  value: string;
11
11
  onChange: (value: string) => void;
@@ -17,9 +17,9 @@ interface Props$c {
17
17
  * @param onChange - a function to set a value
18
18
  * @returns
19
19
  */
20
- declare const DropdownSelect: ({ options, value, onChange }: Props$c) => react_jsx_runtime.JSX.Element;
20
+ declare const DropdownSelect: ({ options, value, onChange }: Props$d) => react_jsx_runtime.JSX.Element;
21
21
 
22
- interface Props$b {
22
+ interface Props$c {
23
23
  value: string;
24
24
  onChange: (value: string) => void;
25
25
  min?: string;
@@ -37,13 +37,13 @@ interface Props$b {
37
37
  * @param onChange - to set a value
38
38
  * @returns
39
39
  */
40
- declare const RangeSlider: ({ min, max, color, width, value, onChange, }: Props$b) => react_jsx_runtime.JSX.Element;
40
+ declare const RangeSlider: ({ min, max, color, width, value, onChange, }: Props$c) => react_jsx_runtime.JSX.Element;
41
41
 
42
42
  type Options$1 = {
43
43
  label: ReactNode;
44
44
  value: string;
45
45
  }[];
46
- interface Props$a {
46
+ interface Props$b {
47
47
  value: string;
48
48
  onChange: (value: string) => void;
49
49
  width?: string;
@@ -57,9 +57,9 @@ interface Props$a {
57
57
  * @options - list of options, format [{ label: React Node Syntax, value: string }]
58
58
  * @returns
59
59
  */
60
- declare const OptionSlider: ({ value, onChange, width, options, color, }: Props$a) => react_jsx_runtime.JSX.Element;
60
+ declare const OptionSlider: ({ value, onChange, width, options, color, }: Props$b) => react_jsx_runtime.JSX.Element;
61
61
 
62
- interface Props$9 {
62
+ interface Props$a {
63
63
  value: string;
64
64
  onChange: (value: string) => void;
65
65
  width?: string;
@@ -71,13 +71,13 @@ interface Props$9 {
71
71
  * @param width
72
72
  * @returns
73
73
  */
74
- declare const ColorPickerSlider: ({ value, onChange, width }: Props$9) => react_jsx_runtime.JSX.Element;
74
+ declare const ColorPickerSlider: ({ value, onChange, width }: Props$a) => react_jsx_runtime.JSX.Element;
75
75
 
76
76
  type Options = {
77
77
  label: string;
78
78
  value: string;
79
79
  }[];
80
- interface Props$8 {
80
+ interface Props$9 {
81
81
  options: Options;
82
82
  value: string[];
83
83
  onChange: React.Dispatch<React.SetStateAction<string[]>>;
@@ -91,9 +91,9 @@ interface Props$8 {
91
91
  * @param width - specify the width of the component
92
92
  * @returns
93
93
  */
94
- declare const MultiSelect: ({ options, value, onChange, width }: Props$8) => react_jsx_runtime.JSX.Element;
94
+ declare const MultiSelect: ({ options, value, onChange, width }: Props$9) => react_jsx_runtime.JSX.Element;
95
95
 
96
- interface Props$7 {
96
+ interface Props$8 {
97
97
  buttonType?: 'gradient' | 'solid' | 'normal';
98
98
  }
99
99
  interface Data {
@@ -117,7 +117,22 @@ interface Children {
117
117
  * @param second second color when using gradient button, default is #aa6392
118
118
  * @returns button UI component
119
119
  */
120
- declare const Button: ({ buttonType, content, main, first, second, text, isLoading, children, ...props }: Props$7 & Data & Children & React.ComponentProps<"button">) => react_jsx_runtime.JSX.Element;
120
+ declare const Button: ({ buttonType, content, main, first, second, text, isLoading, children, ...props }: Props$8 & Data & Children & React.ComponentProps<"button">) => react_jsx_runtime.JSX.Element;
121
+
122
+ type Props$7 = {
123
+ children?: React.ReactNode;
124
+ first?: string;
125
+ hover?: boolean;
126
+ shadow?: boolean;
127
+ };
128
+ /**
129
+ * Modern button component wrapping around anchor tag <a>
130
+ * @param first Primary color, default to white
131
+ * @param hover turn on hover effect
132
+ * @param shadow turn on shadow effect
133
+ * @returns
134
+ */
135
+ declare const Modern: ({ first, children, style, hover, shadow, ...props }: Props$7 & React.ComponentProps<"a">) => react_jsx_runtime.JSX.Element;
121
136
 
122
137
  interface Props$6 {
123
138
  src?: string;
@@ -748,4 +763,4 @@ declare const LinearAlgebra: {
748
763
  getVectorMagnitude(vector: number[]): number;
749
764
  };
750
765
 
751
- export { type AuthInterface, Avatar, Button, Canvas, ColorPickerSlider, DropdownSelect, Image$1 as Image, ImageEditor, Image as ImageUtilities, InputFile, InputGoogle, LinearAlgebra, MultiSelect, OptionSlider, type Options$2 as Options, RangeSlider, SessionProvider, type SessionType, type Options$1 as SliderOptions, type StorageInterface, TextArea, Transform, UploadImage, tools, useAuthClient, useSession };
766
+ export { type AuthInterface, Avatar, Button, Canvas, ColorPickerSlider, DropdownSelect, Image$1 as Image, ImageEditor, Image as ImageUtilities, InputFile, InputGoogle, LinearAlgebra, Modern as ModernButton, MultiSelect, OptionSlider, type Options$2 as Options, RangeSlider, SessionProvider, type SessionType, type Options$1 as SliderOptions, type StorageInterface, TextArea, Transform, UploadImage, tools, useAuthClient, useSession };
package/dist/index.d.ts CHANGED
@@ -5,7 +5,7 @@ type Options$2 = {
5
5
  label: string;
6
6
  value: string;
7
7
  }[];
8
- interface Props$c {
8
+ interface Props$d {
9
9
  options: Options$2;
10
10
  value: string;
11
11
  onChange: (value: string) => void;
@@ -17,9 +17,9 @@ interface Props$c {
17
17
  * @param onChange - a function to set a value
18
18
  * @returns
19
19
  */
20
- declare const DropdownSelect: ({ options, value, onChange }: Props$c) => react_jsx_runtime.JSX.Element;
20
+ declare const DropdownSelect: ({ options, value, onChange }: Props$d) => react_jsx_runtime.JSX.Element;
21
21
 
22
- interface Props$b {
22
+ interface Props$c {
23
23
  value: string;
24
24
  onChange: (value: string) => void;
25
25
  min?: string;
@@ -37,13 +37,13 @@ interface Props$b {
37
37
  * @param onChange - to set a value
38
38
  * @returns
39
39
  */
40
- declare const RangeSlider: ({ min, max, color, width, value, onChange, }: Props$b) => react_jsx_runtime.JSX.Element;
40
+ declare const RangeSlider: ({ min, max, color, width, value, onChange, }: Props$c) => react_jsx_runtime.JSX.Element;
41
41
 
42
42
  type Options$1 = {
43
43
  label: ReactNode;
44
44
  value: string;
45
45
  }[];
46
- interface Props$a {
46
+ interface Props$b {
47
47
  value: string;
48
48
  onChange: (value: string) => void;
49
49
  width?: string;
@@ -57,9 +57,9 @@ interface Props$a {
57
57
  * @options - list of options, format [{ label: React Node Syntax, value: string }]
58
58
  * @returns
59
59
  */
60
- declare const OptionSlider: ({ value, onChange, width, options, color, }: Props$a) => react_jsx_runtime.JSX.Element;
60
+ declare const OptionSlider: ({ value, onChange, width, options, color, }: Props$b) => react_jsx_runtime.JSX.Element;
61
61
 
62
- interface Props$9 {
62
+ interface Props$a {
63
63
  value: string;
64
64
  onChange: (value: string) => void;
65
65
  width?: string;
@@ -71,13 +71,13 @@ interface Props$9 {
71
71
  * @param width
72
72
  * @returns
73
73
  */
74
- declare const ColorPickerSlider: ({ value, onChange, width }: Props$9) => react_jsx_runtime.JSX.Element;
74
+ declare const ColorPickerSlider: ({ value, onChange, width }: Props$a) => react_jsx_runtime.JSX.Element;
75
75
 
76
76
  type Options = {
77
77
  label: string;
78
78
  value: string;
79
79
  }[];
80
- interface Props$8 {
80
+ interface Props$9 {
81
81
  options: Options;
82
82
  value: string[];
83
83
  onChange: React.Dispatch<React.SetStateAction<string[]>>;
@@ -91,9 +91,9 @@ interface Props$8 {
91
91
  * @param width - specify the width of the component
92
92
  * @returns
93
93
  */
94
- declare const MultiSelect: ({ options, value, onChange, width }: Props$8) => react_jsx_runtime.JSX.Element;
94
+ declare const MultiSelect: ({ options, value, onChange, width }: Props$9) => react_jsx_runtime.JSX.Element;
95
95
 
96
- interface Props$7 {
96
+ interface Props$8 {
97
97
  buttonType?: 'gradient' | 'solid' | 'normal';
98
98
  }
99
99
  interface Data {
@@ -117,7 +117,22 @@ interface Children {
117
117
  * @param second second color when using gradient button, default is #aa6392
118
118
  * @returns button UI component
119
119
  */
120
- declare const Button: ({ buttonType, content, main, first, second, text, isLoading, children, ...props }: Props$7 & Data & Children & React.ComponentProps<"button">) => react_jsx_runtime.JSX.Element;
120
+ declare const Button: ({ buttonType, content, main, first, second, text, isLoading, children, ...props }: Props$8 & Data & Children & React.ComponentProps<"button">) => react_jsx_runtime.JSX.Element;
121
+
122
+ type Props$7 = {
123
+ children?: React.ReactNode;
124
+ first?: string;
125
+ hover?: boolean;
126
+ shadow?: boolean;
127
+ };
128
+ /**
129
+ * Modern button component wrapping around anchor tag <a>
130
+ * @param first Primary color, default to white
131
+ * @param hover turn on hover effect
132
+ * @param shadow turn on shadow effect
133
+ * @returns
134
+ */
135
+ declare const Modern: ({ first, children, style, hover, shadow, ...props }: Props$7 & React.ComponentProps<"a">) => react_jsx_runtime.JSX.Element;
121
136
 
122
137
  interface Props$6 {
123
138
  src?: string;
@@ -748,4 +763,4 @@ declare const LinearAlgebra: {
748
763
  getVectorMagnitude(vector: number[]): number;
749
764
  };
750
765
 
751
- export { type AuthInterface, Avatar, Button, Canvas, ColorPickerSlider, DropdownSelect, Image$1 as Image, ImageEditor, Image as ImageUtilities, InputFile, InputGoogle, LinearAlgebra, MultiSelect, OptionSlider, type Options$2 as Options, RangeSlider, SessionProvider, type SessionType, type Options$1 as SliderOptions, type StorageInterface, TextArea, Transform, UploadImage, tools, useAuthClient, useSession };
766
+ export { type AuthInterface, Avatar, Button, Canvas, ColorPickerSlider, DropdownSelect, Image$1 as Image, ImageEditor, Image as ImageUtilities, InputFile, InputGoogle, LinearAlgebra, Modern as ModernButton, MultiSelect, OptionSlider, type Options$2 as Options, RangeSlider, SessionProvider, type SessionType, type Options$1 as SliderOptions, type StorageInterface, TextArea, Transform, UploadImage, tools, useAuthClient, useSession };