@mycause/ui 0.0.0-c95986c1 → 0.0.0-c990b2fc

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## 0.18.11
+
+###### Wed, 12 Jun 2024
+
+- Create inputSocial
+- Create switchV2
+
+## 0.18.10
+
+###### Mon, 03 Jun 2024
+
+- Update transaction card.
+
+## 0.18.9
+
+###### Tue, 16 Apr 2024
+
+- CustomHeaderSingleDatePicker
+  - custom single date picker with header select month, year
+- Create select v2
+
 ## 0.18.8
 
 ###### Fri, 15 Mar 2024

package/dist/components/credit-card-form/CreditCardForm.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare type FormValuesProps = {
+    number: string;
+    name: string;
+    expiry: string;
+    cvc: string;
+};
+declare type CreditCardFormProps = {
+    formValues: FormValuesProps;
+    setFormValues: (values: FormValuesProps) => void;
+};
+declare function CreditCardForm({ formValues, setFormValues }: CreditCardFormProps): JSX.Element;
+export default CreditCardForm;

package/dist/components/credit-card-form/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/credit-card-form/credit-card.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/credit-card-form/index.d.ts

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

package/dist/components/credit-card-form/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/date-picker/single-date-picker.d.ts

@@ -20,6 +20,7 @@ export interface DatePickerProps {
     label?: string;
     width?: string;
     isOutsideRange?: () => boolean;
+    showDefaultInputIcon?: boolean;
 }
 declare const CustomSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, ...rest }: DatePickerProps) => JSX.Element;
 export default CustomSingleDatePicker;

package/dist/components/index.d.ts

@@ -58,3 +58,4 @@ export * from "./input";
 export * from "./my-account-frp-closed";
 export * from "./transaction-card";
 export * from "./toast";
+export * from "./input-social";

package/dist/components/input-social/Icons.d.ts

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

package/dist/components/input-social/InputSocial.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface InputSocialProps {
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    value?: string | Array<string> | number;
+    error?: string | null | boolean;
+    disable?: boolean;
+    name?: string;
+    icon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+}
+declare const InputSocial: ({ placeholder, value, onChange, error, disable, name, icon, }: InputSocialProps) => JSX.Element;
+export default InputSocial;

package/dist/components/input-social/index.d.ts

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

package/dist/components/input-social/input-social.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 InputExample: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -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) => JSX.Element;
 export default SelectV2;

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

@@ -1,7 +1,7 @@
 import React from "react";
 export declare 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) => 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) => 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/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>>;

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

@@ -1,14 +1,16 @@
 import React from "react";
 export interface TransactionCardProps {
     className?: string;
-    amount?: string;
-    recipient?: string;
-    receiptNo?: string;
-    details?: string;
-    tax?: string;
-    date?: string;
-    action?: React.ReactNode;
+    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;
+    notShowIcon?: boolean;
 }
-declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, action, onClick, }: TransactionCardProps) => JSX.Element;
+declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, notShowIcon, }: TransactionCardProps) => JSX.Element;
 export default TransactionCard;

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

@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, amount, recipient, receiptNo, details, tax, date, action, onClick, }: import("./transaction-card").TransactionCardProps) => JSX.Element;
+    component: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, notShowIcon, }: import("./transaction-card").TransactionCardProps) => JSX.Element;
 };
 export default _default;
 export declare const TransactionCardStory: {
@@ -12,3 +12,9 @@ export declare const TransactionCardStory: {
         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/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;