@mycause/ui 1.0.7 → 1.0.9

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+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) => React.JSX.Element;
+};
+export default _default;
+export declare const progressbar: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const progressbarCircle: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as Radio } from "./radio";
+export { default as RadioGroup } from "./radio-group";

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

@@ -0,0 +1,16 @@
+import React from "react";
+interface RadioGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, "wrap"> {
+    name?: string;
+    value?: string;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent) => void;
+    onFocus?: (e: React.FocusEvent) => void;
+    disabled?: boolean;
+    options: Array<{
+        value: string;
+        label: string;
+        disabled?: boolean;
+    }>;
+}
+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

@@ -0,0 +1,13 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const RadioGroupStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { RadioProps as MDCRadioProps } from "@material/react-radio";
+import { ColorSpecifier } from "../../theme/theme";
+export interface RadioProps extends Omit<MDCRadioProps, "initRipple" | "color" | "ref" | "children"> {
+    id?: string;
+    wrapperClasses?: string;
+    color?: ColorSpecifier;
+    label?: string;
+    className?: string;
+    checked?: boolean;
+    value?: string;
+    disabled?: boolean;
+    name?: string;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+}
+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

@@ -0,0 +1,25 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const RadioExample: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const RadioLabelExample: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const RadioDisabledExample: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +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,24 @@
+import React from "react";
+import { SelectProps as MDCSelectProps, SelectHelperTextProps } from "@material/react-select";
+export 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;
+    outlined?: boolean;
+}
+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

@@ -0,0 +1,7 @@
+import React from "react";
+import { SelectHelperTextProps as MaterialSelectHelperTextProps } from "@material/react-select";
+interface SelectHelperTextProps extends Omit<MaterialSelectHelperTextProps, "ref"> {
+    children?: React.ReactNode;
+}
+declare function SelectHelperText(props: SelectHelperTextProps): React.JSX.Element;
+export default SelectHelperText;

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

@@ -0,0 +1,27 @@
+import React from "react";
+export 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;
+    colorError?: string;
+}
+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

@@ -0,0 +1,25 @@
+import React from "react";
+import { SelectProps as MDCSelectProps, SelectHelperTextProps } from "@material/react-select";
+export type SelectOption = {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+};
+export interface SelectProps extends Omit<MDCSelectProps, "ref" | "children" | "options" | "outlined" | "helperText" | "dense"> {
+    label?: string;
+    value: string;
+    onChange: (e: React.FormEvent) => 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;
+    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, asteriskColor, customTrailingIcon, ...rest }: SelectProps) => React.JSX.Element;
+export default Select;

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const SpinnerStoriesDefault: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const SpinnerOrangeStories: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/start-campaign-card/index.d.ts

@@ -0,0 +1 @@
+export { default as StartCampaignCard } from "./start-campaign-card";

package/dist/components/start-campaign-card/start-campaign-card.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface StartCampaignCardProps {
+    className?: string;
+    title?: string;
+    description?: string;
+}
+declare const StartCampaignCard: ({ className, title, description, }: StartCampaignCardProps) => React.JSX.Element;
+export default StartCampaignCard;

package/dist/components/start-campaign-card/start-campaign-card.stories.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, title, description, }: import("./start-campaign-card").StartCampaignCardProps) => React.JSX.Element;
+};
+export default _default;
+export declare const startcampaincard: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

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

@@ -0,0 +1,13 @@
+import React from "react";
+export interface StatisticsProps extends React.HTMLProps<HTMLDivElement> {
+    stats: Array<{
+        id: string;
+        label: string;
+        value: string;
+        logo: string;
+    }>;
+    title: string;
+    dark?: boolean;
+}
+declare function Statistics({ title, stats, className, dark, ...rest }: StatisticsProps): React.JSX.Element;
+export default Statistics;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const StatisticsStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +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) => React.JSX.Element;
+export default SwitchV2;

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { SwitchProps as MDCSwitchProps } from "@material/react-switch";
+import { ColorSpecifier } from "../../theme/theme";
+export interface SwitchProps extends Omit<MDCSwitchProps, "ref" | "color"> {
+    id?: string;
+    color?: ColorSpecifier;
+    label?: string;
+    className?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+}
+declare const Switch: ({ id, label, color, className, ...rest }: SwitchProps) => React.JSX.Element;
+export default Switch;

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

@@ -0,0 +1,31 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const SwitchDefault: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const SwitchWithLabel: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const SwitchDisabled: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const SwitchV2Story: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as PartnerMonthlyTable } from "./partner-monthly-table";

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

@@ -0,0 +1,19 @@
+import React from "react";
+export type ColumnTableProps = {
+    key: string;
+    label: string | React.ReactNode;
+    align: "center" | "left" | "right";
+    rowPrefixIcon?: string;
+    renderCell: (item: any) => React.ReactNode;
+};
+export interface PartnerMonthlyTableProps {
+    columns: Array<ColumnTableProps>;
+    data: Array<object>;
+    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, onClickRow, getBackgroundRow, }: PartnerMonthlyTableProps) => React.JSX.Element;
+export default PartnerMonthlyTable;

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

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

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

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

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { TabBarProps } from "./tab-bar";
+import { TabProps } from "./tab";
+interface TabOptions extends Omit<TabProps, "children" | "label"> {
+    key: string;
+    label: React.ReactNode;
+}
+interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndexUpdate" | "children"> {
+    tabs: Array<TabOptions & {
+        hidden?: boolean;
+    }>;
+    active?: string | null;
+    onActiveUpdate: (key: string) => void;
+    isCompactHeight?: boolean;
+    isDark?: boolean;
+}
+declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, isDark, ...props }: TabsProps): React.JSX.Element;
+export default NavTabs;

package/dist/components/tabs/tab-bar.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { TabBarProps as MDCTabBarProps } from "@material/react-tab-bar";
+export interface TabBarProps extends MDCTabBarProps {
+    large?: boolean;
+    isMinWidth?: boolean;
+    isMinWidthIndicator?: boolean;
+}
+declare const TabBar: React.ForwardRefExoticComponent<TabBarProps & React.RefAttributes<HTMLElement>>;
+export default TabBar;

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

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

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

@@ -0,0 +1,11 @@
+import React from "react";
+import MDCTab, { TabProps as MDCTabProps } from "@material/react-tab";
+export interface TabProps extends Omit<MDCTabProps, "ref"> {
+    children: React.ReactNode;
+    isMinWidth?: boolean;
+    isCompactHeight?: boolean;
+    className?: string;
+    analyticsId?: string;
+}
+declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<MDCTab>>;
+export default Tab;

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { TabBarProps } from "./tab-bar";
+import { TabProps } from "./tab";
+interface TabOptions extends Omit<TabProps, "children" | "label"> {
+    key: string;
+    label: React.ReactNode;
+}
+interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndexUpdate" | "children"> {
+    tabs: Array<TabOptions & {
+        hidden?: boolean;
+    }>;
+    active?: string | null;
+    onActiveUpdate: (key: string) => void;
+    isCompactHeight?: boolean;
+}
+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

@@ -0,0 +1,14 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+import "./tabs.scss";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const tabs: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

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

@@ -0,0 +1,30 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+import { BoxProps } from "../layout/box";
+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;
+    children?: React.ReactNode;
+    font?: string;
+    align?: AlignType;
+    underline?: boolean;
+    strike?: boolean;
+    bold?: boolean;
+    italic?: boolean;
+    color?: ColorSpecifier;
+    invert?: boolean;
+    h1?: boolean;
+    h2?: boolean;
+    h3?: boolean;
+    h4?: boolean;
+    h5?: boolean;
+    h6?: boolean;
+    p?: boolean;
+    small?: boolean;
+    span?: boolean;
+}
+declare const Text: React.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React.RefAttributes<HTMLElement | HTMLHeadingElement>>;
+export default Text;

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

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

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

@@ -0,0 +1,3 @@
+export { default as TextField } from "./text-field";
+export { default as TextFieldSearch } from "./text-field-search";
+export { default as TextFieldHelperText } from "./text-field-helper-text";

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { HelperTextProps as MDCHelperTextProps } from "@material/react-text-field";
+export interface HelperTextProps extends Omit<MDCHelperTextProps, "children"> {
+    error?: string;
+    children?: React.ReactNode;
+}
+declare function HelperText({ error, children, ...props }: HelperTextProps): React.JSX.Element;
+export default HelperText;

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

@@ -0,0 +1,10 @@
+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, isFocus, }: TextFieldSearchProps): React.JSX.Element;
+export default TextFieldSearch;