@willphan1712000/frontend 1.5.2 → 1.7.0

package/README.md

@@ -11,6 +11,15 @@
 - Button
 - Avatar
 
+## Utilities
+- Canvas
+- ImageUtilities
+- tools
+    - handleAsync
+    - textPreprocessing
+- Auth
+- Math
+
 ## Technology
 
 ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

package/dist/index.d.mts

@@ -5,7 +5,7 @@ type Options$2 = {
     label: string;
     value: string;
 }[];
-interface Props$c {
+interface Props$d {
     options: Options$2;
     value: string;
     onChange: (value: string) => void;
@@ -17,9 +17,9 @@ interface Props$c {
  * @param onChange - a function to set a value
  * @returns
  */
-declare const DropdownSelect: ({ options, value, onChange }: Props$c) => react_jsx_runtime.JSX.Element;
+declare const DropdownSelect: ({ options, value, onChange }: Props$d) => react_jsx_runtime.JSX.Element;
 
-interface Props$b {
+interface Props$c {
     value: string;
     onChange: (value: string) => void;
     min?: string;
@@ -37,13 +37,13 @@ interface Props$b {
  * @param onChange - to set a value
  * @returns
  */
-declare const RangeSlider: ({ min, max, color, width, value, onChange, }: Props$b) => react_jsx_runtime.JSX.Element;
+declare const RangeSlider: ({ min, max, color, width, value, onChange, }: Props$c) => react_jsx_runtime.JSX.Element;
 
 type Options$1 = {
     label: ReactNode;
     value: string;
 }[];
-interface Props$a {
+interface Props$b {
     value: string;
     onChange: (value: string) => void;
     width?: string;
@@ -57,9 +57,9 @@ interface Props$a {
  * @options - list of options, format [{ label: React Node Syntax, value: string }]
  * @returns
  */
-declare const OptionSlider: ({ value, onChange, width, options, color, }: Props$a) => react_jsx_runtime.JSX.Element;
+declare const OptionSlider: ({ value, onChange, width, options, color, }: Props$b) => react_jsx_runtime.JSX.Element;
 
-interface Props$9 {
+interface Props$a {
     value: string;
     onChange: (value: string) => void;
     width?: string;
@@ -71,13 +71,13 @@ interface Props$9 {
  * @param width
  * @returns
  */
-declare const ColorPickerSlider: ({ value, onChange, width }: Props$9) => react_jsx_runtime.JSX.Element;
+declare const ColorPickerSlider: ({ value, onChange, width }: Props$a) => react_jsx_runtime.JSX.Element;
 
 type Options = {
     label: string;
     value: string;
 }[];
-interface Props$8 {
+interface Props$9 {
     options: Options;
     value: string[];
     onChange: React.Dispatch<React.SetStateAction<string[]>>;
@@ -91,9 +91,9 @@ interface Props$8 {
  * @param width - specify the width of the component
  * @returns
  */
-declare const MultiSelect: ({ options, value, onChange, width }: Props$8) => react_jsx_runtime.JSX.Element;
+declare const MultiSelect: ({ options, value, onChange, width }: Props$9) => react_jsx_runtime.JSX.Element;
 
-interface Props$7 {
+interface Props$8 {
     buttonType?: 'gradient' | 'solid' | 'normal';
 }
 interface Data {
@@ -117,7 +117,22 @@ interface Children {
  * @param second second color when using gradient button, default is #aa6392
  * @returns button UI component
  */
-declare const Button: ({ buttonType, content, main, first, second, text, isLoading, children, ...props }: Props$7 & Data & Children & React.ComponentProps<"button">) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ buttonType, content, main, first, second, text, isLoading, children, ...props }: Props$8 & Data & Children & React.ComponentProps<"button">) => react_jsx_runtime.JSX.Element;
+
+type Props$7 = {
+    children?: React.ReactNode;
+    first?: string;
+    hover?: boolean;
+    shadow?: boolean;
+};
+/**
+ * Modern button component wrapping around anchor tag <a>
+ * @param first Primary color, default to white
+ * @param hover turn on hover effect
+ * @param shadow turn on shadow effect
+ * @returns
+ */
+declare const Modern: ({ first, children, style, hover, shadow, ...props }: Props$7 & React.ComponentProps<"a">) => react_jsx_runtime.JSX.Element;
 
 interface Props$6 {
     src?: string;
@@ -515,8 +530,19 @@ interface HandleAsyncType<DataType> {
  */
 declare function handleAsync<DataType>(data: Promise<DataType>): Promise<HandleAsyncType<DataType>>;
 
+/**
+ * Text Preprocessing
+ * - Convert to lowercase
+ * - Remove punctuation
+ * - Remove stop words
+ * @param text
+ * @returns
+ */
+declare function textProcessing(text: string): string;
+
 declare const tools: {
     handleAsync: typeof handleAsync;
+    textProcessing: typeof textProcessing;
 };
 
 /**
@@ -737,4 +763,4 @@ declare const LinearAlgebra: {
     getVectorMagnitude(vector: number[]): number;
 };
 
-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 };
+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

@@ -5,7 +5,7 @@ type Options$2 = {
     label: string;
     value: string;
 }[];
-interface Props$c {
+interface Props$d {
     options: Options$2;
     value: string;
     onChange: (value: string) => void;
@@ -17,9 +17,9 @@ interface Props$c {
  * @param onChange - a function to set a value
  * @returns
  */
-declare const DropdownSelect: ({ options, value, onChange }: Props$c) => react_jsx_runtime.JSX.Element;
+declare const DropdownSelect: ({ options, value, onChange }: Props$d) => react_jsx_runtime.JSX.Element;
 
-interface Props$b {
+interface Props$c {
     value: string;
     onChange: (value: string) => void;
     min?: string;
@@ -37,13 +37,13 @@ interface Props$b {
  * @param onChange - to set a value
  * @returns
  */
-declare const RangeSlider: ({ min, max, color, width, value, onChange, }: Props$b) => react_jsx_runtime.JSX.Element;
+declare const RangeSlider: ({ min, max, color, width, value, onChange, }: Props$c) => react_jsx_runtime.JSX.Element;
 
 type Options$1 = {
     label: ReactNode;
     value: string;
 }[];
-interface Props$a {
+interface Props$b {
     value: string;
     onChange: (value: string) => void;
     width?: string;
@@ -57,9 +57,9 @@ interface Props$a {
  * @options - list of options, format [{ label: React Node Syntax, value: string }]
  * @returns
  */
-declare const OptionSlider: ({ value, onChange, width, options, color, }: Props$a) => react_jsx_runtime.JSX.Element;
+declare const OptionSlider: ({ value, onChange, width, options, color, }: Props$b) => react_jsx_runtime.JSX.Element;
 
-interface Props$9 {
+interface Props$a {
     value: string;
     onChange: (value: string) => void;
     width?: string;
@@ -71,13 +71,13 @@ interface Props$9 {
  * @param width
  * @returns
  */
-declare const ColorPickerSlider: ({ value, onChange, width }: Props$9) => react_jsx_runtime.JSX.Element;
+declare const ColorPickerSlider: ({ value, onChange, width }: Props$a) => react_jsx_runtime.JSX.Element;
 
 type Options = {
     label: string;
     value: string;
 }[];
-interface Props$8 {
+interface Props$9 {
     options: Options;
     value: string[];
     onChange: React.Dispatch<React.SetStateAction<string[]>>;
@@ -91,9 +91,9 @@ interface Props$8 {
  * @param width - specify the width of the component
  * @returns
  */
-declare const MultiSelect: ({ options, value, onChange, width }: Props$8) => react_jsx_runtime.JSX.Element;
+declare const MultiSelect: ({ options, value, onChange, width }: Props$9) => react_jsx_runtime.JSX.Element;
 
-interface Props$7 {
+interface Props$8 {
     buttonType?: 'gradient' | 'solid' | 'normal';
 }
 interface Data {
@@ -117,7 +117,22 @@ interface Children {
  * @param second second color when using gradient button, default is #aa6392
  * @returns button UI component
  */
-declare const Button: ({ buttonType, content, main, first, second, text, isLoading, children, ...props }: Props$7 & Data & Children & React.ComponentProps<"button">) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ buttonType, content, main, first, second, text, isLoading, children, ...props }: Props$8 & Data & Children & React.ComponentProps<"button">) => react_jsx_runtime.JSX.Element;
+
+type Props$7 = {
+    children?: React.ReactNode;
+    first?: string;
+    hover?: boolean;
+    shadow?: boolean;
+};
+/**
+ * Modern button component wrapping around anchor tag <a>
+ * @param first Primary color, default to white
+ * @param hover turn on hover effect
+ * @param shadow turn on shadow effect
+ * @returns
+ */
+declare const Modern: ({ first, children, style, hover, shadow, ...props }: Props$7 & React.ComponentProps<"a">) => react_jsx_runtime.JSX.Element;
 
 interface Props$6 {
     src?: string;
@@ -515,8 +530,19 @@ interface HandleAsyncType<DataType> {
  */
 declare function handleAsync<DataType>(data: Promise<DataType>): Promise<HandleAsyncType<DataType>>;
 
+/**
+ * Text Preprocessing
+ * - Convert to lowercase
+ * - Remove punctuation
+ * - Remove stop words
+ * @param text
+ * @returns
+ */
+declare function textProcessing(text: string): string;
+
 declare const tools: {
     handleAsync: typeof handleAsync;
+    textProcessing: typeof textProcessing;
 };
 
 /**
@@ -737,4 +763,4 @@ declare const LinearAlgebra: {
     getVectorMagnitude(vector: number[]): number;
 };
 
-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 };
+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 };