@mycause/ui 1.0.0 → 1.0.2

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

@@ -0,0 +1,6 @@
+import React from "react";
+interface FilterIconProps {
+    color?: string;
+}
+export declare function FilterIcon(props: FilterIconProps): React.JSX.Element;
+export {};

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

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

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

@@ -0,0 +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;
+    };
+};

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

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

package/dist/components/date-picker/date-picker.stories.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 import "react-dates/initialize";
 import CenterDecorator from "../../utils/center-decorator";
-import "moment-timezone";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];

package/dist/components/date-picker/single-date-picker-custom-header.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { Moment } from "moment";
+import moment from "moment";
 export interface DatePickerProps {
     id: string;
-    date: Moment | null;
-    onDateChange: (date: Moment | null) => void;
+    date: moment.Moment | null;
+    onDateChange: (date: moment.Moment | null) => void;
     onFocusChange: (arg: boolean | null) => void;
     focused: boolean | null;
     placeholder?: string;

package/dist/components/index.d.ts

@@ -47,8 +47,6 @@ export * from "./partner-chart-stats";
 export * from "./this-month-card";
 export * from "./partner-toggle-button";
 export * from "./footerV2";
-export * from "./input";
-export * from "./toast";
 export * from "./my-account-start-fundraise-card";
 export * from "./my-account-choose-charity-card";
 export * from "./favorite-charity-item";
@@ -56,6 +54,9 @@ export * from "./my-account-sidebar";
 export * from "./my-account-frp-preview";
 export * from "./my-account-stats-donated";
 export * from "./my-account-stats-raised";
+export * from "./input";
 export * from "./my-account-frp-closed";
 export * from "./transaction-card";
+export * from "./toast";
 export * from "./input-social";
+export * from "./charity-tags-filter-button";

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

@@ -29,13 +29,13 @@ export declare const ModalStoriesMinimal: {
         name: string;
     };
 };
-export declare const ModalConfirmation: {
+export declare const ModalStoriesImage: {
     (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const ModalStoriesImage: {
+export declare const ModalConfirmation: {
     (): React.JSX.Element;
     story: {
         name: string;

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

@@ -20,6 +20,7 @@ type PhoneNumberInputProps = {
     defaultCountry?: CountryCode;
     placeholder?: string;
     color?: string;
+    isDisableCountries?: boolean;
 };
-declare function PhoneNumberInputV1({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, }: PhoneNumberInputProps): React.JSX.Element;
+declare function PhoneNumberInputV1({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, isDisableCountries, }: PhoneNumberInputProps): React.JSX.Element;
 export default PhoneNumberInputV1;

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

@@ -35,3 +35,9 @@ export declare const PhoneNumberInputStoryV1: {
         name: string;
     };
 };
+export declare const PhoneNumberInputIsDisableCountriesStoryV1: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -3,6 +3,7 @@ export interface SpinnerProps {
     id?: string;
     className?: string;
     style?: any;
+    type?: "default" | "orange";
 }
-declare const Spinner: ({ id, className, style, ...rest }: SpinnerProps) => React.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

@@ -11,3 +11,9 @@ export declare const SpinnerStoriesDefault: {
         name: string;
     };
 };
+export declare const SpinnerOrangeStories: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};