consumer-eu-doctor-locator 0.0.1

package/README.md

@@ -0,0 +1,10 @@
+# Doc Locator components storybook library
+
+## Installation
+Requires node 18 or higher
+Install with: `npm install`
+
+## Sripts
+
+`npm run storybook` - starts the storybook UI
+`npm run build` - build the library - output files are in the /lib folder

package/lib/components/atoms/AnchorBar/AnchorBar.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type AnchorBarProps = {
+    anchors: {
+        label: string;
+        anchorId: string;
+    }[];
+};
+export declare const AnchorBar: React.FC<AnchorBarProps>;

package/lib/components/atoms/AnchorBar/AnchorBar.stories.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: React.FC<import("./AnchorBar").AnchorBarProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        anchors: {
+            control: "object";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/atoms/Icons/ArrowBackIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../lib/types";
+export declare const ArrowBackIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/ArrowUpIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../lib/types";
+export declare const ArrowUpIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/ChevronDown.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../lib/types";
+export declare const ChevronDown: React.FC<IconProps>;

package/lib/components/atoms/Icons/ChevronUp.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../lib/types";
+export declare const ChevronUp: React.FC<IconProps>;

package/lib/components/atoms/Icons/CloseIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../lib/types";
+export declare const CloseIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/DropdownIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../lib/types";
+export declare const DropdownIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/Forms/ClearFiltersIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const ClearFiltersIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/Forms/ExclamationCircleIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const ExclamationCircleIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/Forms/FilterIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const FilterIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/Forms/FormFieldErrorIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const FormFieldErrorIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/Forms/InfoIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const InfoIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/Forms/SearchIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const SearchIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/Forms/TrailingIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const TrailingIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/Icon.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { IconType } from "../../../lib/types";
+export type IconProps = {
+    type: IconType;
+    width?: number;
+    height?: number;
+    background?: string;
+    color?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement & SVGCircleElement & SVGRectElement>;
+export declare const Icon: (props: IconProps) => React.JSX.Element;

package/lib/components/atoms/Icons/Icon.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: (props: import("./Icon").IconProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        type: {
+            control: {
+                type: "select";
+                options: string[];
+                defaultValue: string;
+            };
+        };
+        width: {
+            control: "number";
+        };
+        height: {
+            control: "number";
+        };
+        color: {
+            control: "color";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SearchIcon: Story;
+export declare const TrailingIcon: Story;

package/lib/components/atoms/Icons/InfoIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../lib/types";
+export declare const InfoIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/LeftCircleArrowIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../lib/types";
+export declare const LeftCircleArrowIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/Location/Location.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const LocationIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/Location/SmallLocationIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const SmallLocationIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/MinusIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../lib/types";
+export declare const MinusIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/PlusIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../lib/types";
+export declare const PlusIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/RightCircleArrowIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../lib/types";
+export declare const RightCircleArrowIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/Selection/CheckButtonUnselected.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const CheckButtonUnselected: React.FC<IconProps>;

package/lib/components/atoms/Icons/Selection/CheckIconRaw.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const CheckIconRaw: React.FC<IconProps>;

package/lib/components/atoms/Icons/Selection/CheckSelected.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const CheckSelected: React.FC<IconProps>;

package/lib/components/atoms/Icons/Selection/RadioButtonChecked.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const RadioButtonChecked: React.FC<IconProps>;

package/lib/components/atoms/Icons/Selection/RadioButtonUnchecked.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const RadioButtonUnchecked: React.FC<IconProps>;

package/lib/components/atoms/Icons/arrows/ArrowIcon.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./ArrowIcon.scss";
+type Props = {
+    direction: "left" | "right";
+    disabled?: boolean;
+    isClickable?: boolean;
+    onClick?: () => void;
+};
+export default function ArrowIcon({ direction, isClickable, disabled, onClick, }: Props): React.JSX.Element;
+export {};

package/lib/components/atoms/Icons/listView/ListView.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ListView: () => React.JSX.Element;

package/lib/components/atoms/Icons/mapView/MapView.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const MapView: () => React.JSX.Element;

package/lib/components/atoms/Icons/socials/FacebookIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const FaceBookIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/socials/GoogleIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const GoogleIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/socials/InstagramIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const InstagramIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/socials/PhoneIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const PhoneIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/socials/TwitterIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const TwitterIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/socials/YoutubeIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconProps } from "../../../../lib/types";
+export declare const YouTubeIcon: React.FC<IconProps>;

package/lib/components/atoms/Icons/star/StarIcon.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+type IStarIcon = {
+    /**
+     * must be unique
+     */
+    id: string;
+    fillPercentage?: number;
+    width?: number;
+    height?: number;
+    fillColor?: string;
+};
+export declare const StarIcon: ({ id, width, height, fillColor, fillPercentage, }: IStarIcon) => React.JSX.Element;
+export {};

package/lib/components/atoms/Loader/Loader.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface LoaderProps {
+    loader?: boolean;
+    showText?: string;
+    size?: "sm" | "md" | "lg";
+    variant?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "dark" | "light";
+}
+export declare const Loader: React.FC<LoaderProps>;

package/lib/components/atoms/Loader/Loader.stories.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: React.FC<import("./Loader").LoaderProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const loader: Story;
+export declare const NoText: Story;
+export declare const loaderNoText: Story;
+export declare const Large: Story;

package/lib/components/atoms/ProfileImage/ProfileImage.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface ProfileImageProps {
+    src: string;
+    alt?: string;
+    fallback: string;
+    badgeUrl: string | null;
+    width?: number;
+    height?: number;
+}
+export declare const ProfileImage: React.FC<ProfileImageProps>;

package/lib/components/atoms/ProfileImage/ProfileImage.stories.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: React.FC<import("./ProfileImage").ProfileImageProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        src: {
+            control: "text";
+        };
+        fallback: {
+            control: "text";
+        };
+        badgeUrl: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoProfileImage: Story;
+export declare const WithBadge: Story;

package/lib/components/atoms/bootstrapmodal/BootstrapModal.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export interface BootstrapModalProps {
+    show?: boolean;
+    onHide?: () => void;
+    header?: string;
+    children?: React.ReactNode;
+    renderHeader?: () => React.ReactNode;
+    renderFooter?: () => React.ReactNode;
+    renderCloseIcon?: () => React.ReactNode;
+    centered?: boolean;
+    size?: "sm" | "lg" | "xl";
+    animation?: boolean;
+    className?: string;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export declare const BootstrapModal: React.FC<BootstrapModalProps>;

package/lib/components/atoms/bootstrapmodal/BootstrapModal.stories.d.ts

@@ -0,0 +1,47 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: React.FC<import("./BootstrapModal").BootstrapModalProps>;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        show: false;
+    };
+    tags: string[];
+    argTypes: {};
+    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        show?: boolean | undefined;
+        onHide?: (() => void) | undefined;
+        header?: string | undefined;
+        children?: React.ReactNode;
+        renderHeader?: (() => React.ReactNode) | undefined;
+        renderFooter?: (() => React.ReactNode) | undefined;
+        renderCloseIcon?: (() => React.ReactNode) | undefined;
+        centered?: boolean | undefined;
+        size?: "sm" | "lg" | "xl" | undefined;
+        animation?: boolean | undefined;
+        className?: string | undefined;
+    }>, ctx: import("@storybook/core/csf").StoryContext<import("@storybook/react").ReactRenderer, {
+        show?: boolean | undefined;
+        onHide?: (() => void) | undefined;
+        header?: string | undefined;
+        children?: React.ReactNode;
+        renderHeader?: (() => React.ReactNode) | undefined;
+        renderFooter?: (() => React.ReactNode) | undefined;
+        renderCloseIcon?: (() => React.ReactNode) | undefined;
+        centered?: boolean | undefined;
+        size?: "sm" | "lg" | "xl" | undefined;
+        animation?: boolean | undefined;
+        className?: string | undefined;
+    }>) => React.JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomHeaderFooter: Story;
+export declare const CloseButtonFooter: Story;
+export declare const CenteredModel: Story;
+export declare const TriggeredByButton: Story;
+export declare const ModalForm: Story;

package/lib/components/atoms/buttons/button/Button.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export type ButtonProps = {
+    variant: "primary" | "secondary" | "tertiary";
+    href?: string;
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    size?: "xs" | "md" | "lg";
+    width?: "unset" | "lg" | "fit" | "100";
+    className?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    fontColor?: "heritage-blue";
+    style?: React.CSSProperties;
+    onClick?: (e: React.MouseEvent) => void;
+    target?: "_blank" | "_self";
+};
+export declare const Button: React.FC<ButtonProps>;

package/lib/components/atoms/buttons/button/Button.stories.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: React.FC<import("./Button").ButtonProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DefaultButton: Story;
+export declare const PrimaryButton: Story;
+export declare const SecondaryButton: Story;
+export declare const TertiaryButton: Story;
+export declare const LargeButtonWithIcon: Story;
+export declare const DisabledButton: Story;
+export declare const ButtonWithLink: Story;
+export declare const ButtonWithRightIcon: Story;
+export declare const ButtonWithCustomFontColor: Story;

package/lib/components/atoms/inputs/chip/Chip.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IChip } from "./chipTypes";
+export declare const Chip: React.MemoExoticComponent<(props: IChip) => React.JSX.Element>;

package/lib/components/atoms/inputs/chip/Chip.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").MemoExoticComponent<(props: import("./chipTypes").IChip) => import("react").JSX.Element>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const FullyEquippedComponent: Story;
+export declare const WithLeftIcon: Story;
+export declare const WithRightIcon: Story;

package/lib/components/atoms/inputs/chip/chipConstants.d.ts

@@ -0,0 +1,4 @@
+import { IChipIcon } from "./chipTypes";
+type IChipIconTypes = "CheckIcon" | "FilterIcon" | "DropdownIcon";
+export declare const chipIconMap: Record<IChipIconTypes, IChipIcon>;
+export {};

package/lib/components/atoms/inputs/chip/chipTypes.d.ts

@@ -0,0 +1,36 @@
+import { chipIconMap } from "./chipConstants";
+type IChipVariant = "outlined" | "filled";
+export type IChipIcon = {
+    icon: JSX.Element;
+    className: {
+        [key in IChipVariant]: `${string}${key}${string}`;
+    };
+};
+export type IChipIconType = keyof typeof chipIconMap;
+export type IChip = {
+    /**
+     * The text displayed on the Chip
+     */
+    label: string;
+    /**
+     * Controls the styling of the Chip
+     */
+    variant: IChipVariant;
+    /**
+     * Callback for the onClick event
+     */
+    onClick: () => void;
+    /**
+     * An icon displayed at the start of the Chip
+     */
+    leftIconType?: IChipIconType;
+    /**
+     * An icon displayed at the end of the Chip
+     */
+    rightIconType?: IChipIconType;
+    /**
+     * Controls wether the Chip is clickable
+     */
+    disabled?: boolean;
+};
+export {};

package/lib/components/atoms/inputs/formikInputs/InputContainer/InputContainer.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface InputContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    error: boolean;
+    onDarkBg?: boolean;
+    hideLabelOnFocus?: boolean;
+}
+export declare const InputContainer: React.ForwardRefExoticComponent<InputContainerProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/atoms/inputs/formikInputs/InputContainer/InputContainer.stories.d.ts

@@ -0,0 +1,8 @@
+import { InputContainer } from "./InputContainer";
+import { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof InputContainer>;
+export default meta;
+export declare const DefaultInputContainer: StoryObj<typeof InputContainer>;
+export declare const InputContainerWithError: StoryObj<typeof InputContainer>;
+export declare const InputContainerOnDarkBg: StoryObj<typeof InputContainer>;
+export declare const InputContainerHideLabelOnFocus: StoryObj<typeof InputContainer>;

package/lib/components/atoms/inputs/formikInputs/InputLabel/InputLabel.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const InputLabel: React.FC<React.LabelHTMLAttributes<HTMLLabelElement>>;

package/lib/components/atoms/inputs/formikInputs/InputLabel/InputLabel.stories.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { InputLabel } from "./InputLabel";
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: React.FC<React.LabelHTMLAttributes<HTMLLabelElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+export declare const DefaultInputLabel: StoryObj<typeof InputLabel>;
+export declare const CustomClassNameInputLabel: StoryObj<typeof InputLabel>;
+export declare const InputLabelWithFor: StoryObj<typeof InputLabel>;
+export declare const StyledInputLabel: StoryObj<typeof InputLabel>;

package/lib/components/atoms/inputs/formikInputs/InputText/InputText.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { CustomFieldDef } from "../../../../../lib/types";
+export declare const InputText: React.FC<CustomFieldDef>;
+type MaskHandlerProps = {
+    inputRef: React.RefObject<HTMLInputElement>;
+    type: "text" | "number";
+    value: string;
+    mask?: string;
+    numberRegex?: RegExp;
+    letterRegex?: RegExp;
+    uppercase?: boolean;
+    onChange: (v: string) => void;
+};
+export declare const useChangeHandler: ({ inputRef, type, value, mask, numberRegex, letterRegex, onChange, }: MaskHandlerProps) => {
+    restOfTheMask: string | undefined;
+    handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+export {};

package/lib/components/atoms/inputs/formikInputs/InputText/InputText.stories.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react";
+import { InputText } from "./InputText";
+declare const meta: {
+    title: string;
+    component: React.FC<import("../../../../..").CustomFieldDef>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+export declare const DefaultInputText: StoryObj<typeof InputText>;
+export declare const InputTextWithIcons: StoryObj<typeof InputText>;
+export declare const InputTextWithMask: StoryObj<typeof InputText>;
+export declare const InputTextWithError: StoryObj<typeof InputText>;

package/lib/components/atoms/inputs/formikInputs/InputTextArea/InputTextArea.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CustomFieldDef } from "../../../../../lib/types";
+export declare const InputTextArea: React.FC<CustomFieldDef>;

package/lib/components/atoms/inputs/formikInputs/InputTextArea/InputTextArea.stories.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react";
+import { InputTextArea } from "./InputTextArea";
+declare const meta: {
+    title: string;
+    component: React.FC<import("../../../../..").CustomFieldDef>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+export declare const DefaultInputTextArea: StoryObj<typeof InputTextArea>;
+export declare const InputTextAreaWithIcons: StoryObj<typeof InputTextArea>;
+export declare const InputTextAreaWithError: StoryObj<typeof InputTextArea>;
+export declare const InputTextAreaWithVariant: StoryObj<typeof InputTextArea>;