trepur_components 2.3.6 → 2.3.8

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

@@ -0,0 +1,76 @@
+import { DropdownMenu } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, backgroundColour, menuItems, onClick, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        backgroundColour: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+            control: string;
+        };
+        menuItems: {
+            description: string;
+            control: 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: {
+        backgroundColour: string;
+        onClick: import('@storybook/addon-actions').HandlerFunction;
+        menuItems: {
+            name: string;
+            href: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof DropdownMenu>;
+export declare const Default: Story;

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

@@ -0,0 +1,14 @@
+import { Colours } from '../../utils/controls';
+import { default as React } from 'react';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    backgroundColour?: Colours;
+    menuItems: Array<{
+        name: string;
+        href: string;
+    }>;
+    onClick?: React.MouseEventHandler;
+}
+export declare const DropdownMenu: ({ id, className, backgroundColour, menuItems, onClick, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/DropdownMenu/index.js

@@ -0,0 +1,27 @@
+import { jsx as a, Fragment as h } from "react/jsx-runtime";
+import x from "classnames";
+const i = ({
+  id: t,
+  className: l,
+  backgroundColour: c = "white",
+  menuItems: r = [],
+  onClick: o
+}) => {
+  const s = x(
+    l,
+    "w-[250px] flex flex-col mt-2 rounded-2xl py-4 drop-shadow-lg absolute right-10"
+  );
+  return r ? /* @__PURE__ */ a("div", { id: t, className: s, children: r == null ? void 0 : r.map((e, p) => /* @__PURE__ */ a(
+    "a",
+    {
+      href: e.href,
+      onClick: (d) => o == null ? void 0 : o(d),
+      className: "px-4 py-2 text-ink hover:bg-lightest-grey",
+      children: e.name
+    },
+    p
+  )) }) : /* @__PURE__ */ a(h, {});
+};
+export {
+  i as DropdownMenu
+};

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

@@ -0,0 +1,100 @@
+import { DynamicTextSection } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, children, topLine, bottomLine, middleLine, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        children: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        topLine: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+        };
+        bottomLine: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+        };
+        middleLine: {
+            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: {
+        topLine: boolean;
+        bottomLine: boolean;
+        middleLine: boolean;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof DynamicTextSection>;
+export declare const Default: Story;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    children: React.ReactNode;
+    topLine?: boolean;
+    bottomLine?: boolean;
+    middleLine?: boolean;
+}
+export declare const DynamicTextSection: ({ id, className, children, topLine, bottomLine, middleLine, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/DynamicTextSection/index.js

@@ -0,0 +1,18 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { HorizontalLine as o } from "../HorizontalLine/index.js";
+const a = ({
+  id: r,
+  className: t,
+  children: i,
+  topLine: n = !1,
+  bottomLine: l = !1,
+  middleLine: c = !1
+}) => /* @__PURE__ */ m("div", { id: r, className: t, children: [
+  n && /* @__PURE__ */ e(o, { colour: "grey", topLine: !0 }),
+  i,
+  l && /* @__PURE__ */ e(o, { colour: "grey", bottomLine: !0 }),
+  c && /* @__PURE__ */ e(o, { colour: "grey", middleLine: !0 })
+] });
+export {
+  a as DynamicTextSection
+};

package/lib/components/FileUploader/FilePreview.d.ts

@@ -0,0 +1,8 @@
+interface FilePreviewProps {
+    id?: string;
+    className?: string;
+    fileData?: any;
+    onDismiss?: (e: any) => void;
+}
+export declare const FilePreview: ({ id, className, fileData, onDismiss, }: FilePreviewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,50 @@
+import { StoryObj } from '@storybook/react';
+import { FileUploader } from './';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, ctaText, text, imageUrl, onDrop, }: import('./').FileUploaderProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        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: {
+        ctaText: string;
+        text: string;
+        imageUrl: string;
+        onDrop: (files: any) => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof FileUploader>;
+export declare const Default: Story;

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

@@ -0,0 +1,9 @@
+export interface FileUploaderProps {
+    id?: string;
+    className?: string;
+    ctaText: string;
+    text?: string;
+    imageUrl?: string;
+    onDrop?: ([]: Iterable<any>) => void;
+}
+export declare const FileUploader: ({ id, className, ctaText, text, imageUrl, onDrop, }: FileUploaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,57 @@
+import { FilterItem } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, title, filters, onClick, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    argTypes: {
+        title: {
+            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: {
+        title: string;
+        filters: string[];
+        onClick: import('@storybook/addon-actions').HandlerFunction;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof FilterItem>;
+export declare const Default: Story;

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

@@ -0,0 +1,8 @@
+export interface Props {
+    id?: string;
+    className?: string;
+    title?: string;
+    filters?: string[];
+    onClick?: () => void;
+}
+export declare const FilterItem: ({ id, className, title, filters, onClick, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/FilterItem/index.js

@@ -0,0 +1,60 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { useState as y, useEffect as H } from "react";
+import { Checkbox as b } from "../Checkbox/index.js";
+import { Icon as v } from "../Icon/index.js";
+import { faChevronUp as C, faChevronDown as E } from "@fortawesome/fontawesome-free-solid";
+import c from "classnames";
+const $ = ({
+  id: a,
+  className: m,
+  title: x,
+  filters: i,
+  onClick: h
+}) => {
+  const [o, p] = y(!1);
+  H(() => {
+    var l;
+    const t = document.getElementsByClassName("FilterItem");
+    let e;
+    for (e = 0; e < t.length; e++)
+      (l = t[e]) == null || l.addEventListener("click", function(N) {
+        const s = this.nextElementSibling, u = s.scrollHeight.toString();
+        s.style.maxHeight === "0px" ? s.style.maxHeight = `${u}px` : s.style.maxHeight = "0px";
+      });
+  });
+  const d = c(m, "duration-300 transition-opactiy"), f = c(
+    {
+      "my-2 max-h-max": o,
+      "max-h-0": !o
+    },
+    "w-auto overflow-hidden px-4"
+  ), g = (t) => {
+    const e = t.currentTarget.nextElementSibling, l = e.scrollHeight.toString();
+    o ? e.style.maxHeight = "0px" : e.style.maxHeight = `${l}px`, p(!o);
+  };
+  return /* @__PURE__ */ r("div", { id: a, className: d, children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        onClick: (t) => {
+          g(t);
+        },
+        className: "flex w-full justify-between border-b px-6 py-3",
+        children: [
+          /* @__PURE__ */ n("h4", { children: x }),
+          /* @__PURE__ */ n(
+            v,
+            {
+              icon: o ? C : E,
+              colour: "black"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: f, children: /* @__PURE__ */ n("ul", { children: i == null ? void 0 : i.map((t, e) => /* @__PURE__ */ n("li", { className: "py-1", children: /* @__PURE__ */ n(b, { label: t, onClick: h }) }, `filter_${e}`)) }) })
+  ] });
+};
+export {
+  $ as FilterItem
+};

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

@@ -0,0 +1,105 @@
+import { Footer } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, text, buttonProps, variant, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    argTypes: {
+        text: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        buttonProps: {
+            type: {
+                name: string;
+                value: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variant: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+            control: {
+                type: 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: {
+        text: string;
+        variant: string;
+        buttonProps: {
+            children: string;
+            onClick: import('@storybook/addon-actions').HandlerFunction;
+            href: string;
+            target: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Footer>;
+export declare const Default: Story;

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

@@ -0,0 +1,10 @@
+import { Props as buttonProps } from '../Button';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    buttonProps?: buttonProps;
+    text?: string;
+    variant?: 'light' | 'dark';
+}
+export declare const Footer: ({ id, className, text, buttonProps, variant, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Footer/index.js

@@ -0,0 +1,36 @@
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import { Button as r } from "../Button/index.js";
+import { Container as f } from "../Container/index.js";
+import x from "classnames";
+const C = ({
+  id: d,
+  className: m,
+  text: a,
+  buttonProps: e,
+  variant: c
+}) => {
+  const l = x(m, c === "dark" ? "bg-primary text-white" : "bg-white text-primary");
+  return /* @__PURE__ */ i("div", { id: d, className: l, children: /* @__PURE__ */ h(
+    f,
+    {
+      withPadding: !0,
+      className: "block h-auto flex-wrap items-center justify-between md:flex",
+      children: [
+        /* @__PURE__ */ i("p", { className: "pb-4 pt-8 text-center md:my-8 md:pb-0 md:pt-0", children: a }),
+        /* @__PURE__ */ i("div", { className: "pb-8 pt-4 text-center md:pb-0 md:pt-0", children: (e == null ? void 0 : e.children) !== void 0 && ((e == null ? void 0 : e.href) !== void 0 || (e == null ? void 0 : e.onClick) !== void 0) && /* @__PURE__ */ i(
+          r,
+          {
+            variant: c === "dark" ? "primary" : "secondary",
+            rounded: !0,
+            href: e == null ? void 0 : e.href,
+            onClick: e == null ? void 0 : e.onClick,
+            children: e == null ? void 0 : e.children
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+export {
+  C as Footer
+};