trepur_components 2.3.6 → 2.3.8

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

@@ -0,0 +1,172 @@
+import { Testimonial } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        text: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        companyName: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        positionStartDate: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        positionEndDate: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        position: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        date: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        authorsName: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        authorsPosition: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        imageProps: {
+            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: {
+        imageProps: {
+            src: string;
+            height: number;
+            width: number;
+            roundedFull: boolean;
+            centerAligned: boolean;
+        };
+        authorsName: string;
+        authorsPosition: string;
+        position: string;
+        positionEndDate: string;
+        positionStartDate: string;
+        date: string;
+        companyName: string;
+        text: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Testimonial>;
+export declare const Default: Story;

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

@@ -0,0 +1,16 @@
+import { Props as imageProps } from '../Image';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    text?: string;
+    imageProps?: imageProps;
+    companyName?: string;
+    position?: string;
+    date?: string;
+    positionStartDate?: string;
+    positionEndDate?: string;
+    authorsName?: string;
+    authorsPosition?: string;
+}
+export declare const Testimonial: ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Testimonial/index.js

@@ -0,0 +1,42 @@
+import { jsx as c, jsxs as e } from "react/jsx-runtime";
+import { Container as N } from "../Container/index.js";
+import { Image as u } from "../Image/index.js";
+import v from "classnames";
+const C = ({
+  id: l,
+  className: n,
+  text: s,
+  imageProps: t,
+  companyName: r,
+  position: d,
+  date: m,
+  positionStartDate: i,
+  positionEndDate: a,
+  authorsName: h,
+  authorsPosition: o
+}) => {
+  const x = v(n, "text-center"), f = (t == null ? void 0 : t.src) !== void 0 ? t == null ? void 0 : t.src : "";
+  return /* @__PURE__ */ c("div", { id: l, className: x, children: /* @__PURE__ */ e(N, { withPadding: !0, children: [
+    /* @__PURE__ */ c("div", { className: "mx-auto", children: /* @__PURE__ */ c(u, { src: f, ...t }) }),
+    /* @__PURE__ */ e("div", { children: [
+      /* @__PURE__ */ c("h3", { className: "text-lg font-medium", children: r }),
+      /* @__PURE__ */ c("p", { className: "pt-2 text-md font-regular", children: d }),
+      /* @__PURE__ */ e("p", { className: "text-sm font-regular", children: [
+        i,
+        " - ",
+        a
+      ] }),
+      /* @__PURE__ */ c("p", { className: "py-4 text-md font-light", children: s }),
+      /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: [
+        h,
+        " - ",
+        o,
+        ": ",
+        m
+      ] })
+    ] })
+  ] }) });
+};
+export {
+  C as Testimonial
+};

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

@@ -0,0 +1,97 @@
+import { TextAndTitle } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, title, description, bgColour, titleClasses, textClasses, textLineOne, textLineTwo, textLineThree, titleBold, textCenter, titleCenter, withLiveUpdates, isHorizontal, children, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        onSave: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    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: {
+        title: string;
+        description: string;
+        children: import("react/jsx-runtime").JSX.Element;
+        editTitleClasses: string;
+        editTextClasses: string;
+        editInputClasses: string;
+        textLineOne: import("react/jsx-runtime").JSX.Element;
+        textLineTwo: string;
+        textLineThree: string;
+        onSave: import('@storybook/addon-actions').HandlerFunction;
+        withLiveUpdates: boolean;
+        isHorizontal: boolean;
+        saveButtonProps: {
+            className: string;
+            children: string;
+        };
+        cancelButtonProps: {
+            className: string;
+            children: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof TextAndTitle>;
+export declare const Default: Story;

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

@@ -0,0 +1,25 @@
+import { Colours } from '../../utils/controls';
+import { Props as buttonProps } from '../Button';
+
+export interface Props {
+    id: string;
+    className?: string;
+    title?: string;
+    description?: string;
+    bgColour?: Colours;
+    titleClasses?: string;
+    textClasses?: string;
+    textLineOne?: string;
+    textLineTwo?: string;
+    textLineThree?: string;
+    titleBold?: boolean;
+    textCenter?: boolean;
+    titleCenter?: boolean;
+    withLiveUpdates?: boolean;
+    onSave?: (arr: any[], id: string | undefined) => void;
+    saveButtonProps?: buttonProps;
+    cancelButtonProps?: buttonProps;
+    isHorizontal?: boolean;
+    children?: any;
+}
+export declare const TextAndTitle: ({ id, className, title, description, bgColour, titleClasses, textClasses, textLineOne, textLineTwo, textLineThree, titleBold, textCenter, titleCenter, withLiveUpdates, isHorizontal, children, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/TextAndTitle/index.js

@@ -0,0 +1,70 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { useState as k } from "react";
+import { ComponentWrapper as M } from "../ComponentWrapper/index.js";
+import s from "classnames";
+const q = ({
+  id: i,
+  className: m,
+  title: a,
+  description: x,
+  bgColour: p,
+  titleClasses: f,
+  textClasses: h,
+  textLineOne: b,
+  textLineTwo: N,
+  textLineThree: C,
+  titleBold: g,
+  textCenter: v,
+  titleCenter: L,
+  withLiveUpdates: r = !1,
+  isHorizontal: e = !0,
+  children: d
+}) => {
+  const [n, u] = k(!1), l = "border-4 border-transparent", T = s(m), j = s(
+    {
+      "font-bold": g,
+      "text-center": L,
+      [l]: r && !n && e
+    },
+    f,
+    "break-words text-lg font-light"
+  ), c = s(
+    {
+      "text-center": v,
+      [l]: r && !n && e
+    },
+    h,
+    "mt-2 pt-2 text-md font-light"
+  ), w = () => {
+    r && u(!n);
+  }, E = s({
+    "flex flex-wrap justify-center md:items-center": e,
+    "hover:border-4 hover:border-dashed": r && !n,
+    "border-4 border-transparent": e
+  }), I = s({
+    "md:w-1/2 md:text-center": e
+  }), W = s({
+    "md:w-1/2 md:text-center": e
+  });
+  return /* @__PURE__ */ t(
+    M,
+    {
+      id: i,
+      className: T,
+      title: a,
+      description: x,
+      bgColour: p,
+      children: /* @__PURE__ */ o("div", { className: E, onClick: w, children: [
+        /* @__PURE__ */ t("div", { className: I, children: d ?? /* @__PURE__ */ t("h1", { className: j, children: a }) }),
+        /* @__PURE__ */ o("div", { className: W, children: [
+          /* @__PURE__ */ t("div", { id: "textLineOne", className: c, children: b }),
+          /* @__PURE__ */ t("div", { id: "textLineTwo", className: c, children: N }),
+          /* @__PURE__ */ t("div", { id: "textLineThree", className: c, children: C })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  q as TextAndTitle
+};

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

@@ -0,0 +1,85 @@
+import { TextArea } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, autoComplete, disabled, formId, maxLength, minLength, required, readOnly, label, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    argTypes: {
+        label: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        placeholder: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        bold: {
+            description: string;
+            control: string;
+            table: {
+                category: 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: {
+        label: string;
+        placeholder: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof TextArea>;
+export declare const Default: Story;

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

@@ -0,0 +1,26 @@
+import { Colours } from '../../utils/controls';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    autoComplete?: string;
+    disabled?: boolean;
+    formId?: string;
+    maxLength?: number;
+    minLength?: number;
+    required?: boolean;
+    readOnly?: boolean;
+    label?: string;
+    name?: string;
+    placeholder?: string;
+    withValidation?: boolean;
+    onChange?: (e: any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onClick?: () => void;
+    errors?: string[];
+    errorState?: boolean;
+    value?: string;
+    bgColour?: Colours;
+}
+export declare const TextArea: ({ id, className, autoComplete, disabled, formId, maxLength, minLength, required, readOnly, label, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/TextArea/index.js

@@ -0,0 +1,86 @@
+import { jsxs as o, Fragment as B, jsx as t } from "react/jsx-runtime";
+import { useRef as F } from "react";
+import a from "classnames";
+const E = ({
+  id: l,
+  className: m,
+  autoComplete: u,
+  disabled: f,
+  formId: p,
+  maxLength: x,
+  minLength: b,
+  required: c = !1,
+  readOnly: h,
+  label: N,
+  name: w,
+  placeholder: k,
+  onChange: s,
+  onBlur: v,
+  onFocus: g,
+  onClick: $,
+  withValidation: C,
+  errors: r,
+  errorState: n = !1,
+  value: L
+}) => {
+  const d = l !== void 0 ? `-${l}` : "", j = a(
+    {
+      "border-2 border-error": r != null || n
+    },
+    "w-full rounded-md bg-white py-2 pl-4 text-ink cursor-pointer border border-black text-md"
+  ), R = a(
+    {
+      "text-error": r != null || n
+    },
+    "text-error"
+  ), y = a(
+    m,
+    "mt-4 w-full bg-white cursor-pointer"
+  ), i = F(null);
+  return /* @__PURE__ */ o(B, { children: [
+    /* @__PURE__ */ o("div", { id: l, className: y, onClick: () => {
+      var e;
+      (e = i.current) == null || e.focus();
+    }, children: [
+      /* @__PURE__ */ o("div", { className: "absolute -mt-3 ml-3 rounded-2xl bg-white px-1 text-sm font-regular", children: [
+        /* @__PURE__ */ t("p", { className: R, children: N }),
+        c && /* @__PURE__ */ t("p", { className: "font-semiBold text-error", children: " *" })
+      ] }),
+      /* @__PURE__ */ t(
+        "textarea",
+        {
+          ref: i,
+          id: `input${d}`,
+          className: j,
+          autoComplete: u,
+          disabled: f,
+          form: p,
+          maxLength: x,
+          minLength: b,
+          required: c,
+          readOnly: h,
+          name: w,
+          value: L,
+          placeholder: k,
+          onChange: (e) => {
+            s == null || s(e);
+          },
+          onBlur: v,
+          onFocus: g,
+          onClick: $
+        }
+      )
+    ] }),
+    C && /* @__PURE__ */ t("div", { id: `errors${d}`, className: "text-sm font-regular text-error", children: r == null ? void 0 : r.map((e, A) => /* @__PURE__ */ t(
+      "p",
+      {
+        className: "mt-1 border-l-4 border-error pl-3",
+        children: e
+      },
+      `error-msg-${A + 0}`
+    )) })
+  ] });
+};
+export {
+  E as TextArea
+};

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

@@ -0,0 +1,81 @@
+import { Props as imageProps } from '../Image';
+import { Timeline } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, title, description, bgColour, isHorizontal, items, reverse, textCenter, useImages, horizontalComponentClasses, isSm, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    argTypes: {
+        isHorizontal: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        useImages: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        items: {
+            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;
+        description: string;
+        isHorizontal: boolean;
+        reverse: boolean;
+        items: {
+            component: any;
+            centerImageProps: imageProps;
+        }[];
+        textCenter: boolean;
+        useImages: boolean;
+        horizontalComponentClasses: string;
+        isSm: boolean;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Timeline>;
+export declare const Default: Story;