@mycause/ui 1.0.11 → 1.0.13

package/dist/components/charity-tags-filter-button/charity-tags-filter-button.d.ts

@@ -1,36 +1,36 @@
-import React from "react";
-export type CharityTagsSelected = {
-    locations: Array<string>;
-    categories: Array<number>;
-};
-export interface CharityTagsFilterButtonProps {
-    btnIcon?: React.ReactNode;
-    btnText?: React.ReactNode;
-    states: Array<{
-        id: number | string;
-        name: string;
-    }>;
-    categories: Array<{
-        id: number | string;
-        name: string;
-    }>;
-    onChange: (tagSelected: CharityTagsSelected) => void;
-    className?: string;
-    classNameBtn?: string;
-    buttonStyle?: object;
-    activeButtonColor?: string;
-    buttonColor?: string;
-    classNameFilterLayout?: string;
-    checkBoxStyle?: {
-        foreground: string;
-        background: string;
-    };
-    activeColor?: string;
-    maxStatesSelected?: number;
-    maxCategoriesSelected?: number;
-    tagsSelected: CharityTagsSelected;
-    heightButton?: string;
-    isSurface?: boolean;
-}
-declare const CharityTagsFilterButton: ({ btnIcon, btnText, states, categories, onChange, className, classNameBtn, buttonStyle, activeButtonColor, buttonColor, classNameFilterLayout, checkBoxStyle, activeColor, maxStatesSelected, maxCategoriesSelected, tagsSelected, heightButton, isSurface, }: CharityTagsFilterButtonProps) => React.JSX.Element;
-export default CharityTagsFilterButton;
+import React from "react";
+export type CharityTagsSelected = {
+    locations: Array<string>;
+    categories: Array<number>;
+};
+export interface CharityTagsFilterButtonProps {
+    btnIcon?: React.ReactNode;
+    btnText?: React.ReactNode;
+    states: Array<{
+        id: number | string;
+        name: string;
+    }>;
+    categories: Array<{
+        id: number | string;
+        name: string;
+    }>;
+    onChange: (tagSelected: CharityTagsSelected) => void;
+    className?: string;
+    classNameBtn?: string;
+    buttonStyle?: object;
+    activeButtonColor?: string;
+    buttonColor?: string;
+    classNameFilterLayout?: string;
+    checkBoxStyle?: {
+        foreground: string;
+        background: string;
+    };
+    activeColor?: string;
+    maxStatesSelected?: number;
+    maxCategoriesSelected?: number;
+    tagsSelected: CharityTagsSelected;
+    heightButton?: string;
+    isSurface?: boolean;
+}
+declare const CharityTagsFilterButton: ({ btnIcon, btnText, states, categories, onChange, className, classNameBtn, buttonStyle, activeButtonColor, buttonColor, classNameFilterLayout, checkBoxStyle, activeColor, maxStatesSelected, maxCategoriesSelected, tagsSelected, heightButton, isSurface, }: CharityTagsFilterButtonProps) => React.JSX.Element;
+export default CharityTagsFilterButton;

package/dist/components/charity-tags-filter-button/charity-tags-filter-button.stories.d.ts

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

package/dist/components/charity-tags-filter-button/index.d.ts

@@ -1 +1 @@
-export { default as CharityTagsFilterButton } from "./charity-tags-filter-button";
+export { default as CharityTagsFilterButton } from "./charity-tags-filter-button";

package/dist/components/checkbox/checkbox.d.ts

@@ -1,16 +1,16 @@
-import React from "react";
-import { ColorSpecifier } from "../../theme/theme";
-import { CheckboxProps as MDCCheckboxProps } from "@material/react-checkbox";
-export interface CheckboxProps extends Omit<MDCCheckboxProps, "initRipple" | "unbounded"> {
-    id?: string;
-    name?: string;
-    label?: React.ReactNode;
-    color?: ColorSpecifier;
-    checked?: boolean;
-    disabled?: boolean;
-    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
-    indeterminate?: boolean;
-    className?: string;
-}
-declare const Checkbox: ({ id, label, color, checked, className, ...rest }: CheckboxProps) => React.JSX.Element;
-export default Checkbox;
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+import { CheckboxProps as MDCCheckboxProps } from "@material/react-checkbox";
+export interface CheckboxProps extends Omit<MDCCheckboxProps, "initRipple" | "unbounded"> {
+    id?: string;
+    name?: string;
+    label?: React.ReactNode;
+    color?: ColorSpecifier;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    indeterminate?: boolean;
+    className?: string;
+}
+declare const Checkbox: ({ id, label, color, checked, className, ...rest }: CheckboxProps) => React.JSX.Element;
+export default Checkbox;

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

@@ -1,25 +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 CheckBoxStoriesDefault: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const CheckBoxStoriesLabel: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const CheckBoxStoriesDisabled: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const CheckBoxStoriesDefault: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const CheckBoxStoriesLabel: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const CheckBoxStoriesDisabled: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -1 +1 @@
-export { default as Checkbox } from "./checkbox";
+export { default as Checkbox } from "./checkbox";

package/dist/components/chips/chip.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-import { ChipProps as MDCChipProps } from "@material/react-chips";
-import { IconProps } from "../icon/icon";
-export interface ChipProps extends Omit<MDCChipProps, "ref" | "initRipple" | "leadingIcon" | "trailingIcon"> {
-    leadingIcon?: React.ReactElement<IconProps>;
-    trailingIcon?: React.ReactElement<IconProps>;
-}
-declare function Chip({ className, leadingIcon, trailingIcon, ...props }: ChipProps): React.JSX.Element;
-declare namespace Chip {
-    var defaultProps: Partial<Pick<MDCChipProps, "label" | "selected" | "id" | "onClick" | "onTransitionEnd" | "trailingIcon" | "handleSelect" | "leadingIcon" | "handleRemove" | "handleInteraction" | "handleTrailingIconInteraction" | "chipCheckmark" | "shouldRemoveOnTrailingIconClick"> & import("@material/react-ripple").RippledComponentProps<HTMLDivElement>> | undefined;
-}
-export default Chip;
+import React from "react";
+import { ChipProps as MDCChipProps } from "@material/react-chips";
+import { IconProps } from "../icon/icon";
+export interface ChipProps extends Omit<MDCChipProps, "ref" | "initRipple" | "leadingIcon" | "trailingIcon"> {
+    leadingIcon?: React.ReactElement<IconProps>;
+    trailingIcon?: React.ReactElement<IconProps>;
+}
+declare function Chip({ className, leadingIcon, trailingIcon, ...props }: ChipProps): React.JSX.Element;
+declare namespace Chip {
+    var defaultProps: Partial<Pick<MDCChipProps, "label" | "selected" | "id" | "onClick" | "onTransitionEnd" | "trailingIcon" | "handleSelect" | "leadingIcon" | "handleRemove" | "handleInteraction" | "handleTrailingIconInteraction" | "chipCheckmark" | "shouldRemoveOnTrailingIconClick"> & import("@material/react-ripple").RippledComponentProps<HTMLDivElement>> | undefined;
+}
+export default Chip;

package/dist/components/chips/chips.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-import { ChipSetProps } from "@material/react-chips";
-import { ChipProps } from "./chip";
-interface ChipsProps extends Omit<ChipSetProps, "ref" | "children"> {
-    value?: Array<string>;
-    onChange?: (ids: Array<string>) => void;
-    options?: Array<ChipProps>;
-    children?: ChipSetProps["children"];
-}
-declare function Chips({ value, onChange, options, children, ...rest }: ChipsProps): React.JSX.Element;
-export default Chips;
+import React from "react";
+import { ChipSetProps } from "@material/react-chips";
+import { ChipProps } from "./chip";
+interface ChipsProps extends Omit<ChipSetProps, "ref" | "children"> {
+    value?: Array<string>;
+    onChange?: (ids: Array<string>) => void;
+    options?: Array<ChipProps>;
+    children?: ChipSetProps["children"];
+}
+declare function Chips({ value, onChange, options, children, ...rest }: ChipsProps): React.JSX.Element;
+export default Chips;

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

@@ -1,25 +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 chips: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const ChoiceChips: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const FilterChips: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const chips: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const ChoiceChips: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const FilterChips: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -1,3 +1,3 @@
-export { default as Chips } from "./chips";
-export { default as InputChips } from "./input-chips";
-export { default as Chip } from "./chip";
+export { default as Chips } from "./chips";
+export { default as InputChips } from "./input-chips";
+export { default as Chip } from "./chip";

package/dist/components/chips/input-chips.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-import { ChipSetProps, ChipProps } from "@material/react-chips";
-interface ChipsProps extends Omit<ChipSetProps, "ref" | "children"> {
-    onChange?: (ids: Array<string>) => void;
-    options?: Array<ChipProps>;
-    children: Array<React.ReactElement<ChipProps>> | React.ReactElement<ChipProps>;
-}
-/**
- * A form control for adding and removing items to a set.
- */
-declare function InputChips({ onChange, ...rest }: ChipsProps): React.JSX.Element;
-export default InputChips;
+import React from "react";
+import { ChipSetProps, ChipProps } from "@material/react-chips";
+interface ChipsProps extends Omit<ChipSetProps, "ref" | "children"> {
+    onChange?: (ids: Array<string>) => void;
+    options?: Array<ChipProps>;
+    children: Array<React.ReactElement<ChipProps>> | React.ReactElement<ChipProps>;
+}
+/**
+ * A form control for adding and removing items to a set.
+ */
+declare function InputChips({ onChange, ...rest }: ChipsProps): React.JSX.Element;
+export default InputChips;

package/dist/components/chips/input-chips.stories.d.ts

@@ -1,13 +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 function InputChipsStory(): React.JSX.Element;
-export declare namespace InputChipsStory {
-    var story: {
-        name: string;
-    };
-}
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare function InputChipsStory(): React.JSX.Element;
+export declare namespace InputChipsStory {
+    var story: {
+        name: string;
+    };
+}

package/dist/components/collapse/collapse.d.ts

@@ -1,19 +1,21 @@
-import React from "react";
-export interface ActionCollapse {
-    completeText?: string;
-    deleteText?: string;
-    onComplete?: () => void;
-    onDelete?: () => void;
-    noCompleteButton?: boolean;
-    noDeleteButton?: boolean;
-}
-export interface CollapseProps {
-    hideCollapse?: boolean;
-    buttonAlign?: "center" | "left" | "right";
-    collapseText?: React.ReactNode;
-    expandedText?: React.ReactNode;
-    listActions?: Array<ActionCollapse>;
-    setWidth?: string;
-}
-declare const Collapse: ({ hideCollapse, buttonAlign, collapseText, expandedText, listActions, setWidth, }: CollapseProps) => React.JSX.Element;
-export default Collapse;
+import React from "react";
+export interface ActionCollapse {
+    completeText?: string;
+    deleteText?: string;
+    onComplete?: () => void;
+    onDelete?: () => void;
+    noCompleteButton?: boolean;
+    noDeleteButton?: boolean;
+}
+export interface CollapseProps {
+    hideCollapse?: boolean;
+    buttonAlign?: "center" | "left" | "right";
+    collapseText?: React.ReactNode;
+    expandedText?: React.ReactNode;
+    listActions?: Array<ActionCollapse>;
+    setWidth?: string;
+    isTimeoutEnabled?: boolean;
+    timeoutDuration?: number;
+}
+declare const Collapse: ({ hideCollapse, buttonAlign, collapseText, expandedText, listActions, setWidth, isTimeoutEnabled, timeoutDuration, }: CollapseProps) => React.JSX.Element;
+export default Collapse;

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

@@ -1,19 +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 CollapseStoriesDefault: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const CollapseStoriesHideButton: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const CollapseStoriesDefault: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const CollapseStoriesHideButton: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/collapse/icons.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-export declare const TrashCanIcon: (props: any) => React.JSX.Element;
-export declare const ChevronDownIcon: (props: any) => React.JSX.Element;
-export declare const ChevronUpIcon: (props: any) => React.JSX.Element;
-export declare const CloseIcon: (props: any) => React.JSX.Element;
+import React from "react";
+export declare const TrashCanIcon: (props: any) => React.JSX.Element;
+export declare const ChevronDownIcon: (props: any) => React.JSX.Element;
+export declare const ChevronUpIcon: (props: any) => React.JSX.Element;
+export declare const CloseIcon: (props: any) => React.JSX.Element;

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

@@ -1 +1 @@
-export { default as Collapse } from "./collapse";
+export { default as Collapse } from "./collapse";

package/dist/components/combo-field/combo-field-expander.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-interface ComboFieldExpander {
-    children: React.ReactElement;
-    className?: string;
-}
-/**
- * Makes a field in a combo-field expand to fill as
- * much size as it can.
- */
-declare function ComboFieldExpander({ children, className, ...props }: ComboFieldExpander): React.JSX.Element;
-export default ComboFieldExpander;
+import React from "react";
+interface ComboFieldExpander {
+    children: React.ReactElement;
+    className?: string;
+}
+/**
+ * Makes a field in a combo-field expand to fill as
+ * much size as it can.
+ */
+declare function ComboFieldExpander({ children, className, ...props }: ComboFieldExpander): React.JSX.Element;
+export default ComboFieldExpander;

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

@@ -1,21 +1,21 @@
-import React from "react";
-interface ComboFieldProps {
-    children: Array<React.ReactElement>;
-    className?: string;
-    large?: boolean;
-    buttonBorder?: boolean;
-    buttonFullWidth?: boolean;
-    align?: string;
-}
-/**
- * Combines several input controls to into one visually continuous
- * control
- *
- * Supports the following components:
- * - TextField
- * - Select
- * - Button
- * - IconButtonGroup
- */
-declare function ComboField({ children, className, large, buttonBorder, buttonFullWidth, align, ...rest }: ComboFieldProps): React.JSX.Element;
-export default ComboField;
+import React from "react";
+interface ComboFieldProps {
+    children: Array<React.ReactElement>;
+    className?: string;
+    large?: boolean;
+    buttonBorder?: boolean;
+    buttonFullWidth?: boolean;
+    align?: string;
+}
+/**
+ * Combines several input controls to into one visually continuous
+ * control
+ *
+ * Supports the following components:
+ * - TextField
+ * - Select
+ * - Button
+ * - IconButtonGroup
+ */
+declare function ComboField({ children, className, large, buttonBorder, buttonFullWidth, align, ...rest }: ComboFieldProps): React.JSX.Element;
+export default ComboField;

package/dist/components/combo-field/combo-field.stories.d.ts

@@ -1,19 +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 ComboFieldStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithIconButton: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const ComboFieldStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const WithIconButton: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -1,2 +1,2 @@
-export { default as ComboField } from "./combo-field";
-export { default as ComboFieldExpander } from "./combo-field-expander";
+export { default as ComboField } from "./combo-field";
+export { default as ComboFieldExpander } from "./combo-field-expander";

package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts

@@ -1,31 +1,31 @@
-import React from "react";
-import { SubCommentsV2Props } from "./sub-comments-v2";
-export type CommentTypeV2 = {
-    amount?: number | string;
-    claps?: 0 | 1;
-    comment?: string | null;
-    donationDate?: string | number;
-    firstName?: string;
-    id?: number;
-    isAnonymous?: boolean;
-    kisses?: 0 | 1;
-    lastName?: string;
-    likes?: 0 | 1;
-    message?: string;
-    prays?: 1 | 0;
-    profileImage?: string | null;
-    tears?: 0 | 1;
-    thumbs?: 0 | 1;
-    userId?: number | string | null;
-    campaignCreator?: string;
-    subComment?: Array<SubCommentsV2Props>;
-};
-export declare const checkLastElement: (key: number, itemLength: number) => boolean;
-interface ComboFieldProps {
-    comments: Array<CommentTypeV2 & {
-        subComment?: Array<CommentTypeV2>;
-    }>;
-    showMore?: () => void;
-}
-declare const CommentSectionV2: ({ comments, showMore }: ComboFieldProps) => React.JSX.Element;
-export default CommentSectionV2;
+import React from "react";
+import { SubCommentsV2Props } from "./sub-comments-v2";
+export type CommentTypeV2 = {
+    amount?: number | string;
+    claps?: 0 | 1;
+    comment?: string | null;
+    donationDate?: string | number;
+    firstName?: string;
+    id?: number;
+    isAnonymous?: boolean;
+    kisses?: 0 | 1;
+    lastName?: string;
+    likes?: 0 | 1;
+    message?: string;
+    prays?: 1 | 0;
+    profileImage?: string | null;
+    tears?: 0 | 1;
+    thumbs?: 0 | 1;
+    userId?: number | string | null;
+    campaignCreator?: string;
+    subComment?: Array<SubCommentsV2Props>;
+};
+export declare const checkLastElement: (key: number, itemLength: number) => boolean;
+interface ComboFieldProps {
+    comments: Array<CommentTypeV2 & {
+        subComment?: Array<CommentTypeV2>;
+    }>;
+    showMore?: () => void;
+}
+declare const CommentSectionV2: ({ comments, showMore }: ComboFieldProps) => React.JSX.Element;
+export default CommentSectionV2;

package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-export type SubCommentsV2Props = {
-    profileImage: string;
-    firstName?: string;
-    lastName?: string;
-    comment: string;
-};
-declare const SubCommentsV2: ({ comments, }: {
-    comments: Array<SubCommentsV2Props>;
-}) => React.JSX.Element;
-export default SubCommentsV2;
+import React from "react";
+export type SubCommentsV2Props = {
+    profileImage: string;
+    firstName?: string;
+    lastName?: string;
+    comment: string;
+};
+declare const SubCommentsV2: ({ comments, }: {
+    comments: Array<SubCommentsV2Props>;
+}) => React.JSX.Element;
+export default SubCommentsV2;