@mycause/ui 0.0.0-ce6bcb59 → 0.0.0-ce81cb12

package/dist/components/phone-number-input/phone-number-input.stories.d.ts

@@ -11,3 +11,27 @@ export declare const PhoneNumberInputStory: {
         name: string;
     };
 };
+export declare const PhoneNumberInputDisableStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PhoneInputStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PhoneNumberInputV2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PhoneNumberInputStoryV1: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -1,2 +1,4 @@
 export { default as Select } from "./select";
+export { default as SelectEnhanced } from "./select-enhanced";
 export { default as SelectHelperText } from "./select-helper-text";
+export { default as SelectV2 } from "./select-v2";

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

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

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

@@ -0,0 +1,26 @@
+import React from "react";
+export declare type SelectOption = {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+};
+export interface SelectProps {
+    label?: string;
+    value: string | number;
+    onChange: (value: string) => void;
+    externalLabel?: boolean;
+    large?: boolean;
+    options: Array<SelectOption>;
+    leadingIcon?: React.ReactElement;
+    helperText?: string | null;
+    isHelperTextPersistent?: boolean;
+    noArrow?: boolean;
+    color?: string;
+    asteriskColor?: string;
+    itemHoverColor?: string;
+    error?: boolean | string;
+    trailingIcon?: React.ReactElement;
+    bgColor?: string;
+}
+declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, trailingIcon, bgColor, }: SelectProps) => JSX.Element;
+export default SelectV2;

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

@@ -5,7 +5,7 @@ export declare type SelectOption = {
     label?: string;
     disabled?: boolean;
 };
-export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "ref" | "children" | "options" | "outlined" | "helperText" | "dense"> {
+export interface SelectProps extends Omit<MDCSelectProps, "ref" | "children" | "options" | "outlined" | "helperText" | "dense"> {
     label?: string;
     value: string;
     onChange: (e: React.FormEvent) => void;
@@ -17,7 +17,9 @@ export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "
     isHelperTextPersistent?: boolean;
     noArrow?: boolean;
     color?: string;
+    asteriskColor?: string;
     error?: boolean | string;
+    customTrailingIcon?: boolean;
 }
-declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, ...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) => JSX.Element;
 export default Select;

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

@@ -10,3 +10,15 @@ export declare const SelectStory: {
         name: string;
     };
 };
+export declare const SelectStoryV2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const SelectEnhancedStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -1 +1,2 @@
 export { default as Switch } from "./switch";
+export { default as SwitchV2 } from "./switch-v2";

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

@@ -0,0 +1,8 @@
+import React from "react";
+interface SwitchV2Props {
+    checked?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    color?: string;
+}
+declare const SwitchV2: ({ checked, onChange, color }: SwitchV2Props) => JSX.Element;
+export default SwitchV2;

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

@@ -23,3 +23,9 @@ export declare const SwitchDisabled: {
         name: string;
     };
 };
+export declare const SwitchV2Story: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -11,6 +11,7 @@ export interface PartnerMonthlyTableProps {
     data: Array<object>;
     title?: string;
     tooltip?: string;
+    customBottomRow?: React.ReactNode;
 }
-declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, }: PartnerMonthlyTableProps) => JSX.Element;
+declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, customBottomRow, }: PartnerMonthlyTableProps) => JSX.Element;
 export default PartnerMonthlyTable;

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

@@ -4,6 +4,7 @@ interface TextFieldSearchProps {
     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): JSX.Element;
 export default TextFieldSearch;

package/dist/components/toast/Icons.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Icons: {
+    close: (props: any) => JSX.Element;
+    error: (props: any) => JSX.Element;
+    warning: () => JSX.Element;
+};
+export default Icons;

package/dist/components/toast/index.d.ts

@@ -0,0 +1 @@
+export { default as Toast } from "./toast";

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ToastContainerProps } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+export interface ToastProps extends ToastContainerProps {
+    color?: string;
+}
+declare function Toast({ ...props }: ToastProps): JSX.Element;
+export default Toast;

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

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

package/dist/components/transaction-card/Dot.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface DotProps {
+    color: string;
+}
+export declare function Dot(props: DotProps): JSX.Element;
+export {};

package/dist/components/transaction-card/index.d.ts

@@ -0,0 +1 @@
+export { default as TransactionCard } from "./transaction-card";

package/dist/components/transaction-card/transaction-card.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface TransactionCardProps {
+    className?: string;
+    amount?: React.ReactNode | string;
+    recipient?: React.ReactNode | string;
+    receiptNo?: React.ReactNode | string;
+    details?: React.ReactNode | string;
+    tax?: React.ReactNode | string;
+    date?: React.ReactNode | string;
+    statusAsText?: React.ReactNode | string;
+    action?: React.ReactNode | string;
+    onClick?: () => void;
+}
+declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, }: TransactionCardProps) => JSX.Element;
+export default TransactionCard;

package/dist/components/transaction-card/transaction-card.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, }: import("./transaction-card").TransactionCardProps) => JSX.Element;
+};
+export default _default;
+export declare const TransactionCardStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const RegistrationCard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/uploader/Icons.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Icons: {
+    upload: (props?: {}) => JSX.Element;
+    remove: (props?: {}) => JSX.Element;
+};
+export default Icons;

package/dist/components/uploader/index.d.ts

@@ -1 +1,2 @@
 export { default as Uploader } from "./uploader";
+export { default as UploadAndCropper } from "./uploadAndCropper";

package/dist/components/uploader/uploadAndCropper.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface UploadAndCropperProps {
+    imageDefault: string;
+    width?: number;
+    border?: number;
+    borderRadius?: number;
+    color?: Array<number> | undefined;
+    handleOnRemove?: () => void;
+    imagePreview?: string;
+    setImagePreview?: (e: any) => void;
+}
+declare const UploadAndCropper: ({ width, border, borderRadius, color, handleOnRemove, imagePreview, setImagePreview, }: UploadAndCropperProps) => JSX.Element;
+export default UploadAndCropper;