@local-civics/hub-ui 0.1.0

package/dist/components/Activity/ActivityCard/ActivityCard.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+/**
+ * ActivityCardProps
+ */
+export type ActivityCardProps = {
+    headline?: string;
+    imageURL?: string;
+    pathway?: string;
+    xp?: number;
+    summary?: string;
+    skills?: string[];
+    tags?: string[];
+    startTime?: string;
+    endTime?: string;
+    link?: string;
+    formId?: string;
+    address?: string;
+    isBookmarked?: boolean;
+    canReflect?: boolean;
+    milestone?: boolean;
+    onRegister?: () => void;
+    onUnregister?: () => void;
+    onLaunch?: () => void;
+    onReflect?: () => void;
+    onSkillClick?: (skill: string) => void;
+    onClose?: () => void;
+};
+/**
+ * ActivityCard
+ * @param props
+ * @constructor
+ */
+export declare const ActivityCard: (props: ActivityCardProps) => JSX.Element;

package/dist/components/Activity/ActivityCard/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ActivityCardProps } from "./ActivityCard";
+import { Story } from "@storybook/react";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: ActivityCardProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Component stories
+ */
+export declare const Component: Story<ActivityCardProps>;

package/dist/components/Activity/ActivityItem/ActivityItem.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+/**
+ * ActivityItemProps
+ */
+export type ActivityItemProps = {
+    headline?: string;
+    pathway?: string;
+    xp?: number;
+    imageURL?: string;
+    onClick?: () => void;
+};
+/**
+ * ActivityItem
+ * @param props
+ * @constructor
+ */
+export declare const ActivityItem: (props: ActivityItemProps) => JSX.Element;

package/dist/components/Activity/ActivityItem/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+import { ActivityItemProps } from "./ActivityItem";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: ActivityItemProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Existing.
+ */
+export declare const Component: Story<ActivityItemProps>;

package/dist/components/Activity/ActivityList/ActivityList.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+/**
+ * ActivityListProps
+ */
+export type ActivityListProps = {
+    isLoading?: boolean;
+    search?: string;
+    onSearch?: (search?: string) => void;
+    tags?: string[];
+    onTagChange?: (tags: string[]) => void;
+    activities?: any[];
+    top?: any[];
+    upcoming?: any[];
+    milestones?: any[];
+    onActivityClick?: (activityId: string) => void;
+};
+/**
+ * A component for listing activities
+ * @param props
+ * @constructor
+ */
+export declare const ActivityList: (props: ActivityListProps) => JSX.Element;

package/dist/components/Activity/ActivityList/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+import { ActivityListProps } from "./ActivityList";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: ActivityListProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Existing.
+ */
+export declare const Component: Story<ActivityListProps>;

package/dist/components/Activity/ActivityReflection/ActivityReflection.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+/**
+ * ActivityReflectionProps
+ */
+export type ActivityReflectionProps = {
+    startTime?: string;
+    reflection?: string;
+    pathway?: string;
+    rating?: number;
+    xp?: number;
+    headline?: string;
+    imageURL?: string;
+    canReflect?: boolean;
+    hasChanges?: boolean;
+    onClose?: () => void;
+    onSave?: (reflection: string, rating: number) => Promise<void>;
+};
+/**
+ * ActivityReflection
+ * @param props
+ * @constructor
+ */
+export declare const ActivityReflection: (props: ActivityReflectionProps) => JSX.Element;

package/dist/components/Activity/ActivityReflection/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ActivityReflectionProps } from "./ActivityReflection";
+import { Story } from "@storybook/react";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: ActivityReflectionProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Component stories
+ */
+export declare const Component: Story<ActivityReflectionProps>;

package/dist/components/Activity/ActivityReflection/index.d.ts

@@ -0,0 +1 @@
+export * from "./ActivityReflection";

package/dist/components/Activity/Gallery/Gallery.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+/**
+ * GalleryProps
+ */
+export type GalleryProps = {
+    isLoading?: boolean;
+    primary?: React.ReactNode;
+    top?: React.ReactNode;
+    soonest?: React.ReactNode;
+    milestones?: React.ReactNode;
+    filteredCount?: number;
+    filtered?: React.ReactNode;
+};
+/**
+ * A component for displaying a gallery of activities
+ * @param props
+ * @constructor
+ */
+export declare const Gallery: (props: GalleryProps) => JSX.Element;

package/dist/components/Activity/Gallery/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+import { GalleryProps } from "./Gallery";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: GalleryProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Existing.
+ */
+export declare const Component: Story<GalleryProps>;

package/dist/components/Activity/TagFilter/TagFilter.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/**
+ * FilterProps
+ */
+export interface TagFilterProps {
+    tags?: string[];
+    onChange?: (tags: string[]) => void;
+}
+/**
+ * Filter
+ * @param props
+ * @constructor
+ */
+export declare const TagFilter: (props: TagFilterProps) => JSX.Element;

package/dist/components/Activity/TagFilter/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+import { TagFilterProps } from "./TagFilter";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: TagFilterProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Existing.
+ */
+export declare const Component: Story<TagFilterProps>;

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

@@ -0,0 +1,5 @@
+export * from "./ActivityCard/ActivityCard";
+export * from "./ActivityItem/ActivityItem";
+export * from "./ActivityList/ActivityList";
+export * from "./ActivityReflection/ActivityReflection";
+export * from "./TagFilter/TagFilter";

package/dist/components/Board/Board.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+/**
+ * The properties for tabs.
+ */
+export type BoardProps = {
+    isLoading?: boolean;
+    secondary?: boolean;
+    tabs?: React.ReactNode;
+    workflow?: React.ReactNode;
+};
+/**
+ * A component for tabs.
+ * @param props
+ * @constructor
+ */
+export declare const Board: (props: BoardProps) => JSX.Element;

package/dist/components/Board/Tab/Tab.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { IconName } from "../../Icon/v0/Icon";
+/**
+ * The properties for the tab.
+ */
+export type TabProps = {
+    icon?: IconName;
+    title?: string;
+    secondary?: boolean;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+};
+/**
+ * A component for an individual tab option.
+ * @param props
+ * @constructor
+ */
+export declare const Tab: (props: TabProps) => JSX.Element;

package/dist/components/Board/Tab/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+import { TabProps } from "./Tab";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: TabProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Component view
+ */
+export declare const Component: Story<TabProps>;

package/dist/components/Board/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+import { BoardProps } from "./Board";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: BoardProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Component view
+ */
+export declare const Component: Story<BoardProps>;

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

@@ -0,0 +1,2 @@
+export * from "./Tab/Tab";
+export * from "./Board";

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+import { IconName } from "../Icon";
+/**
+ * The button color.
+ */
+export type ButtonColor = "slate" | "sky" | "green" | "rose" | "emerald" | "primary" | "secondary" | "slate:sky" | "slate:icon" | "blue" | "dark-blue";
+/**
+ * The button size.
+ */
+export type ButtonSize = "tiny" | "xs" | "sm" | "md" | "lg" | "xl" | "full:sm" | "full:md";
+/**
+ * The button spacing.
+ */
+export type ButtonSpacing = "none" | "xs" | "sm" | "md" | "lg";
+/**
+ * The button theme.
+ */
+export type ButtonTheme = "light" | "dark";
+/**
+ * The button justify.
+ */
+export type ButtonJustify = "center" | "start";
+/**
+ * The button border.
+ */
+export type ButtonBorder = "none" | "rectangle" | "rounded" | "rounded-sm" | "circle" | "circle-sm" | "icon:circle";
+/**
+ * The button filter.
+ */
+export type ButtonFilter = "shadow" | "none";
+/**
+ * The properties for the button.
+ */
+export type ButtonProps = {
+    type?: "submit" | "reset" | "button";
+    form?: boolean;
+    theme?: ButtonTheme;
+    active?: boolean;
+    disabled?: boolean;
+    color?: ButtonColor;
+    size?: ButtonSize;
+    spacing?: ButtonSpacing;
+    icon?: IconName;
+    logo?: boolean;
+    justify?: ButtonJustify;
+    border?: ButtonBorder;
+    filter?: ButtonFilter;
+    text?: string;
+    footer?: string;
+    wide?: boolean;
+    onClick?: () => void;
+};
+/**
+ * A component for buttons.
+ * @param props
+ * @constructor
+ */
+export declare const Button: (props: ButtonProps) => JSX.Element;

package/dist/components/Button/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ButtonProps } from "./Button";
+import { Story } from "@storybook/react";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: ButtonProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Component stories
+ */
+export declare const Component: Story<ButtonProps>;

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

@@ -0,0 +1 @@
+export * from "./Button";

package/dist/components/Calendar/DateSelection/DateSelection.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+/**
+ * DateSelection component props.
+ */
+export type DateSelectionProps = {
+    isLoading?: boolean;
+    date?: Date | null;
+    setDate: (date: Date | null) => void;
+};
+/**
+ * DateSelection component.
+ * @param props
+ * @constructor
+ */
+export declare const DateSelection: (props: DateSelectionProps) => JSX.Element;
+/**
+ * The properties for the day selection option.
+ */
+export type DaySelectionOptionProps = {
+    today: boolean;
+    active: boolean;
+    currentMonth: boolean;
+    children: number;
+    onClick: () => void;
+};

package/dist/components/Calendar/DateSelection/component.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+import { DateSelectionProps } from "./DateSelection";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: DateSelectionProps) => JSX.Element;
+    argTypes: {};
+};
+export default _default;
+/**
+ * Component view
+ */
+export declare const Component: Story<DateSelectionProps>;

package/dist/components/Calendar/EventItem/EventItem.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/**
+ * EventItemProps
+ */
+export type EventItemProps = {
+    headline?: string;
+    pathway?: string;
+    onClick?: () => void;
+};
+/**
+ * EventItem
+ * @param props
+ * @constructor
+ */
+export declare const EventItem: (props: EventItemProps) => JSX.Element;

package/dist/components/Calendar/EventItem/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+import { EventItemProps } from "./EventItem";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: EventItemProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Component view
+ */
+export declare const Component: Story<EventItemProps>;

package/dist/components/Calendar/EventList/EventList.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+/**
+ * EventList props.
+ */
+export type EventListProps = {
+    isLoading?: boolean;
+    date: Date | null;
+    onSetDate: (date: Date | null) => void;
+    children?: React.ReactNode;
+};
+/**
+ * EventList component.
+ * @param props
+ * @constructor
+ */
+export declare const EventList: (props: EventListProps) => JSX.Element;

package/dist/components/Calendar/EventList/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+import { EventListProps } from "./EventList";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: EventListProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Component view
+ */
+export declare const Component: Story<EventListProps>;

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

@@ -0,0 +1,3 @@
+export * from "./DateSelection/DateSelection";
+export * from "./EventItem/EventItem";
+export * from "./EventList/EventList";

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+/**
+ * CardProps
+ */
+export type CardProps = {
+    isLoading?: boolean;
+    children?: React.ReactNode;
+    onClose?: () => void;
+};
+/**
+ * Card
+ * @param props
+ * @constructor
+ */
+export declare const Card: (props: CardProps) => JSX.Element;

package/dist/components/Card/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+import { CardProps } from "./Card";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: CardProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Component stories
+ */
+export declare const Component: Story<CardProps>;

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

@@ -0,0 +1 @@
+export * from "./Card";

package/dist/components/Home/Home.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+/**
+ * Home
+ * @constructor
+ */
+export declare const Home: () => JSX.Element;

package/dist/components/Home/component.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: () => JSX.Element;
+    argTypes: {};
+};
+export default _default;
+/**
+ * Component view
+ */
+export declare const Component: Story;

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

@@ -0,0 +1 @@
+export * from "./Home";

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IconName } from "./icons";
+export { IconName } from "./icons";
+/**
+ * The properties for the icon.
+ */
+export type IconProps = {
+    name: IconName;
+};
+/**
+ * A component for icons.
+ */
+export declare const Icon: (props: IconProps) => JSX.Element;

package/dist/components/Icon/component.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+import { IconProps } from "./Icon";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: IconProps) => JSX.Element;
+    argTypes: {
+        name: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default _default;
+/**
+ * Component icon view
+ */
+export declare const Component: Story<IconProps>;

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+/**
+ * List of icons available
+ */
+export declare const iconNames: readonly ["14-point star", "award ribbon", "up & down arrow", "check & circle", "check & circle dark", "lock", "circle", "progress", "party popper", "plus & circle", "x & circle", "x & square", "pen & paper", "caret left", "formal backpack", "formal ballot box", "formal bar graph", "formal bolt", "formal briefcase", "formal bullseye", "formal burger", "formal camera lens", "formal design bulb", "formal double pan balance", "formal easel", "formal eye", "formal gavel", "formal group", "formal handshake", "formal heart", "formal magnifying glass", "formal medicine", "formal microphone", "formal molecule", "formal moneybag", "formal mortarboard", "formal parthenon", "formal pencil", "formal pie chart", "formal pin", "formal rocket", "formal scholar", "formal stopwatch"];
+/**
+ * List of icon source data
+ */
+export declare const icons: {
+    [key in typeof iconNames[number]]: Icon;
+};
+/**
+ * The name of the icon.
+ */
+export type IconName = typeof iconNames[number];
+type Icon = {
+    readonly svg: React.FunctionComponent<React.SVGProps<any> & {
+        title?: string;
+    }>;
+};
+export {};

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

@@ -0,0 +1 @@
+export * from "./v0/Icon";

package/dist/components/Icon/v0/Icon.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { icons } from "./data/icons";
+/**
+ * The name of the icon.
+ */
+export type IconName = typeof icons[number];
+/**
+ * The properties for the icon.
+ */
+export type IconProps = {
+    name: IconName;
+};
+/**
+ * A component for icons.
+ */
+export declare const Icon: (props: IconProps) => JSX.Element | null;