trepur_components 2.3.7 → 2.3.8

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

@@ -0,0 +1,55 @@
+import { Showcase } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, title, subTitle, description, bgColour, size, iconProps, }: import('.').Props) => 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: {
+        title: string;
+        subTitle: string;
+        description: string;
+        bgColour: string;
+        size: string;
+        iconProps: {
+            icon: import('@fortawesome/fontawesome-free-solid').IconDefinition;
+            onClick: import('@storybook/addon-actions').HandlerFunction;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Showcase>;
+export declare const Default: Story;

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

@@ -0,0 +1,15 @@
+import { Colours } from '../../utils/controls';
+import { IconProps } from '../Icon';
+
+export interface Props {
+    id: string;
+    className?: string;
+    title: string;
+    subTitle: string;
+    description: string;
+    bgColour?: Colours;
+    image: string;
+    size?: 'small' | 'medium' | 'large';
+    iconProps?: IconProps;
+}
+export declare const Showcase: ({ id, className, title, subTitle, description, bgColour, size, iconProps, }: Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,80 @@
+import { SideNav } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, children, bgColour, showNav, leftExpand, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+    argTypes: {
+        navLinks: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        bgColour: {
+            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: {
+        children: import("react/jsx-runtime").JSX.Element;
+        showNav: boolean;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof SideNav>;
+export declare const Default: Story;

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

@@ -0,0 +1,12 @@
+import { Colours } from '../../utils/controls';
+
+export interface Props {
+    id: string;
+    className: string;
+    children: any;
+    getNavStatus: (asSideBar: boolean, open: boolean) => void;
+    bgColour?: Colours;
+    showNav?: boolean;
+    leftExpand?: boolean;
+}
+export declare const SideNav: ({ id, className, children, bgColour, showNav, leftExpand, }: Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,101 @@
+import { SocialBlock } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, title, description, bgColour, socialButtons, variant, }: import('.').SocialBlockProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    argTypes: {
+        withLiveUpdates: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        onSave: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            action: 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: {
+        title: string;
+        description: string;
+        editTitleClasses: string;
+        editTextClasses: string;
+        editInputClasses: string;
+        onSave: import('@storybook/addon-actions').HandlerFunction;
+        withLiveUpdates: boolean;
+        socialButtons: {
+            type: string;
+            href: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof SocialBlock>;
+export declare const Default: Story;

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

@@ -0,0 +1,14 @@
+import { Colours } from '../../utils/controls';
+
+export interface SocialBlockProps {
+    id?: string;
+    className?: string;
+    title?: string;
+    description?: string;
+    bgColour?: Colours;
+    socialButtons?: Array<{
+        type: string;
+    }>;
+    variant: 'light' | 'dark';
+}
+export declare const SocialBlock: ({ id, className, title, description, bgColour, socialButtons, variant, }: SocialBlockProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/SocialBlock/index.js

@@ -0,0 +1,37 @@
+import { jsx as e } from "react/jsx-runtime";
+import { ComponentWrapper as d } from "../ComponentWrapper/index.js";
+import { SocialButton as h } from "../SocialButton/index.js";
+import f from "classnames";
+const y = ({
+  id: a,
+  className: m,
+  title: c,
+  description: o,
+  bgColour: i,
+  socialButtons: r,
+  variant: p = "light"
+}) => {
+  const s = f("w-full", m, p === "dark" ? "bg-primary text-white placeholder-white" : "bg-white text-black placeholder-primary");
+  return /* @__PURE__ */ e(
+    d,
+    {
+      id: a,
+      className: s,
+      title: c,
+      description: o,
+      bgColour: i,
+      children: /* @__PURE__ */ e("div", { className: "flex w-full", children: /* @__PURE__ */ e("div", { className: "mx-auto inline-block rounded-full px-2", children: /* @__PURE__ */ e("div", { className: "flex", children: r == null ? void 0 : r.map((l, t) => l.href !== void 0 && /* @__PURE__ */ e(
+        h,
+        {
+          className: "mx-1 my-2",
+          type: l.type,
+          href: l.href
+        },
+        `socual_button_${t}`
+      )) }) }) })
+    }
+  );
+};
+export {
+  y as SocialBlock
+};

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

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

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

@@ -0,0 +1,12 @@
+import { SocialTypes } from '../../utils/controls';
+import { default as React } from 'react';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    onClick?: React.MouseEventHandler;
+    type?: SocialTypes;
+    href?: string;
+    openInNewTab?: boolean;
+}
+export declare const SocialButton: ({ id, className, onClick, type, href, openInNewTab, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/SocialButton/index.js

@@ -0,0 +1,37 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Icon as s } from "../Icon/index.js";
+import { faStar as b } from "@fortawesome/fontawesome-free-solid";
+import f from "classnames";
+const h = ({
+  id: r,
+  className: e,
+  onClick: a,
+  type: o = "facebook",
+  href: t,
+  openInNewTab: n = !1
+}) => {
+  const c = f(
+    "flex h-16 w-16 transform rounded-full duration-500",
+    e,
+    {
+      "bg-facebook hover:bg-interactive-facebook": o === "facebook",
+      "bg-github hover:bg-interactive-github": o === "github",
+      "": o === "instagram",
+      "bg-linkedin hover:bg-interactive-linkedin": o === "linkedin"
+    }
+  ), l = o.toString();
+  return /* @__PURE__ */ i(
+    "a",
+    {
+      className: "rounded-full",
+      href: t,
+      "aria-label": `view me on ${l}`,
+      onClick: a,
+      ...n && { target: "_blank" },
+      children: /* @__PURE__ */ i("div", { id: r, className: c, children: /* @__PURE__ */ i(s, { icon: b, size: "2x", colour: "white" }) })
+    }
+  );
+};
+export {
+  h as SocialButton
+};

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

@@ -0,0 +1,49 @@
+import { StarRating } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, stars, size, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    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: {
+        stars: number;
+        size: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof StarRating>;
+export declare const Default: Story;

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

@@ -0,0 +1,9 @@
+import { SizeProp } from '@fortawesome/fontawesome-svg-core';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    stars?: number;
+    size?: SizeProp;
+}
+export declare const StarRating: ({ id, className, stars, size, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/StarRating/index.js

@@ -0,0 +1,47 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Icon as e } from "../Icon/index.js";
+import { faStar as a } from "@fortawesome/fontawesome-free-solid";
+import u from "classnames";
+const S = ({
+  id: n,
+  className: i,
+  stars: c = 1,
+  size: o = "2x"
+}) => {
+  const l = u(i, "flex"), d = () => {
+    const t = [];
+    for (let r = 0; r < c; r++)
+      t.push(
+        /* @__PURE__ */ s(
+          e,
+          {
+            id: `checked-${r}`,
+            icon: a,
+            size: o,
+            colour: "gold"
+          },
+          `checked_star_${r + 0}`
+        )
+      );
+    return t;
+  }, m = () => {
+    const t = [];
+    for (let r = 0; r < 5 - c; r++)
+      t.push(
+        /* @__PURE__ */ s(
+          e,
+          {
+            id: `unchecked-${r}`,
+            icon: a,
+            size: o
+          },
+          `unchecked_star_${r + 0}`
+        )
+      );
+    return t;
+  };
+  return /* @__PURE__ */ s("div", { id: n, className: l, children: [...d(), ...m()] });
+};
+export {
+  S as StarRating
+};