@local-civics/hub-ui 0.1.0

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

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

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

@@ -0,0 +1,29 @@
+/**
+ * List of icons available
+ */
+export declare const icons: readonly ["default", "calendar", "positive", "negative", "circle", "college & career", "arts & culture", "explore", "goal", "help", "leftArrow", "rightArrow", "policy & government", "recreation", "send", "shield", "profile", "volunteer", "clock", "sponsored", "globe", "pin", "milestone", "citizen", "cohort", "builder", "advocate", "leader", "representative", "bolt", "accept", "close", "menu-close", "pathway", "edit", "settings", "objective", "achievements", "badges", "milestones", "activity", "reflection", "registrations", "lock", "unlock", "badge", "waypoint", "apple", "guest speaker", "search", "menu", "todo", "done", "review", "contingent", "unqualified", "materials", "asynchronous", "synchronous", "export", "service-tracking"];
+/**
+ * The icon.
+ */
+interface Icon {
+    viewBox: string;
+    contents: {
+        d?: string;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: string;
+        strokeLinecap?: string;
+        strokeLinejoin?: string;
+        strokeMiterlimit?: string;
+        cx?: string;
+        cy?: string;
+        r?: string;
+    }[];
+}
+/**
+ * Sprite for icons.
+ */
+export declare const sprite: {
+    [key in typeof icons[number]]: Icon;
+};
+export {};

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+/**
+ * The properties for the loader.
+ */
+export type LoaderProps = {
+    isLoading?: boolean;
+    children: React.ReactNode;
+};
+/**
+ * A component for content that is not ready to be displayed.
+ */
+export declare const Loader: (props: LoaderProps) => JSX.Element;

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

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

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

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

package/dist/components/Logo/Logo.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+/**
+ * A component for Local Civics logo branding.
+ */
+export declare const Logo: () => JSX.Element;

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

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

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

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

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+/**
+ * The properties for the modal.
+ */
+export type ModalProps = {
+    isLoading?: boolean;
+    visible?: boolean;
+    inline?: boolean;
+    top?: boolean;
+    plain?: boolean;
+    transparent?: boolean;
+    stage?: boolean;
+    children?: React.ReactNode;
+    onClose?: () => void;
+};
+/**
+ * A component for displaying modals
+ */
+export declare const Modal: (props: ModalProps) => JSX.Element;

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

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

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

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

package/dist/components/NavBar/NavBar.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { NavLinkProps } from "./NavLink/NavLink";
+/**
+ * The properties for the nav bar.
+ */
+export type NavBarProps = {
+    children?: (React.ReactElement<NavLinkProps> | undefined)[] | React.ReactElement<NavLinkProps>;
+};
+/**
+ * A component for navigating the platform.
+ */
+export declare const NavBar: (props: NavBarProps) => JSX.Element;

package/dist/components/NavBar/NavLink/NavLink.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+/**
+ * The nav link name.
+ */
+export type NavLinkName = "home" | "profile" | "explore" | "calendar" | "login" | "logout" | "menu" | "menu-close" | "faq" | "terms" | "privacy";
+/**
+ * The properties for navigation links.
+ */
+export type NavLinkProps = {
+    name?: NavLinkName;
+    menu?: boolean;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+};
+/**
+ * A component for navigation links.
+ * @param props
+ * @constructor
+ */
+export declare const NavLink: (props: NavLinkProps) => JSX.Element;

package/dist/components/NavBar/NavLink/component.stories.d.ts

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

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

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

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

@@ -0,0 +1,2 @@
+export * from "./NavLink/NavLink";
+export * from "./NavBar";

package/dist/components/NotFound/NotFound.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/**
+ * NotFoundProps
+ */
+export type NotFoundProps = {
+    visible?: boolean;
+    onHome?: () => void;
+};
+/**
+ * NotFound
+ * @param props
+ * @constructor
+ */
+export declare const NotFound: (props: NotFoundProps) => JSX.Element;

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

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

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

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

package/dist/components/Onboarding/CommunitySearch/CommunitySearch.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { SearchProps } from "../../Search";
+/**
+ * CommunitySearchProps
+ */
+export type CommunitySearchProps = SearchProps & {
+    disabled?: boolean;
+    name?: string;
+    accessCode?: string;
+    onSearch?: (search: string) => void;
+    onJoin?: (accessCode?: string) => void;
+};
+/**
+ * A component for searching for communities
+ * @param props
+ * @constructor
+ */
+export declare const CommunitySearch: (props: CommunitySearchProps) => JSX.Element;

package/dist/components/Onboarding/CommunitySearch/component.stories.d.ts

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

package/dist/components/Onboarding/ImpactQuiz/ImpactQuiz.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/**
+ * ImpactQuizProps
+ */
+export type ImpactQuizProps = {
+    persona?: string;
+    interests?: string[];
+    onFinish?: (interests: string[]) => void;
+};
+/**
+ * A component for the onboarding impact quiz
+ * @param props
+ * @constructor
+ */
+export declare const ImpactQuiz: (props: ImpactQuizProps) => JSX.Element;

package/dist/components/Onboarding/ImpactQuiz/component.stories.d.ts

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

package/dist/components/Onboarding/LegalAgreement/LegalAgreement.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/**
+ * LegalAgreementProps
+ */
+export type LegalAgreementProps = {
+    onDecline?: () => void;
+    onAccept?: () => void;
+};
+/**
+ * A component for the onboarding legal agreements
+ * @param props
+ * @constructor
+ */
+export declare const LegalAgreement: (props: LegalAgreementProps) => JSX.Element;

package/dist/components/Onboarding/LegalAgreement/component.stories.d.ts

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

package/dist/components/Onboarding/Onboarding.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+/**
+ * OnboardingProps
+ */
+export type OnboardingProps = {
+    isLoading?: boolean;
+    hasOrganization?: boolean;
+    hasPersona?: boolean;
+    hasRegistration?: boolean;
+    hasInterests?: boolean;
+    search?: string;
+    persona?: string;
+    givenName?: string;
+    familyName?: string;
+    grade?: number;
+    impactStatement?: string;
+    interests?: string[];
+    organizations?: any[];
+    onDeclineLegalAgreement?: () => void;
+    onOrganizationSearch?: (search: string) => void;
+    onJoinOrganization?: (organizationId: string, accessCode?: string) => void;
+    onConfigureTenant: (changes: any) => void;
+    onFinish?: () => void;
+};
+/**
+ * A component for onboarding
+ * @param props
+ * @constructor
+ */
+export declare const Onboarding: (props: OnboardingProps) => JSX.Element;

package/dist/components/Onboarding/Registration/Registration.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+/**
+ * RegistrationProps
+ */
+export type RegistrationProps = {
+    givenName?: string;
+    familyName?: string;
+    grade?: number;
+    impactStatement?: string;
+    persona?: string;
+    onRegister?: (changes: {
+        givenName?: string;
+        familyName?: string;
+        grade?: number;
+        impactStatement?: string;
+    }) => void;
+};
+/**
+ * A component for onboarding registration
+ * @param props
+ * @constructor
+ */
+export declare const Registration: (props: RegistrationProps) => JSX.Element;

package/dist/components/Onboarding/Registration/component.stories.d.ts

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

package/dist/components/Onboarding/RoleSelection/RoleSelection.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/**
+ * RoleSelectionProps
+ */
+export type RoleSelectionProps = {
+    persona?: string;
+    onStudent?: () => void;
+    onEducator?: () => void;
+};
+/**
+ * A component for onboarding role selection
+ * @param props
+ * @constructor
+ */
+export declare const RoleSelection: (props: RoleSelectionProps) => JSX.Element;

package/dist/components/Onboarding/RoleSelection/component.stories.d.ts

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

package/dist/components/Onboarding/Welcome/Welcome.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/**
+ * WelcomeProps
+ */
+export type WelcomeProps = {
+    givenName?: string;
+    onContinue?: () => void;
+};
+/**
+ * A component for the onboarding welcome
+ * @param props
+ * @constructor
+ */
+export declare const Welcome: (props: WelcomeProps) => JSX.Element;

package/dist/components/Onboarding/Welcome/component.stories.d.ts

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

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

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

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

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

package/dist/components/Overlay/Overlay.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+/**
+ * OverlayProps
+ */
+export type OverlayProps = {
+    children?: React.ReactNode;
+};
+/**
+ * Overlay
+ * @param props
+ * @constructor
+ */
+export declare const Overlay: (props: OverlayProps) => JSX.Element;

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

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

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

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/**
+ * PathwayProps
+ */
+export type PathwayButtonProps = {
+    active?: boolean;
+    name?: "policy & government" | "arts & culture" | "college & career" | "volunteer" | "recreation";
+    onClick?: () => void;
+};
+/**
+ * A component for displaying a single pathway
+ * @param props
+ * @constructor
+ */
+export declare const PathwayButton: (props: PathwayButtonProps) => JSX.Element;

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

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

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

@@ -0,0 +1,15 @@
+import { FunctionComponent } from "react";
+/**
+ * PathwayFilter props
+ */
+export interface PathwayFilterProps {
+    title: string;
+    pathways?: string[];
+    onChange?: (pathways: string[]) => void;
+}
+/**
+ * PathwayFilter
+ * @param props
+ * @constructor
+ */
+export declare const PathwayFilter: FunctionComponent<PathwayFilterProps>;

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

@@ -0,0 +1,15 @@
+import { Story } from "@storybook/react";
+import React from "react";
+import { PathwayFilterProps } from "./PathwayFilter";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<PathwayFilterProps>;
+};
+export default _default;
+/**
+ * Existing.
+ */
+export declare const Component: Story<PathwayFilterProps>;

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { IconName } from "../../Icon";
+/**
+ * The activity progress height.
+ */
+export type PathwayProgressHeight = "sm" | "md";
+/**
+ * The properties for the pathway progress.
+ */
+export type PathwayProgressProps = {
+    xp?: number;
+    nextXP?: number;
+    level?: number;
+    open?: boolean;
+    title?: string;
+    icon?: IconName;
+    height?: PathwayProgressHeight;
+    onOpen?: () => void;
+};
+/**
+ * A component for displaying pathway progress.
+ * @param props
+ * @constructor
+ */
+export declare const PathwayProgress: (props: PathwayProgressProps) => JSX.Element;