trepur_components 2.3.8 → 2.3.10

package/lib/components/ProductCard/index.js

@@ -1,69 +0,0 @@
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import { useState as P } from "react";
-import { Button as n } from "../Button/index.js";
-import { Icon as j } from "../Icon/index.js";
-import { faPercent as y } from "@fortawesome/fontawesome-free-solid";
-import C from "classnames";
-import { Counter as H } from "../Counter/index.js";
-const A = ({
-  id: h,
-  className: u,
-  imageProps: f,
-  title: o,
-  textLineOne: i,
-  textLineTwo: r,
-  textLineThree: t,
-  count: d,
-  ctaText: v,
-  isEditable: p = !1,
-  ctaOnClick: g,
-  onEditClick: N,
-  onCounterClick: l
-}) => {
-  const [c, m] = P(!1), x = "text-md font-medium", a = "text-sm font-regular", b = C(
-    u,
-    "absolute flex flex-col rounded-lg shadow-xl max-w-[380px]"
-  );
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      id: h,
-      className: b,
-      onMouseOver: () => {
-        m(!0);
-      },
-      onMouseOut: () => {
-        m(!1);
-      },
-      children: [
-        /* @__PURE__ */ e("div", { className: "relative", children: [
-          /* @__PURE__ */ s("img", { className: "w-full object-cover h-96 overflow-hidden rounded-t-lg", ...f }),
-          p && /* @__PURE__ */ s("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ s(n, { type: "icon", variant: "secondary", onClick: N, children: /* @__PURE__ */ s(j, { icon: y }) }) })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "h-150px overflow-hidden", children: [
-          !c && /* @__PURE__ */ e("div", { className: "mt-0 h-full rounded-b-lg bg-white p-6 transition-all duration-300", children: [
-            o !== void 0 && /* @__PURE__ */ s("h3", { className: x, children: o }),
-            i !== void 0 && /* @__PURE__ */ s("h4", { className: a, children: i }),
-            r !== void 0 && /* @__PURE__ */ s("h4", { className: a, children: r }),
-            t !== void 0 && /* @__PURE__ */ s("h4", { className: a, children: t })
-          ] }),
-          c && /* @__PURE__ */ s("div", { className: "mt-0 flex h-full rounded-b-lg bg-white p-6 text-center transition-all duration-300", children: /* @__PURE__ */ e("div", { className: "mx-auto my-auto", children: [
-            /* @__PURE__ */ s(n, { onClick: g, children: v }),
-            d !== void 0 && /* @__PURE__ */ s(
-              H,
-              {
-                count: d,
-                onClick: (w) => {
-                  l == null || l(w);
-                }
-              }
-            )
-          ] }) })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  A as ProductCard
-};

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

@@ -1,75 +0,0 @@
-import { ProductCardV2 } from '.';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ id, className, imageProps, title, textLineOne, textLineTwo, textLineThree, topRightIcon, bottomRightIcon, topLeftIcon, bottomLeftIcon, onClick, onCounterClick, count, isSelected, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        imageProps: {
-            description: string;
-        };
-        title: {
-            description: string;
-        };
-        subTitle: {
-            description: string;
-        };
-        description: {
-            description: string;
-        };
-        href: {
-            description: 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: {
-        imageProps: {
-            src: string;
-        };
-        title: string;
-        textLineOne: string;
-        topRightIcon: string;
-        bottomRightIcon: {
-            colour: string;
-            type: string;
-            size: number;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof ProductCardV2>;
-export declare const Default: Story;

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

@@ -1,21 +0,0 @@
-import { Props as imageProps } from '../Image';
-import { IconProps } from '../Icon';
-
-export interface Props {
-    id?: string;
-    className?: string;
-    title?: string;
-    imageProps?: imageProps;
-    topRightIcon?: IconProps;
-    bottomRightIcon?: IconProps;
-    topLeftIcon?: IconProps;
-    bottomLeftIcon?: IconProps;
-    textLineOne?: string;
-    textLineTwo?: string;
-    textLineThree?: string;
-    onClick?: () => void;
-    onCounterClick?: (count: number) => void;
-    count?: number;
-    isSelected?: boolean;
-}
-export declare const ProductCardV2: ({ id, className, imageProps, title, textLineOne, textLineTwo, textLineThree, topRightIcon, bottomRightIcon, topLeftIcon, bottomLeftIcon, onClick, onCounterClick, count, isSelected, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ProductCardV2/index.js

@@ -1,67 +0,0 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { Counter as n } from "../Counter/index.js";
-import { Icon as s } from "../Icon/index.js";
-import g from "classnames";
-const P = ({
-  id: f,
-  className: u,
-  imageProps: v,
-  title: d,
-  textLineOne: l,
-  textLineTwo: t,
-  textLineThree: c,
-  topRightIcon: m,
-  bottomRightIcon: o,
-  topLeftIcon: i,
-  bottomLeftIcon: h,
-  onClick: N,
-  onCounterClick: e,
-  count: x,
-  isSelected: b = !1
-}) => /* @__PURE__ */ a(
-  "div",
-  {
-    id: f,
-    className: g(
-      {
-        "rounded-lg border-2 border-border-light p-2": b
-      },
-      u,
-      "max-w-[600px] scale-100 transform cursor-pointer duration-300"
-    ),
-    onClick: N,
-    children: [
-      /* @__PURE__ */ a("div", { className: "relative", children: [
-        /* @__PURE__ */ r(
-          "img",
-          {
-            className: "aspect-square w-full rounded-xl bg-white object-cover",
-            ...v
-          }
-        ),
-        m && /* @__PURE__ */ r(s, { ...m }),
-        o && /* @__PURE__ */ r(s, { ...o, colour: "success" }),
-        i && /* @__PURE__ */ r(s, { ...i }),
-        h && /* @__PURE__ */ r(s, { ...h, colour: "success" }),
-        x && /* @__PURE__ */ r("div", { className: "absolute bottom-4 left-4 cursor-pointer", children: /* @__PURE__ */ r(
-          n,
-          {
-            count: x,
-            onClick: (p) => {
-              e == null || e(p);
-            }
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "mt-4", children: [
-        d !== void 0 && /* @__PURE__ */ r("h3", { className: "text-md font-light text-ink", children: d }),
-        l !== void 0 && /* @__PURE__ */ r("h4", { className: "text-sm font-extraLight text-border-dark", children: l }),
-        t !== void 0 && /* @__PURE__ */ r("h4", { className: "text-sm font-extraLight text-border-dark", children: t }),
-        c !== void 0 && /* @__PURE__ */ r("h4", { className: "text-sm font-extraLight text-border-dark", children: c })
-      ] })
-    ]
-  }
-);
-export {
-  P as ProductCardV2
-};

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

@@ -1,51 +0,0 @@
-import { Proficiencies } from '.';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ id, className, title, description, proficiencies, bgColour, }: 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;
-        proficiencies: {
-            src: string;
-            overlayText: string;
-        }[];
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Proficiencies>;
-export declare const Default: Story;

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

@@ -1,12 +0,0 @@
-import { Colours } from '../../utils/controls';
-import { Props as imageProps } from '../Image';
-
-export interface Props {
-    id?: string;
-    className?: string;
-    title?: string;
-    description?: string;
-    proficiencies: imageProps[];
-    bgColour: Colours;
-}
-export declare const Proficiencies: ({ id, className, title, description, proficiencies, bgColour, }: Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,80 +0,0 @@
-import { Profile } from '.';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ id, className, profileLinks, alignment, imageHeight, imageWidth, rounded, bordered, imageProps, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
-    parameters: {};
-    argTypes: {
-        imageProps: {
-            type: {
-                name: string;
-                value: string;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        alignment: {
-            description: string;
-            control: string;
-            options: string[];
-            table: {
-                category: string;
-            };
-        };
-        profileLinks: {
-            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: {
-        imageProps: {
-            src: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Profile>;
-export declare const Default: Story;

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

@@ -1,17 +0,0 @@
-import { Props as imageProps } from '../Image';
-
-export interface Props {
-    id?: string;
-    className?: string;
-    profileLinks?: Array<{
-        name: string;
-        link: string;
-    }>;
-    alignment?: 'left' | 'right';
-    imageHeight?: number;
-    imageWidth?: number;
-    rounded?: boolean;
-    bordered?: boolean;
-    imageProps?: imageProps;
-}
-export declare const Profile: ({ id, className, profileLinks, alignment, imageHeight, imageWidth, rounded, bordered, imageProps, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Profile/index.js

@@ -1,78 +0,0 @@
-import { jsxs as $, Fragment as j, jsx as e } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { Image as A } from "../Image/index.js";
-import r from "classnames";
-const C = ({
-  id: m,
-  className: i,
-  profileLinks: c,
-  alignment: t,
-  imageHeight: f = 0,
-  imageWidth: a = 0,
-  rounded: h,
-  bordered: u,
-  imageProps: l
-}) => {
-  const [o, x] = p(!1), s = r({
-    "float-right": t === "right",
-    "float-left": t === "left"
-  }), b = r({
-    "-mr-16 mt-16": t === "right",
-    " -ml-16 mt-16": t === "left"
-  }), N = r({
-    "text-center": t !== "right" && t !== "left"
-  }), v = r(
-    {
-      "rounded-full": h,
-      border: u
-    },
-    i,
-    `h-${f} w-${a}`,
-    "object-cover text-center"
-  ), w = (l == null ? void 0 : l.src) !== void 0 ? l.src : "";
-  return /* @__PURE__ */ $(j, { children: [
-    /* @__PURE__ */ e("div", { id: m, className: v, children: /* @__PURE__ */ e(
-      "div",
-      {
-        className: r(
-          "inset-y-0 hidden  sm:inline-flex",
-          s
-        ),
-        children: /* @__PURE__ */ e(
-          "button",
-          {
-            className: "flex rounded-full",
-            onClick: () => {
-              x(!o);
-            },
-            children: /* @__PURE__ */ e(A, { src: w, ...l })
-          }
-        )
-      }
-    ) }),
-    o && /* @__PURE__ */ e("div", { className: N, children: /* @__PURE__ */ e(
-      "div",
-      {
-        className: r(
-          "z-10 w-48 shadow-lg sm:inline-block",
-          s,
-          b
-        ),
-        children: c == null ? void 0 : c.map((n, d) => /* @__PURE__ */ e(
-          "a",
-          {
-            href: n.link,
-            className: "block border-b px-4 py-2 text-sm font-bold",
-            role: "menuitem",
-            id: `user-menu-item-${d + 1}`,
-            children: n.name
-          },
-          `profile_link_${d + 1}`
-        ))
-      }
-    ) })
-  ] });
-};
-export {
-  C as Profile
-};

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

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

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

@@ -1,6 +0,0 @@
-export interface Props {
-    id?: string;
-    className?: string;
-    children: any;
-}
-export declare const Row: ({ id, className, children }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Row/index.js

@@ -1,9 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import e from "classnames";
-const l = ({ id: s, className: o, children: r }) => {
-  const t = e(o, "flex flex-wrap");
-  return /* @__PURE__ */ a("div", { id: s, className: t, children: r });
-};
-export {
-  l as Row
-};

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

@@ -1,101 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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;