@local-civics/hub-ui 0.1.0

package/dist/components/index.d.ts

@@ -0,0 +1,23 @@
+export * from "./Activity";
+export * from "../features/badges";
+export * from "./Board";
+export * from "./Button";
+export * from "./Calendar";
+export * from "./Card";
+export * from "./Home";
+export * from "./Icon";
+export * from "../features/learning-forms";
+export * from "./Loader";
+export * from "./Logo";
+export * from "./Modal";
+export * from "./NavBar";
+export * from "./NotFound";
+export * from "./Onboarding";
+export * from "./Overlay";
+export * from "./Pathway";
+export * from "./Profile";
+export * from "./Progress";
+export * from "./Search";
+export * from "../features/service-tracking";
+export * from "./Task";
+export * from "./Widget";

package/dist/features/badges/Badge/Badge.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { BadgeButtonProps } from "../BadgeButton/BadgeButton";
+import { BadgeCardProps } from "../BadgeCard/BadgeCard";
+/**
+ * BadgeProps
+ */
+export type BadgeProps = BadgeCardProps & BadgeButtonProps & {
+    badgeId?: string;
+    summary?: string;
+    status?: string;
+    code?: string;
+    editChoices?: boolean;
+    open?: boolean;
+    onOpen?: () => void;
+};
+/**
+ * Badge
+ * @param props
+ * @constructor
+ */
+export declare const Badge: (props: BadgeProps) => JSX.Element;

package/dist/features/badges/Badge/component.stories.d.ts

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

package/dist/features/badges/BadgeActivity/BadgeActivity.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+/**
+ * BadgeActivityProps
+ */
+export type BadgeActivityProps = {
+    activityId?: string;
+    activityName?: string;
+    criteriaName?: string;
+    namespace?: string;
+    imageURL?: string;
+    xp?: number;
+    formId?: string;
+    milestone?: boolean;
+    badgeId?: string;
+    criterionId?: string;
+    completedAt?: string;
+    chosenAt?: string;
+    tags?: string[];
+    startTime?: string;
+    isSelected?: boolean;
+    onToggle?: () => void;
+    onClick?: () => void;
+};
+/**
+ * BadgeActivity
+ * @param props
+ * @constructor
+ */
+export declare const BadgeActivity: (props: BadgeActivityProps) => JSX.Element;

package/dist/features/badges/BadgeActivity/component.stories.d.ts

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

package/dist/features/badges/BadgeActivityMenu/BadgeActivityMenu.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { BadgeActivityProps } from "../BadgeActivity/BadgeActivity";
+/**
+ * CriterionProps
+ */
+type CriterionProps = {
+    criterionId?: string;
+    displayName?: string;
+    namespace?: string;
+    options?: BadgeActivityProps[];
+    onClick?: () => void;
+};
+/**
+ * BadgeActivityMenuProps
+ */
+export type BadgeActivityMenuProps = {
+    criteria?: CriterionProps[];
+    onBack?: () => void;
+};
+/**
+ * BadgeActivityMenu
+ * @param props
+ * @constructor
+ */
+export declare const BadgeActivityMenu: (props: BadgeActivityMenuProps) => JSX.Element;
+export {};

package/dist/features/badges/BadgeActivityMenu/component.stories.d.ts

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

package/dist/features/badges/BadgeButton/BadgeButton.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { IconName } from "../../../components/Icon/Icon";
+/**
+ * BadgeButtonProps
+ */
+export type BadgeButtonProps = {
+    displayName?: string;
+    icon?: IconName;
+    imageURL?: string;
+    startedAt?: string;
+    finishedAt?: string;
+    level?: number;
+    isLocked?: boolean;
+    progress?: number;
+    target?: number;
+    readonly?: boolean;
+    onClick?: () => void;
+};
+/**
+ * BadgeButton
+ * @param props
+ * @constructor
+ */
+export declare const BadgeButton: (props: BadgeButtonProps) => JSX.Element;

package/dist/features/badges/BadgeButton/component.stories.d.ts

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

package/dist/features/badges/BadgeCard/BadgeCard.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { BadgeActivityProps } from "../BadgeActivity/BadgeActivity";
+import { IconName } from "../../../components/Icon/icons";
+/**
+ * CriterionProps
+ */
+type CriterionProps = {
+    criterionId?: string;
+    displayName?: string;
+    namespace?: string;
+    options?: BadgeActivityProps[];
+};
+/**
+ * BadgeCardProps
+ */
+export type BadgeCardProps = {
+    icon?: IconName;
+    isLoading?: boolean;
+    displayName?: string;
+    imageURL?: string;
+    level?: number;
+    summary?: string;
+    criteria?: CriterionProps[];
+    choices?: BadgeActivityProps[];
+    canSubmit?: boolean;
+    finishedAt?: string;
+    preview?: boolean;
+    onMoreChoices?: () => void;
+    onClose?: () => void;
+    onSubmit?: () => void;
+};
+/**
+ * BadgeCard
+ * @param props
+ * @constructor
+ */
+export declare const BadgeCard: (props: BadgeCardProps) => JSX.Element;
+export {};

package/dist/features/badges/BadgeCard/component.stories.d.ts

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

package/dist/features/badges/BadgeEmblem/BadgeEmblem.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { IconName } from "../../../components/Icon/Icon";
+/**
+ * BadgeEmblemProps
+ */
+export type BadgeEmblemProps = {
+    icon?: IconName;
+    alt?: string;
+    imageURL?: string;
+    level?: number;
+    size?: "sm" | "md" | "lg";
+};
+/**
+ * BadgeEmblem
+ * @param props
+ * @constructor
+ */
+export declare const BadgeEmblem: (props: BadgeEmblemProps) => JSX.Element;

package/dist/features/badges/BadgeEmblem/component.stories.d.ts

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

package/dist/features/badges/BadgeSection/BadgeSection.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { BadgeProps } from "../Badge/Badge";
+/**
+ * BadgeSectionProps
+ */
+export type BadgeSectionProps = {
+    isLoading?: boolean;
+    readonly?: boolean;
+    showMore?: boolean;
+    badges?: BadgeProps[];
+};
+/**
+ * BadgeSection
+ * @param props
+ * @constructor
+ */
+export declare const BadgeSection: (props: BadgeSectionProps) => JSX.Element;

package/dist/features/badges/BadgeSection/component.stories.d.ts

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

package/dist/features/badges/BadgeSuccessDialog/BadgeSuccessDialog.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+/**
+ * BadgeSuccessDialogProps
+ */
+export type BadgeSuccessDialogProps = {
+    displayName?: string;
+    xp?: number;
+    level?: number;
+    onClose?: () => void;
+};
+/**
+ * BadgeSuccessDialog
+ * @param props
+ * @constructor
+ */
+export declare const BadgeSuccessDialog: (props: BadgeSuccessDialogProps) => JSX.Element;

package/dist/features/badges/BadgeSuccessDialog/component.stories.d.ts

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

package/dist/features/badges/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Badge/Badge";
+export * from "./BadgeActivityMenu/BadgeActivityMenu";
+export * from "./BadgeSection/BadgeSection";
+export * from "./BadgeSuccessDialog/BadgeSuccessDialog";

package/dist/features/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./badges";
+export * from "./learning-forms";
+export * from "./service-tracking";

package/dist/features/learning-forms/FormExitDialog/FormExitDialog.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/**
+ * FormExitDialogProps
+ */
+export type FormExitDialogProps = {
+    onYes?: () => void;
+    onNo?: () => void;
+};
+/**
+ * FormExitDialog
+ * @param props
+ * @constructor
+ */
+export declare const FormExitDialog: (props: FormExitDialogProps) => JSX.Element;

package/dist/features/learning-forms/FormExitDialog/component.stories.d.ts

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

package/dist/features/learning-forms/FormItem/FormItem.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+/**
+ * FormItemProps
+ */
+export type FormItemProps = {
+    itemId?: string;
+    displayName?: string;
+    description?: string;
+    format?: "question" | "image" | "embed" | "text";
+    questionType?: "radio" | "checkbox" | "drop down" | "file upload" | "text" | "date" | "time";
+    options?: string[];
+    paragraph?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    url?: string;
+    answerId?: string;
+    journalId?: string;
+    questionId?: string;
+    responses?: string[];
+    minText?: number;
+    children?: React.ReactNode;
+    onResponseChange?: (responses?: string[], file?: Blob) => void;
+    onTextBlur?: () => void;
+};
+/**
+ * FormItem
+ * @param props
+ * @constructor
+ */
+export declare const FormItem: (props: FormItemProps) => JSX.Element;

package/dist/features/learning-forms/FormItem/component.stories.d.ts

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

package/dist/features/learning-forms/FormSubmitDialog/FormSubmitDialog.d.ts

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

package/dist/features/learning-forms/FormSubmitDialog/component.stories.d.ts

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

package/dist/features/learning-forms/LearningForm/LearningForm.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { FormItemProps } from "../FormItem/FormItem";
+/**
+ * LearningFormProps
+ */
+export type LearningFormProps = {
+    formId?: string;
+    displayName?: string;
+    description?: string;
+    eta?: string;
+    imageURL?: string;
+    reflection?: string;
+    rating?: number;
+    items?: FormItemProps[];
+    preview?: boolean;
+    onHome?: () => void;
+    onGoBack?: () => void;
+    onSubmit?: (reflection: string, rating?: number) => Promise<any>;
+    onSaveDraft?: (items: FormItemProps[], reflection: string, rating?: number) => Promise<any>;
+};
+/**
+ * LearningForm
+ * @param props
+ * @constructor
+ */
+export declare const LearningForm: (props: LearningFormProps) => JSX.Element;

package/dist/features/learning-forms/LearningForm/component.stories.d.ts

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

package/dist/features/learning-forms/index.d.ts

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

package/dist/features/service-tracking/Form/Form.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+/**
+ * FormProps
+ */
+export type FormProps = {
+    inReview?: boolean;
+    showSubmitDialogue?: boolean;
+    showExitDialogue?: boolean;
+    children?: React.ReactNode;
+    onSubmit?: (responses: any) => Promise<any>;
+    onClose?: () => void;
+};
+/**
+ * Form
+ * @param props
+ * @constructor
+ */
+export declare const Form: (props: FormProps) => JSX.Element;

package/dist/features/service-tracking/Form/component.stories.d.ts

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

package/dist/features/service-tracking/FormExitDialog/FormExitDialog.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/**
+ * FormExitDialogProps
+ */
+export type FormExitDialogProps = {
+    onYes?: () => void;
+    onNo?: () => void;
+};
+/**
+ * FormExitDialog
+ * @param props
+ * @constructor
+ */
+export declare const FormExitDialog: (props: FormExitDialogProps) => JSX.Element;

package/dist/features/service-tracking/FormExitDialog/component.stories.d.ts

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

package/dist/features/service-tracking/FormInput/FormInput.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+/**
+ * FormInputProps
+ */
+export type FormInputProps = {
+    headline?: string;
+    summary?: string;
+    value?: string;
+    type?: "text" | "number" | "tel" | "email" | "date" | "dropdown";
+    options?: string[];
+    placeholder?: string;
+    paragraph?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    min?: string | number;
+    max?: string | number;
+    onChange?: (value: string) => void;
+};
+/**
+ * FormInput
+ * @param props
+ * @constructor
+ */
+export declare const FormInput: (props: FormInputProps) => JSX.Element;

package/dist/features/service-tracking/FormInput/component.stories.d.ts

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

package/dist/features/service-tracking/FormSubmitDialog/FormSubmitDialog.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/**
+ * FormSubmitDialogProps
+ */
+export type FormSubmitDialogProps = {
+    onGoBack?: () => void;
+    onContinue?: () => void;
+};
+/**
+ * FormSubmitDialog
+ * @param props
+ * @constructor
+ */
+export declare const FormSubmitDialog: (props: FormSubmitDialogProps) => JSX.Element;