@mycause/ui 0.0.0-c9beb99b → 0.0.0-c9cc3b00

package/dist/components/progressbar/progress-bar-circle.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 interface CircularProgressProps {
     percentage: number;
     strokeWidth: number;
@@ -6,5 +6,5 @@ interface CircularProgressProps {
     color: string;
     centerContent?: JSX.Element;
 }
-declare const CircularProgress: ({ percentage, strokeWidth, sqSize, centerContent, color, }: CircularProgressProps) => JSX.Element;
+declare const CircularProgress: ({ percentage, strokeWidth, sqSize, centerContent, color, }: CircularProgressProps) => React.JSX.Element;
 export default CircularProgress;

package/dist/components/progressbar/progressbar.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 export interface ProgressBarProps {
     className?: string;
     completed?: number;
     barColor?: string;
 }
-declare const ProgressBar: ({ className, completed, barColor, }: ProgressBarProps) => JSX.Element;
+declare const ProgressBar: ({ className, completed, barColor, }: ProgressBarProps) => React.JSX.Element;
 export default ProgressBar;

package/dist/components/progressbar/progressbar.stories.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, completed, barColor, }: import("./progressbar").ProgressBarProps) => JSX.Element;
+    component: ({ className, completed, barColor, }: import("./progressbar").ProgressBarProps) => React.JSX.Element;
 };
 export default _default;
 export declare const progressbar: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const progressbarCircle: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/radio/radio-group.d.ts

@@ -12,5 +12,5 @@ interface RadioGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, "wrap">
         disabled?: boolean;
     }>;
 }
-declare function RadioGroup({ name, value, onChange, options, onBlur, onFocus, disabled, ...rest }: RadioGroupProps): JSX.Element;
+declare function RadioGroup({ name, value, onChange, options, onBlur, onFocus, disabled, ...rest }: RadioGroupProps): React.JSX.Element;
 export default RadioGroup;

package/dist/components/radio/radio-group.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const RadioGroupStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/radio/radio.d.ts

@@ -13,5 +13,5 @@ export interface RadioProps extends Omit<MDCRadioProps, "initRipple" | "color" |
     name?: string;
     onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
 }
-declare const Radio: ({ id, color, label, value, name, className, wrapperClasses, ...rest }: RadioProps) => JSX.Element;
+declare const Radio: ({ id, color, label, value, name, className, wrapperClasses, onChange, ...rest }: RadioProps) => React.JSX.Element;
 export default Radio;

package/dist/components/radio/radio.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,19 +6,19 @@ declare const _default: {
 };
 export default _default;
 export declare const RadioExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const RadioLabelExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const RadioDisabledExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/select/select-enhanced.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { SelectProps as MDCSelectProps, SelectHelperTextProps } from "@material/react-select";
-export declare type SelectOption = {
+export type SelectOption = {
     value: string;
     label?: string;
     disabled?: boolean;
@@ -18,6 +18,7 @@ export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "
     noArrow?: boolean;
     color?: string;
     error?: boolean | string;
+    outlined?: boolean;
 }
-declare const SelectV2: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, ...rest }: SelectProps) => JSX.Element;
+declare const SelectV2: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, outlined, ...rest }: SelectProps) => React.JSX.Element;
 export default SelectV2;

package/dist/components/select/select-helper-text.d.ts

@@ -3,5 +3,5 @@ import { SelectHelperTextProps as MaterialSelectHelperTextProps } from "@materia
 interface SelectHelperTextProps extends Omit<MaterialSelectHelperTextProps, "ref"> {
     children?: React.ReactNode;
 }
-declare function SelectHelperText(props: SelectHelperTextProps): JSX.Element;
+declare function SelectHelperText(props: SelectHelperTextProps): React.JSX.Element;
 export default SelectHelperText;

package/dist/components/select/select-v2.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type SelectOption = {
+export type SelectOption = {
     value: string;
     label?: string;
     disabled?: boolean;
@@ -21,6 +21,7 @@ export interface SelectProps {
     error?: boolean | string;
     trailingIcon?: React.ReactElement;
     bgColor?: string;
+    colorError?: string;
 }
-declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, trailingIcon, bgColor, }: SelectProps) => JSX.Element;
+declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, trailingIcon, bgColor, error, colorError, }: SelectProps) => React.JSX.Element;
 export default SelectV2;

package/dist/components/select/select.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { SelectProps as MDCSelectProps, SelectHelperTextProps } from "@material/react-select";
-export declare type SelectOption = {
+export type SelectOption = {
     value: string;
     label?: string;
     disabled?: boolean;
@@ -21,5 +21,5 @@ export interface SelectProps extends Omit<MDCSelectProps, "ref" | "children" | "
     error?: boolean | string;
     customTrailingIcon?: boolean;
 }
-declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, asteriskColor, customTrailingIcon, ...rest }: SelectProps) => JSX.Element;
+declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, asteriskColor, customTrailingIcon, ...rest }: SelectProps) => React.JSX.Element;
 export default Select;

package/dist/components/select/select.stories.d.ts

@@ -1,23 +1,23 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
     decorators: ((...args: any) => any)[];
 };
 export default _default;
 export declare const SelectStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SelectStoryV2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SelectEnhancedStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/spinner/spinner-orange.svg

@@ -0,0 +1,47 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
+	<style type="text/css">
+		.st0{fill:#FFFFFF;}
+		.st1{fill:#FF7658;}
+		.st2{fill:none;stroke:url(#SVGID_1_);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0.4985,6.9795;}
+	</style>
+	<circle class="st0" cx="30" cy="30" r="20"/>
+	<g>
+		<path class="st1" d="M37.9,38.2c-0.3-0.3-0.3-0.9,0-1.2c0.3-0.3,0.9-0.3,1.2,0l6.1,6.1c0.3-0.4,0.7-0.8,1-1.2l-6-6
+			c-0.3-0.3-0.3-0.9,0-1.2c0.3-0.3,0.9-0.3,1.2,0l5.7,5.7c1.9-3,2.9-6.6,2.9-10.4c0-11-8.9-20-20-20c-11,0-20,8.9-20,20
+			c0,3.8,1,7.3,2.8,10.3L25,28.1c1.1-1.1,1.1-2.9,0-4c-1.1-1.1-2.9-1.1-4,0c-0.5,0.5-0.8,1.3-0.8,2c0,0.8,0.3,1.5,0.8,2l0.9,0.9
+			c0.3,0.3,0.3,0.9,0,1.2c-0.3,0.3-0.9,0.3-1.2,0l-0.9-0.9c-0.9-0.9-1.3-2-1.3-3.2c0-1.2,0.5-2.3,1.3-3.2c1.8-1.8,4.6-1.8,6.4,0
+			c1.8,1.8,1.8,4.6,0,6.4L13.8,41.7c0.3,0.4,0.6,0.8,1,1.2l12.5-12.5c2.4-2.4,2.4-6.2,0-8.6c-1.1-1.1-2.7-1.8-4.3-1.8
+			c-1.6,0-3.1,0.6-4.3,1.8c-1.1,1.1-1.8,2.7-1.8,4.3c0,1.6,0.6,3.1,1.8,4.3l0.9,0.9c0.3,0.3,0.3,0.9,0,1.2c-0.3,0.3-0.9,0.3-1.2,0
+			l-0.9-0.9c-1.5-1.5-2.3-3.4-2.3-5.5s0.8-4,2.3-5.5c1.5-1.5,3.4-2.3,5.5-2.3c2.1,0,4,0.8,5.5,2.3c0.6,0.6,1.1,1.3,1.4,2
+			c0.4-0.7,0.8-1.4,1.4-2c3-3,7.9-3,10.9,0c1.5,1.5,2.3,3.4,2.3,5.5s-0.8,4-2.3,5.5L30.6,43.2c-0.1,0.1-0.1,0.1-0.2,0.1c0,0,0,0,0,0
+			c-0.2,0.2-0.4,0.2-0.6,0.2s-0.4-0.1-0.6-0.2L24,38.2c-0.3-0.3-0.3-0.9,0-1.2c0.3-0.3,0.9-0.3,1.2,0l4.6,4.6l11.2-11.2
+			c1.1-1.1,1.8-2.7,1.8-4.3c0-1.6-0.6-3.1-1.8-4.3c-2.4-2.4-6.2-2.4-8.6,0c-1.1,1.1-1.8,2.7-1.8,4.3c0,1.6,0.6,3.1,1.8,4.3l0.9,0.9
+			c0.3,0.3,0.3,0.9,0,1.2c-0.3,0.3-0.9,0.3-1.2,0l-0.9-0.9c-0.6-0.6-1.1-1.3-1.4-2c-0.4,0.7-0.8,1.4-1.4,2L15.9,44.2
+			C19.5,47.8,24.5,50,30,50c5.5,0,10.4-2.2,14-5.7L37.9,38.2z M26.3,34.7c0.3-0.3,0.9-0.3,1.2,0l2.4,2.4l8.9-8.9c1.1-1.1,1.1-2.9,0-4
+			c-0.5-0.5-1.3-0.8-2-0.8c-0.8,0-1.5,0.3-2,0.8c-1.1,1.1-1.1,2.9,0,4l0.9,0.9c0.3,0.3,0.3,0.9,0,1.2c-0.3,0.3-0.9,0.3-1.2,0
+			l-0.9-0.9c-1.8-1.8-1.8-4.6,0-6.4c0.9-0.9,2-1.3,3.2-1.3c1.2,0,2.3,0.5,3.2,1.3c1.8,1.8,1.8,4.6,0,6.4l-9.5,9.5
+			C30.4,39,30.1,39,29.9,39c0,0,0,0-0.1,0c0,0,0,0-0.1,0c-0.2,0-0.4-0.1-0.6-0.2l-2.9-2.9C26,35.6,26,35,26.3,34.7z"/>
+	</g>
+	<g>
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="2.5" y1="30" x2="57.5" y2="30">
+			<stop  offset="0" style="stop-color:#FFFFFF"/>
+			<stop  offset="4.884046e-02" style="stop-color:#FF995A"/>
+			<stop  offset="0.3084" style="stop-color:#FC8D5D"/>
+			<stop  offset="0.5425" style="stop-color:#F98260"/>
+			<stop  offset="0.743" style="stop-color:#F67563"/>
+			<stop  offset="0.9021" style="stop-color:#F36967"/>
+			<stop  offset="1" style="stop-color:#F05C6A"/>
+		</linearGradient>
+		<circle class="st2" cx="30" cy="30" r="25"/>
+		<animateTransform
+				attributeType="xml"
+				attributeName="transform"
+				type="rotate"
+				from="0 30 30"
+				to="360 30 30"
+				dur="5s"
+				repeatCount="indefinite"
+			/>
+	</g>
+</svg>

package/dist/components/spinner/spinner.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 export interface SpinnerProps {
     id?: string;
     className?: string;
     style?: any;
+    type?: "default" | "orange";
 }
-declare const Spinner: ({ id, className, style, ...rest }: SpinnerProps) => JSX.Element;
+declare const Spinner: ({ id, className, style, type, ...rest }: SpinnerProps) => React.JSX.Element;
 export default Spinner;

package/dist/components/spinner/spinner.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,7 +6,13 @@ declare const _default: {
 };
 export default _default;
 export declare const SpinnerStoriesDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const SpinnerOrangeStories: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/spinner/spinner.svg

@@ -0,0 +1,47 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
+	<style type="text/css">
+		.st0{fill:#FFFFFF;}
+		.st1{fill:#53BFA9;}
+		.st2{fill:none;stroke:url(#SVGID_1_);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0.4985,6.9795;}
+	</style>
+	<circle class="st0" cx="30" cy="30" r="20"/>
+	<g>
+		<path class="st1" d="M37.9,38.2c-0.3-0.3-0.3-0.9,0-1.2c0.3-0.3,0.9-0.3,1.2,0l6.1,6.1c0.3-0.4,0.7-0.8,1-1.2l-6-6
+			c-0.3-0.3-0.3-0.9,0-1.2c0.3-0.3,0.9-0.3,1.2,0l5.7,5.7c1.9-3,2.9-6.6,2.9-10.4c0-11-8.9-20-20-20c-11,0-20,8.9-20,20
+			c0,3.8,1,7.3,2.8,10.3L25,28.1c1.1-1.1,1.1-2.9,0-4c-1.1-1.1-2.9-1.1-4,0c-0.5,0.5-0.8,1.3-0.8,2c0,0.8,0.3,1.5,0.8,2l0.9,0.9
+			c0.3,0.3,0.3,0.9,0,1.2c-0.3,0.3-0.9,0.3-1.2,0l-0.9-0.9c-0.9-0.9-1.3-2-1.3-3.2c0-1.2,0.5-2.3,1.3-3.2c1.8-1.8,4.6-1.8,6.4,0
+			c1.8,1.8,1.8,4.6,0,6.4L13.8,41.7c0.3,0.4,0.6,0.8,1,1.2l12.5-12.5c2.4-2.4,2.4-6.2,0-8.6c-1.1-1.1-2.7-1.8-4.3-1.8
+			c-1.6,0-3.1,0.6-4.3,1.8c-1.1,1.1-1.8,2.7-1.8,4.3c0,1.6,0.6,3.1,1.8,4.3l0.9,0.9c0.3,0.3,0.3,0.9,0,1.2c-0.3,0.3-0.9,0.3-1.2,0
+			l-0.9-0.9c-1.5-1.5-2.3-3.4-2.3-5.5s0.8-4,2.3-5.5c1.5-1.5,3.4-2.3,5.5-2.3c2.1,0,4,0.8,5.5,2.3c0.6,0.6,1.1,1.3,1.4,2
+			c0.4-0.7,0.8-1.4,1.4-2c3-3,7.9-3,10.9,0c1.5,1.5,2.3,3.4,2.3,5.5s-0.8,4-2.3,5.5L30.6,43.2c-0.1,0.1-0.1,0.1-0.2,0.1c0,0,0,0,0,0
+			c-0.2,0.2-0.4,0.2-0.6,0.2s-0.4-0.1-0.6-0.2L24,38.2c-0.3-0.3-0.3-0.9,0-1.2c0.3-0.3,0.9-0.3,1.2,0l4.6,4.6l11.2-11.2
+			c1.1-1.1,1.8-2.7,1.8-4.3c0-1.6-0.6-3.1-1.8-4.3c-2.4-2.4-6.2-2.4-8.6,0c-1.1,1.1-1.8,2.7-1.8,4.3c0,1.6,0.6,3.1,1.8,4.3l0.9,0.9
+			c0.3,0.3,0.3,0.9,0,1.2c-0.3,0.3-0.9,0.3-1.2,0l-0.9-0.9c-0.6-0.6-1.1-1.3-1.4-2c-0.4,0.7-0.8,1.4-1.4,2L15.9,44.2
+			C19.5,47.8,24.5,50,30,50c5.5,0,10.4-2.2,14-5.7L37.9,38.2z M26.3,34.7c0.3-0.3,0.9-0.3,1.2,0l2.4,2.4l8.9-8.9c1.1-1.1,1.1-2.9,0-4
+			c-0.5-0.5-1.3-0.8-2-0.8c-0.8,0-1.5,0.3-2,0.8c-1.1,1.1-1.1,2.9,0,4l0.9,0.9c0.3,0.3,0.3,0.9,0,1.2c-0.3,0.3-0.9,0.3-1.2,0
+			l-0.9-0.9c-1.8-1.8-1.8-4.6,0-6.4c0.9-0.9,2-1.3,3.2-1.3c1.2,0,2.3,0.5,3.2,1.3c1.8,1.8,1.8,4.6,0,6.4l-9.5,9.5
+			C30.4,39,30.1,39,29.9,39c0,0,0,0-0.1,0c0,0,0,0-0.1,0c-0.2,0-0.4-0.1-0.6-0.2l-2.9-2.9C26,35.6,26,35,26.3,34.7z"/>
+	</g>
+	<g>
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="2.5" y1="30" x2="57.5" y2="30">
+			<stop  offset="0" style="stop-color:#FFFFFF"/>
+			<stop  offset="4.884046e-02" style="stop-color:#F1F7F6"/>
+			<stop  offset="0.3084" style="stop-color:#ACD1C9"/>
+			<stop  offset="0.5425" style="stop-color:#75B2A5"/>
+			<stop  offset="0.743" style="stop-color:#4E9C8B"/>
+			<stop  offset="0.9021" style="stop-color:#368F7B"/>
+			<stop  offset="1" style="stop-color:#2D8A75"/>
+		</linearGradient>
+		<circle class="st2" cx="30" cy="30" r="25"/>
+		<animateTransform
+				attributeType="xml"
+				attributeName="transform"
+				type="rotate"
+				from="0 30 30"
+				to="360 30 30"
+				dur="5s"
+				repeatCount="indefinite"
+			/>
+	</g>
+</svg>

package/dist/components/statistics/circle.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="50" cy="50" r="50" fill="#358b76"/>
+</svg>

package/dist/components/statistics/statistics.d.ts

@@ -9,5 +9,5 @@ export interface StatisticsProps extends React.HTMLProps<HTMLDivElement> {
     title: string;
     dark?: boolean;
 }
-declare function Statistics({ title, stats, className, dark, ...rest }: StatisticsProps): JSX.Element;
+declare function Statistics({ title, stats, className, dark, ...rest }: StatisticsProps): React.JSX.Element;
 export default Statistics;

package/dist/components/statistics/statistics.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const StatisticsStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/switch/switch-v2.d.ts

@@ -4,5 +4,5 @@ interface SwitchV2Props {
     onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
     color?: string;
 }
-declare const SwitchV2: ({ checked, onChange, color }: SwitchV2Props) => JSX.Element;
+declare const SwitchV2: ({ checked, onChange, color }: SwitchV2Props) => React.JSX.Element;
 export default SwitchV2;

package/dist/components/switch/switch.d.ts

@@ -10,5 +10,5 @@ export interface SwitchProps extends Omit<MDCSwitchProps, "ref" | "color"> {
     disabled?: boolean;
     onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
 }
-declare const Switch: ({ id, label, color, className, ...rest }: SwitchProps) => JSX.Element;
+declare const Switch: ({ id, label, color, className, ...rest }: SwitchProps) => React.JSX.Element;
 export default Switch;

package/dist/components/switch/switch.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,25 +6,25 @@ declare const _default: {
 };
 export default _default;
 export declare const SwitchDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SwitchWithLabel: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SwitchDisabled: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SwitchV2Story: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/table/partner-monthly-table.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-export declare type ColumnTableProps = {
+export type ColumnTableProps = {
     key: string;
-    label: string;
+    label: string | React.ReactNode;
     align: "center" | "left" | "right";
     rowPrefixIcon?: string;
     renderCell: (item: any) => React.ReactNode;
@@ -12,6 +12,8 @@ export interface PartnerMonthlyTableProps {
     title?: string;
     tooltip?: string;
     customBottomRow?: React.ReactNode;
+    onClickRow?: (item: any, rowIndex: number) => void;
+    getBackgroundRow?: (item: any, rowIndex: number) => string;
 }
-declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, customBottomRow, }: PartnerMonthlyTableProps) => JSX.Element;
+declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, customBottomRow, onClickRow, getBackgroundRow, }: PartnerMonthlyTableProps) => React.JSX.Element;
 export default PartnerMonthlyTable;

package/dist/components/table/partner-monthly-table.stories.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
     decorators: ((...args: any) => any)[];
 };
 export default _default;
 export declare const PartnerMonthlyTableStories: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const PartnerMonthlyTableStories2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/table/question-circle.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z" fill="#efefef"/>
+</svg>

package/dist/components/tabs/nav-tabs.d.ts

@@ -14,5 +14,5 @@ interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndex
     isCompactHeight?: boolean;
     isDark?: boolean;
 }
-declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, isDark, ...props }: TabsProps): JSX.Element;
+declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, isDark, ...props }: TabsProps): React.JSX.Element;
 export default NavTabs;

package/dist/components/tabs/tab-text-label.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 interface TabTextLabelProps {
     children?: React.ReactNode;
 }
-declare function TabTextLabel({ children }: TabTextLabelProps): JSX.Element;
+declare function TabTextLabel({ children }: TabTextLabelProps): React.JSX.Element;
 export default TabTextLabel;

package/dist/components/tabs/tabs.d.ts

@@ -13,5 +13,5 @@ interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndex
     onActiveUpdate: (key: string) => void;
     isCompactHeight?: boolean;
 }
-declare function Tabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, ...props }: TabsProps): JSX.Element;
+declare function Tabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, ...props }: TabsProps): React.JSX.Element;
 export default Tabs;

package/dist/components/tabs/tabs.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 import "./tabs.scss";
 declare const _default: {
@@ -7,7 +7,7 @@ declare const _default: {
 };
 export default _default;
 export declare const tabs: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/text/text.d.ts

@@ -1,10 +1,9 @@
 import React from "react";
 import { ColorSpecifier } from "../../theme/theme";
 import { BoxProps } from "../layout/box";
-declare type TextKind = "display1" | "display2" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "sub" | "small" | "fine" | "span";
-declare type TextElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "small" | "span";
-declare type AlignType = "left" | "right" | "center" | "justify" | "justify-all" | "start" | "end" | "match-parent";
-declare type TextTypes = HTMLElement | HTMLHeadingElement;
+type TextKind = "display1" | "display2" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "sub" | "small" | "fine" | "span";
+type TextElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "small" | "span";
+type AlignType = "left" | "right" | "center" | "justify" | "justify-all" | "start" | "end" | "match-parent";
 interface TextProps extends Omit<BoxProps, "span" | "color"> {
     elem?: TextElement;
     kind?: TextKind;
@@ -27,5 +26,5 @@ interface TextProps extends Omit<BoxProps, "span" | "color"> {
     small?: boolean;
     span?: boolean;
 }
-declare const Text: React.ForwardRefExoticComponent<Pick<TextProps, "bold" | "small" | "strike" | "max" | "required" | "low" | "high" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "font" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "italic" | "invert" | "underline" | "multiple" | "key" | "children" | "list" | "step" | "value" | "muted" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "min" | "minLength" | "name" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "type" | "useMap" | "width" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ma" | "mv" | "mh" | "mt" | "mr" | "mb" | "ml" | "pa" | "pv" | "ph" | "pt" | "pb" | "pl" | "pr" | "elem" | "align"> & React.RefAttributes<TextTypes>>;
+declare const Text: React.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React.RefAttributes<HTMLElement | HTMLHeadingElement>>;
 export default Text;

package/dist/components/text/text.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,38 +6,38 @@ declare const _default: {
 };
 export default _default;
 export declare const TextStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
         decorators: (typeof CenterDecorator)[];
     };
 };
 export declare const kinds: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const titles: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const paras: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const modifiers: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const textArticle: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/text-field/text-field-helper-text.d.ts

@@ -4,5 +4,5 @@ export interface HelperTextProps extends Omit<MDCHelperTextProps, "children"> {
     error?: string;
     children?: React.ReactNode;
 }
-declare function HelperText({ error, children, ...props }: HelperTextProps): JSX.Element;
+declare function HelperText({ error, children, ...props }: HelperTextProps): React.JSX.Element;
 export default HelperText;

package/dist/components/text-field/text-field-search.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
+import React from "react";
 interface TextFieldSearchProps {
     value?: string;
     onChange: (value: string) => void;
     onSubmit: () => void;
     placeholder?: string;
+    isFocus?: boolean;
 }
-declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, }: TextFieldSearchProps): JSX.Element;
+declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, isFocus, }: TextFieldSearchProps): React.JSX.Element;
 export default TextFieldSearch;

package/dist/components/text-field/text-field.d.ts

@@ -20,6 +20,7 @@ export interface TextFieldProps extends Omit<React.HTMLProps<HTMLInputElement>,
     className?: string;
     required?: boolean;
     color?: string;
+    outlined?: boolean;
     onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
 }
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;