trepur_components 2.3.6 → 2.3.8

package/lib/components/FooterNav/FooterNav.stories.d.ts

@@ -0,0 +1,135 @@
+import { FooterNav } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, backgroundColour, colour, hoverColour, hoverBgColour, footerItems, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        title: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        subtitle: {
+            type: {
+                name: string;
+                value: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        withAnimation: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+        };
+        withHoverEffect: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+        };
+        iconProps: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        large: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+        };
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        backgroundColour: string;
+        colour: string;
+        hoverColour: string;
+        footerItems: {
+            title: string;
+            href: string;
+            iconProps: {
+                icon: import('@fortawesome/fontawesome-free-solid').IconDefinition;
+            };
+            onClick: import('@storybook/addon-actions').HandlerFunction;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof FooterNav>;
+export declare const Default: Story;

package/lib/components/FooterNav/index.d.ts

@@ -0,0 +1,13 @@
+import { Colours } from '../../utils/controls';
+import { FooterNavItemProps } from '../FooterNavItem';
+
+export interface Props {
+    id: string;
+    className?: string;
+    backgroundColour?: Colours;
+    colour?: Colours;
+    hoverColour?: Colours;
+    hoverBgColour?: Colours;
+    footerItems: FooterNavItemProps[];
+}
+export declare const FooterNav: ({ id, className, backgroundColour, colour, hoverColour, hoverBgColour, footerItems, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/FooterNav/index.js

@@ -0,0 +1,28 @@
+import { jsx as i } from "react/jsx-runtime";
+import { FooterNavItem as e } from "../FooterNavItem/index.js";
+import d from "classnames";
+const t = ({
+  id: c,
+  className: l,
+  backgroundColour: s = "white",
+  colour: a = "black",
+  hoverColour: n = "black",
+  hoverBgColour: p = "black",
+  footerItems: o
+}) => {
+  const b = d(
+    l,
+    "fixed bottom-0 flex w-full justify-between px-4 border-t border-lightest-grey"
+  );
+  return /* @__PURE__ */ i("div", { id: c, className: b, children: o == null ? void 0 : o.map((r, u) => (r.iconProps.colour = a, r.iconProps.hoverColour = n, r.iconProps.hoverBgColour = p, r.iconProps.size = 2, /* @__PURE__ */ i(
+    e,
+    {
+      ...r,
+      backgroundColour: s
+    },
+    u
+  ))) });
+};
+export {
+  t as FooterNav
+};

package/lib/components/FooterNavItem/FooterNavItem.stories.d.ts

@@ -0,0 +1,93 @@
+import { FooterNavItem } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, title, iconProps, bgColour, hoverBgColour, colour, hoverColour, onClick, href, }: import('.').FooterNavItemProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        title: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconProps: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        backgroundColour: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+            control: string;
+        };
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        title: string;
+        href: string;
+        iconProps: {
+            type: string;
+            size: number;
+            hollow: boolean;
+        };
+        onClick: import('@storybook/addon-actions').HandlerFunction;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof FooterNavItem>;
+export declare const Default: Story;

package/lib/components/FooterNavItem/index.d.ts

@@ -0,0 +1,16 @@
+import { Colours } from '../../utils/controls';
+import { IconProps } from '../Icon';
+
+export interface FooterNavItemProps {
+    id: string;
+    className?: string;
+    title?: string;
+    iconProps?: IconProps;
+    bgColour?: Colours;
+    hoverBgColour?: Colours;
+    colour?: Colours;
+    hoverColour?: Colours;
+    onClick?: () => void;
+    href: string;
+}
+export declare const FooterNavItem: ({ id, className, title, iconProps, bgColour, hoverBgColour, colour, hoverColour, onClick, href, }: FooterNavItemProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/FooterNavItem/index.js

@@ -0,0 +1,27 @@
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { Icon as m } from "../Icon/index.js";
+import u from "classnames";
+const g = ({
+  id: t,
+  className: s,
+  title: r,
+  iconProps: e,
+  bgColour: d = "white",
+  hoverBgColour: p = "secondary",
+  colour: a = "grey",
+  hoverColour: h = "white",
+  onClick: i,
+  href: l
+}) => {
+  const n = u(
+    s,
+    "group w-full cursor-pointer py-2 text-center transition-all duration-500"
+  );
+  return /* @__PURE__ */ o("div", { id: t, className: n, children: /* @__PURE__ */ c("a", { href: l, onClick: i, children: [
+    e !== void 0 && /* @__PURE__ */ o(m, { ...e, colour: a }),
+    r !== void 0 && r !== "" && /* @__PURE__ */ o("p", { className: "pt-0.5 text-xs font-regular", children: r })
+  ] }) });
+};
+export {
+  g as FooterNavItem
+};

package/lib/components/Form/Form.stories.d.ts

@@ -0,0 +1,117 @@
+import { Form } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, onSubmit, ref, components }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        title: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onSubmit: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        ref: {
+            type: {
+                name: string;
+                value: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        components: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        components: ({
+            htmlType: string;
+            label: string;
+            placeholder: string;
+            children: string;
+            className: string;
+        } | {
+            htmlType: string;
+            children: string;
+            label?: undefined;
+            placeholder?: undefined;
+            className?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Form>;
+export declare const Default: Story;

package/lib/components/Form/index.d.ts

@@ -0,0 +1,13 @@
+import { Props as inputProps } from '../Input';
+import { Props as buttonProps } from '../Button';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    onSubmit?: () => void;
+    ref?: string;
+    components?: Array<inputProps & buttonProps & {
+        htmlType: string;
+    }>;
+}
+export declare const Form: ({ id, className, onSubmit, ref, components }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Form/index.js

@@ -0,0 +1,28 @@
+import { jsx as l, Fragment as y } from "react/jsx-runtime";
+import { Button as N } from "../Button/index.js";
+import { Container as b } from "../Container/index.js";
+import { Input as C } from "../Input/index.js";
+import s from "classnames";
+const I = ({ id: u, className: h, onSubmit: d, ref: f, components: a }) => /* @__PURE__ */ l(b, { withPadding: !0, children: /* @__PURE__ */ l("form", { id: u, ref: f, className: h, onSubmit: d, children: a == null ? void 0 : a.map((r, i) => (r == null ? void 0 : r.htmlType) === "Input" ? /* @__PURE__ */ l(
+  C,
+  {
+    className: s(r == null ? void 0 : r.className),
+    label: r == null ? void 0 : r.label,
+    placeholder: r == null ? void 0 : r.placeholder,
+    type: r == null ? void 0 : r.type,
+    name: r == null ? void 0 : r.name
+  },
+  `input_${i + 0}`
+) : r.htmlType === "Button" ? /* @__PURE__ */ l(
+  N,
+  {
+    type: r == null ? void 0 : r.type,
+    onClick: r == null ? void 0 : r.onClick,
+    className: s(r == null ? void 0 : r.className),
+    children: r == null ? void 0 : r.children
+  },
+  `button_${i + 0}`
+) : /* @__PURE__ */ l(y, {})) }) });
+export {
+  I as Form
+};

package/lib/components/FyreCard/FyreCard.stories.d.ts

@@ -0,0 +1,58 @@
+import { FyreCard } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, image, imageClass, altText, bordered, buttonProps, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    argTypes: {
+        image: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        image: string;
+        buttonProps: {
+            children: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof FyreCard>;
+export declare const Default: Story;

package/lib/components/FyreCard/index.d.ts

@@ -0,0 +1,12 @@
+import { Props as buttonProps } from '../Button';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    image?: string;
+    imageClass?: string;
+    altText?: string;
+    bordered?: string;
+    buttonProps?: buttonProps;
+}
+export declare const FyreCard: ({ id, className, image, imageClass, altText, bordered, buttonProps, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/FyreCard/index.js

@@ -0,0 +1,27 @@
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import { Button as o } from "../Button/index.js";
+import c from "classnames";
+const v = ({
+  id: r,
+  className: s,
+  image: i,
+  imageClass: a,
+  altText: d,
+  bordered: m,
+  buttonProps: l
+}) => {
+  const f = c(
+    {
+      "border border-grey border-opacity-100": m
+    },
+    s,
+    "flex flex-col"
+  ), n = c(a, "w-full");
+  return /* @__PURE__ */ e("div", { id: r, className: f, children: /* @__PURE__ */ x("div", { className: c("flex flex-1 flex-col", "card-content"), children: [
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { className: n, src: i, alt: d }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(o, { ...l, children: l == null ? void 0 : l.children }) })
+  ] }) }, r);
+};
+export {
+  v as FyreCard
+};

package/lib/components/Greeting/Greeting.stories.d.ts

@@ -0,0 +1,83 @@
+import { Greeting } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ morningMessage, afternoonMessage, eveningMessage, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        morningMessage: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        afternoonMessage: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        eveningMessage: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        morningMessage: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Greeting>;
+export declare const Default: Story;

package/lib/components/Greeting/index.d.ts

@@ -0,0 +1,8 @@
+export interface Props {
+    id?: string;
+    className?: string;
+    morningMessage?: string;
+    afternoonMessage?: string;
+    eveningMessage?: string;
+}
+export declare const Greeting: ({ morningMessage, afternoonMessage, eveningMessage, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Greeting/index.js

@@ -0,0 +1,13 @@
+import { jsx as d } from "react/jsx-runtime";
+const m = ({
+  morningMessage: n = "Good morning",
+  afternoonMessage: s = "Good afternoon",
+  eveningMessage: i = "Good evening"
+}) => {
+  const o = /* @__PURE__ */ new Date(), r = `0${o.getHours().toString()}`.slice(-2), c = `0${o.getMinutes().toString()}`.slice(-2), g = `0${o.getSeconds().toString()}`.slice(-2), e = parseInt(`${r}${c}${g}`);
+  let t = "";
+  return e < 12e4 ? t = n : e > 115959 && e < 17e4 ? t = s : e > 165959 && (t = i), /* @__PURE__ */ d("p", { children: t });
+};
+export {
+  m as Greeting
+};