@mycause/ui 0.0.0-ca11f6cd → 0.0.0-ca16a144

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mycause/ui",
-  "version": "0.0.0-ca11f6cd",
-  "author": "Marc Porciuncula <marc@mycause.com.au>",
+  "version": "0.0.0-ca16a144",
+  "author": "Mycause team",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -58,11 +58,13 @@
     "normalize.css": "^8.0.1",
     "postcss-flexbugs-fixes": "4",
     "postcss-import": "12.0.1",
+    "postcss-loader": "4",
     "postcss-preset-env": "6",
     "postcss-scss": "2.1.1",
+    "postinstall-postinstall": "^2.1.0",
     "prettier": "^1.18.2",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "rollup": "^1.22.0",
     "rollup-plugin-babel": "^4.3.3",
     "rollup-plugin-commonjs": "^10.1.0",
@@ -70,6 +72,8 @@
     "rollup-plugin-postcss": "^2.0.3",
     "rollup-plugin-sass": "^1.2.2",
     "rollup-plugin-sourcemaps": "^0.4.2",
+    "sass": "1.32.13",
+    "sass-loader": "10",
     "serve": "^11.1.0",
     "style-loader": "1.2.1",
     "styled-jsx-plugin-postcss": "^4.0.1",
@@ -108,15 +112,11 @@
     "moment-timezone": "^0.5.45",
     "nanoid": "^2.1.6",
     "patch-package": "^8.0.0",
-    "postcss-loader": "4",
-    "postinstall-postinstall": "^2.1.0",
     "ramda": "^0.26.1",
     "react-cropper": "^1.3.0",
     "react-dates": "^21.8.0",
     "react-dropzone-uploader": "^2.11.0",
     "react-toastify": "8.1.0",
-    "sass": "1.32.13",
-    "sass-loader": "10",
     "styled-jsx": "^5.1.6",
     "use-media": "^1.4.0"
   },
@@ -132,5 +132,6 @@
   ],
   "resolutions": {
     "moment": "2.29.4"
-  }
+  },
+  "packageManager": "yarn@1.22.22"
 }

package/dist/_index.css.js

@@ -1 +0,0 @@
-

package/dist/_reset.css.js

@@ -1 +0,0 @@
-

package/dist/components/anchor/anchor.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { ColorSpecifier } from "../../theme/theme";
-export interface AnchorProps extends Omit<React.HTMLProps<HTMLAnchorElement>, "color"> {
-    color?: ColorSpecifier;
-    invert?: boolean;
-}
-declare const Anchor: React.ForwardRefExoticComponent<Omit<AnchorProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default Anchor;

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

@@ -1,14 +0,0 @@
-import React from "react";
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-    component: React.ForwardRefExoticComponent<Omit<import("./anchor").AnchorProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-};
-export default _default;
-export declare const anchor: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/dist/components/anchor/bold-anchor.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { ColorSpecifier } from "../../theme/theme";
-interface BoldAnchorProps extends React.HTMLProps<HTMLAnchorElement> {
-    active?: boolean;
-    colors?: {
-        default?: ColorSpecifier;
-        active?: ColorSpecifier;
-    };
-    invert?: boolean;
-    analyticsId?: string;
-}
-declare const BoldAnchor: React.ForwardRefExoticComponent<Omit<BoldAnchorProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default BoldAnchor;

package/dist/components/anchor/bold-anchor.stories.d.ts

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

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

@@ -1,2 +0,0 @@
-export { default as Anchor } from "./anchor";
-export { default as BoldAnchor } from "./bold-anchor";

package/dist/components/avatar/avatar.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ImageAvatarProps } from "./image-avatar";
-import { TextAvatarProps } from "./text-avatar";
-type AvatarProps = ImageAvatarProps | TextAvatarProps;
-declare function Avatar(props: AvatarProps): React.JSX.Element;
-export default Avatar;

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

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

package/dist/components/avatar/image-avatar.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export interface ImageAvatarProps extends Omit<React.HTMLProps<HTMLSpanElement>, "size"> {
-    name: string;
-    src: string;
-    size?: string;
-}
-declare function ImageAvatar({ name, src, size, ...rest }: ImageAvatarProps): React.JSX.Element;
-export default ImageAvatar;

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

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

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

@@ -1,11 +0,0 @@
-import React from "react";
-import { ColorSpecifier } from "../../theme/theme";
-export interface TextAvatarProps extends Omit<React.HTMLProps<HTMLSpanElement>, "color" | "size"> {
-    name: string;
-    initials?: string;
-    color?: ColorSpecifier;
-    invert?: boolean;
-    size?: string;
-}
-declare function TextAvatar({ name, initials, color, invert, size, ...rest }: TextAvatarProps): React.JSX.Element;
-export default TextAvatar;

package/dist/components/button/button.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-import { ButtonProps as MDCButtonProps } from "@material/react-button";
-import { IconProps } from "../icon/icon";
-import { ColorSpecifier } from "../../theme/theme";
-type ButtonTypes = HTMLAnchorElement | HTMLButtonElement;
-export interface ButtonProps extends Omit<MDCButtonProps<ButtonTypes>, "color" | "icon" | "trailingIcon" | "primary" | "secondary" | "accent" | "danger"> {
-    control?: boolean;
-    display?: boolean;
-    large?: boolean;
-    color?: ColorSpecifier;
-    invert?: boolean;
-    icon?: React.ReactElement<IconProps>;
-    trailingIcon?: React.ReactElement<IconProps>;
-    analyticsId?: string;
-}
-/**
- * Button
- *
- * Customised version of @material/react-button
- * see: https://github.com/material-components/material-components-web-react/tree/master/packages/button
- *
- * When using this button you must also include the accompanying `button.scss`.
- */
-declare function Button({ control, display, large, color, invert, raised, unelevated, outlined, className, icon, trailingIcon, onMouseOver, onMouseOut, analyticsId, id, ...rest }: ButtonProps): React.JSX.Element;
-export default Button;

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

@@ -1,61 +0,0 @@
-import React from "react";
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-};
-export default _default;
-export declare const types: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const disabled: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const sizes: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const colors: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const icon: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const controlButton: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const controlButtonDense: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const example1: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const example2: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};

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

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

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

@@ -1,12 +0,0 @@
-import React from "react";
-import { ListProps } from "../list/list";
-import { ElevationProps } from "../elevation/elevation";
-import { ButtonProps } from "../button/button";
-export interface ButtonSelectProps {
-    children: React.ReactNode;
-    button: Omit<ButtonProps, "onClick">;
-    list: ListProps;
-    elevation: Omit<ElevationProps, "children">;
-}
-declare const ButtonSelect: ({ children, button, list, elevation, }: ButtonSelectProps) => React.JSX.Element;
-export default ButtonSelect;

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

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

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

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

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

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

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

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

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

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

package/dist/components/campaign-of-month/campaign-of-month.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-export interface CampaignOfMonthProps {
-    className?: string;
-    title?: string;
-    text?: string;
-    imageUrl?: string;
-    rised?: number;
-    donation?: number;
-    goal?: number;
-    btnText?: string;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    idBtn?: string;
-}
-declare const CampaignOfMonth: ({ className, title, text, imageUrl, rised, donation, goal, btnText, onClick, idBtn, }: CampaignOfMonthProps) => React.JSX.Element;
-export default CampaignOfMonth;

package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, text, imageUrl, rised, donation, goal, btnText, onClick, idBtn, }: import("./campaign-of-month").CampaignOfMonthProps) => React.JSX.Element;
-};
-export default _default;
-export declare const campaignofmonth: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/dist/components/campaign-of-month/index.d.ts

@@ -1 +0,0 @@
-export { default as CampaignOfMonth } from "./campaign-of-month";

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

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

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

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

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

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

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

@@ -1,6 +0,0 @@
-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

@@ -1,35 +0,0 @@
-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;
-}
-declare const CharityTagsFilterButton: ({ btnIcon, btnText, states, categories, onChange, className, classNameBtn, buttonStyle, activeButtonColor, buttonColor, classNameFilterLayout, checkBoxStyle, activeColor, maxStatesSelected, maxCategoriesSelected, tagsSelected, heightButton, }: CharityTagsFilterButtonProps) => React.JSX.Element;
-export default CharityTagsFilterButton;

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

@@ -1,12 +0,0 @@
-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 +0,0 @@
-export { default as CharityTagsFilterButton } from "./charity-tags-filter-button";

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

@@ -1,16 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-export { default as Checkbox } from "./checkbox";

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

@@ -1,12 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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/combo-field/combo-field-expander.d.ts

@@ -1,11 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-export { default as ComboField } from "./combo-field";
-export { default as ComboFieldExpander } from "./combo-field-expander";