@local-civics/hub-ui 0.1.0

package/dist/components/Pathway/PathwayProgress/component.stories.d.ts

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

package/dist/components/Pathway/PathwayWidget/PathwayWidget.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+/**
+ * The properties for the pathway progress widget
+ */
+export interface PathwayWidgetProps {
+    isLoading?: boolean;
+    edit?: boolean;
+    onHelp?: () => void;
+    children?: React.ReactNode;
+}
+/**
+ * A widget to display pathway progress
+ * @param props
+ * @constructor
+ */
+export declare const PathwayWidget: (props: PathwayWidgetProps) => JSX.Element;

package/dist/components/Pathway/PathwayWidget/component.stories.d.ts

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

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

@@ -0,0 +1,4 @@
+export * from "./PathwayButton/PathwayButton";
+export * from "./PathwayFilter/PathwayFilter";
+export * from "./PathwayProgress/PathwayProgress";
+export * from "./PathwayWidget/PathwayWidget";

package/dist/components/Profile/AboutWidget/AboutWidget.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+/**
+ * The properties for the about widget.
+ */
+export type AboutWidgetProps = {
+    isLoading?: boolean;
+    edit?: boolean;
+    impactStatement?: string;
+    placeName?: string;
+    communityName?: string;
+    onEdit?: () => void;
+};
+/**
+ * A widget for displaying additional info about the resident.
+ * @param props
+ * @constructor
+ */
+export declare const AboutWidget: (props: AboutWidgetProps) => JSX.Element;

package/dist/components/Profile/AboutWidget/component.stories.d.ts

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

package/dist/components/Profile/AchievementWidget/AchievementWidget.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { IconName } from "../../Icon";
+/**
+ * The properties for the achievement widget.
+ */
+export interface AchievementWidgetProps {
+    isLoading?: boolean;
+    lessonsCompleted?: number;
+    badgesEarned?: number;
+    civicMilestones?: number;
+    serviceHours?: number;
+    openDisabled?: boolean;
+    openIcon?: IconName;
+    onOpen?: () => void;
+}
+/**
+ * A widget for displaying resident a achievement report.
+ * @param props
+ * @constructor
+ */
+export declare const AchievementWidget: (props: AchievementWidgetProps) => JSX.Element;

package/dist/components/Profile/AchievementWidget/component.stories.d.ts

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

package/dist/components/Profile/ImpactWidget/ImpactWidget.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+/**
+ * The properties for the impact score widget.
+ */
+export type ImpactWidgetProps = {
+    level?: number;
+    xp?: number;
+    nextXP?: number;
+    isLoading?: boolean;
+};
+/**
+ * A widget for displaying the impact score.
+ * @param props
+ * @constructor
+ */
+export declare const ImpactWidget: (props: ImpactWidgetProps) => JSX.Element;

package/dist/components/Profile/ImpactWidget/component.stories.d.ts

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

package/dist/components/Profile/ProfileWidget/ProfileWidget.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+/**
+ * The properties for the resident.
+ */
+export type ResidentWidgetProps = {
+    isLoading?: boolean;
+    avatarURL?: string;
+    tenantName?: string;
+    givenName?: string;
+    familyName?: string;
+    createdAt?: string;
+    online?: boolean;
+};
+/**
+ * A component for displaying a resident.
+ * @param props
+ * @constructor
+ */
+export declare const ProfileWidget: (props: ResidentWidgetProps) => JSX.Element;

package/dist/components/Profile/ProfileWidget/component.stories.d.ts

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

package/dist/components/Profile/SettingsCard/SettingsCard.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+/**
+ * SettingsCardProps
+ */
+export type SettingsCardProps = {
+    tenantName?: string;
+    givenName?: string;
+    familyName?: string;
+    grade?: number;
+    impactStatement?: string;
+    avatarURL?: string;
+    accessToken?: string;
+    isLoading?: boolean;
+    visible?: boolean;
+    hasChanges?: boolean;
+    onClose?: () => void;
+    onSave?: (changes?: {
+        name?: string;
+        givenName?: string;
+        familyName?: string;
+        grade?: number;
+        subject?: string;
+        persona?: string;
+        impactStatement?: string;
+        interests?: string[];
+        avatar?: Blob;
+    }) => void;
+};
+/**
+ * SettingsCard
+ * @param props
+ * @constructor
+ */
+export declare const SettingsCard: (props: SettingsCardProps) => JSX.Element;

package/dist/components/Profile/SettingsCard/component.stories.d.ts

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

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

@@ -0,0 +1,5 @@
+export * from "./AboutWidget/AboutWidget";
+export * from "./AchievementWidget/AchievementWidget";
+export * from "./SettingsCard/SettingsCard";
+export * from "./ImpactWidget/ImpactWidget";
+export * from "./ProfileWidget/ProfileWidget";

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/**
+ * The properties for progress.
+ */
+export type ProgressProps = {
+    start: number;
+    end: number;
+    rounded?: boolean;
+    color?: "green" | "sky-blue";
+};
+/**
+ * A component for displaying progress.
+ */
+export declare const Progress: (props: ProgressProps) => JSX.Element;

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { ProgressProps } from "./Progress";
+import { Story } from "@storybook/react";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: ProgressProps) => JSX.Element;
+    argTypes: {
+        start: {
+            defaultValue: number;
+        };
+        end: {
+            defaultValue: number;
+        };
+    };
+};
+export default _default;
+/**
+ * Component stories
+ */
+export declare const Component: Story<ProgressProps>;

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

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

package/dist/components/Search/Search.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { SearchResultProps } from "./SearchResult/SearchResult";
+export type SearchProps = {
+    autofocus?: boolean;
+    category?: string;
+    open?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    value?: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+    results?: React.ReactElement<SearchResultProps> | React.ReactElement<SearchResultProps>[] | null;
+    onSearch?: (search: string) => void;
+};
+export declare const Search: (props: SearchProps) => JSX.Element;

package/dist/components/Search/SearchButton/SearchButton.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/**
+ * The properties for the search button.
+ */
+export type SearchButtonProps = {
+    disabled?: boolean;
+    placeholder?: string;
+    onClick?: () => void;
+};
+/**
+ * A component for starting a search via click.
+ * @param props
+ * @constructor
+ */
+export declare const SearchButton: (props: SearchButtonProps) => JSX.Element;

package/dist/components/Search/SearchButton/component.stories.d.ts

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

package/dist/components/Search/SearchResult/SearchResult.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { IconName } from "../../Icon/v0/Icon";
+export type SearchResultProps = {
+    title?: string;
+    icon?: IconName;
+    onClick?: () => void;
+};
+export declare const SearchResult: (props: SearchResultProps) => JSX.Element;

package/dist/components/Search/SearchResult/component.stories.d.ts

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

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

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

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

@@ -0,0 +1,3 @@
+export * from "./SearchButton/SearchButton";
+export * from "./SearchResult/SearchResult";
+export * from "./Search";

package/dist/components/Task/TaskItem/TaskItem.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+/**
+ * TaskItemProps
+ */
+export type TaskItemProps = {
+    headline?: string;
+    full?: boolean;
+    status?: "todo" | "in-progress" | "done";
+    onAction?: () => void;
+};
+/**
+ * TaskItem
+ * @param props
+ * @constructor
+ */
+export declare const TaskItem: (props: TaskItemProps) => JSX.Element;

package/dist/components/Task/TaskItem/component.stories.d.ts

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

package/dist/components/Task/TaskList/TaskList.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+/**
+ * The properties for the task workflow.
+ */
+export type TaskListProps = {
+    isLoading?: boolean;
+    active?: "todo" | "in-progress" | "done";
+    onTodo?: () => void;
+    onInProgress?: () => void;
+    onDone?: () => void;
+    children?: React.ReactNode;
+};
+/**
+ * A component for the task workflow.
+ * @param props
+ * @constructor
+ */
+export declare const TaskList: (props: TaskListProps) => JSX.Element;

package/dist/components/Task/TaskList/component.stories.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from "./TaskItem/TaskItem";
+export * from "./TaskList/TaskList";

package/dist/components/Widget/Widget.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+/**
+ * The properties for the widget.
+ */
+export type WidgetProps = {
+    headless?: boolean;
+    borderless?: boolean;
+    color?: "sky" | "inherit";
+    isLoading?: boolean;
+    children?: React.ReactNode;
+};
+/**
+ * A component for widgets.
+ * @param props
+ * @constructor
+ */
+export declare const Widget: (props: WidgetProps) => JSX.Element;

package/dist/components/Widget/WidgetBody/WidgetBody.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+/**
+ * The properties for the widget body.
+ */
+export type WidgetBodyProps = {
+    spacing?: "sm" | "md" | "none";
+    children?: React.ReactNode;
+};
+/**
+ * A component for the widget body.
+ * @param props
+ * @constructor
+ */
+export declare const WidgetBody: (props: WidgetBodyProps) => JSX.Element;

package/dist/components/Widget/WidgetBody/component.stories.d.ts

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

package/dist/components/Widget/WidgetHeader/WidgetHeader.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+/**
+ * The properties for the widget header.
+ */
+export type WidgetHeaderProps = {
+    loose?: boolean;
+    divide?: boolean;
+    children?: React.ReactNode;
+};
+/**
+ * A component for widget headers.
+ * @param props
+ * @constructor
+ */
+export declare const WidgetHeader: (props: WidgetHeaderProps) => JSX.Element;

package/dist/components/Widget/WidgetHeader/component.stories.d.ts

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

package/dist/components/Widget/WidgetHeaderLink/WidgetHeaderLink.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { ButtonSize } from "../../Button/Button";
+import { IconProps } from "../../Icon/v0/Icon";
+/**
+ * The properties for the widget header link.
+ */
+export type WidgetHeaderLinkProps = {
+    display?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    size?: ButtonSize;
+    children: string | React.ReactElement<IconProps>;
+};
+/**
+ * A component for widget header call to action.
+ * @param props
+ * @constructor
+ */
+export declare const WidgetHeaderLink: (props: WidgetHeaderLinkProps) => JSX.Element | null;

package/dist/components/Widget/WidgetHeaderLink/component.stories.d.ts

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

package/dist/components/Widget/WidgetTitle/WidgetTitle.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { IconName } from "../../Icon/v0/Icon";
+/**
+ * The properties for the widget title.
+ */
+export type WidgetTitleProps = {
+    icon?: IconName;
+    children: React.ReactNode;
+};
+/**
+ * A component for widget titles.
+ * @param props
+ * @constructor
+ */
+export declare const WidgetTitle: (props: WidgetTitleProps) => JSX.Element;

package/dist/components/Widget/WidgetTitle/component.stories.d.ts

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

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

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

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

@@ -0,0 +1,5 @@
+export * from "./WidgetBody/WidgetBody";
+export * from "./WidgetHeader/WidgetHeader";
+export * from "./WidgetHeaderLink/WidgetHeaderLink";
+export * from "./WidgetTitle/WidgetTitle";
+export * from "./Widget";