trepur_components 2.3.1 → 2.3.3

package/README.md

@@ -10,7 +10,7 @@ In the project directory, you can run:
 
 compile the dist folder made from the lib directory as specified in the build script in package.json
 
-### `npm adduser`
+### `npm login`
 
 You will need to log into npm if you have not done so already
 

package/lib/archive/Breadcrumbs/index.js

@@ -0,0 +1,12 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import d from "classnames";
+const o = ({ id: l, className: m, links: a }) => {
+  const r = a != null ? Object.keys(a).length : 0, h = d(m, "flex py-2", "theme-local");
+  return /* @__PURE__ */ e("ul", { id: l, className: h, children: a == null ? void 0 : a.map((c, s) => /* @__PURE__ */ t("div", { className: "flex", children: [
+    /* @__PURE__ */ e("li", { className: "h-8", children: s + 1 >= r ? /* @__PURE__ */ e("p", { className: "px-1 py-1", children: c.name }) : /* @__PURE__ */ e("p", { className: "px-1 py-1", children: /* @__PURE__ */ e("a", { className: "text-facebook hover:underline", href: c.href, children: c.name }) }) }),
+    s + 1 < r && /* @__PURE__ */ e("li", { className: "h-8", children: /* @__PURE__ */ e("p", { className: "py-1", children: "  >  " }) })
+  ] }, `breadcrumb_${s + 1}`)) });
+};
+export {
+  o as default
+};

package/lib/archive/BreadcrumbsBordered/index.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import p from "classnames";
+import "react";
+import u from "../BreadcrumbsItem/index.js";
+const x = ({ id: c, className: s, links: e }) => {
+  const t = (e == null ? void 0 : e.length) !== void 0 ? e.length : 0, d = p(s, "flex theme-local");
+  return /* @__PURE__ */ o("ul", { id: c, className: d, children: e == null ? void 0 : e.map((m, r) => {
+    const f = r === 0 ? "mr-3" : "mx-3", n = r === 0;
+    let a = "standard";
+    return t >= 1 && r + 1 < t && (a = "link"), /* @__PURE__ */ o(
+      u,
+      {
+        className: f,
+        name: m.name,
+        link: m.link,
+        type: a,
+        firstItem: n
+      },
+      `breadcrumb_item_${r + 0}`
+    );
+  }) });
+};
+export {
+  x as default
+};

package/lib/archive/BreadcrumbsItem/index.js

@@ -0,0 +1,117 @@
+import { jsx as e, jsxs as s, Fragment as f } from "react/jsx-runtime";
+import { useState as N } from "react";
+import p from "classnames";
+const g = ({
+  id: m,
+  className: u,
+  name: t,
+  link: v,
+  href: o,
+  type: n,
+  firstItem: l
+}) => {
+  const [b, r] = N(!1), h = p(u, "item theme-local"), a = p(
+    {
+      "hover:underline": n === "link",
+      "mb-0": b
+    },
+    "bc-item relative px-4 h-8"
+  ), i = /* @__PURE__ */ e(
+    "span",
+    {
+      style: {
+        borderTop: "17px solid transparent",
+        borderBottom: "15px solid transparent",
+        borderLeft: "16px solid",
+        right: "-16px"
+      },
+      className: "absolute top-0 h-0 w-0 border-t"
+    }
+  ), x = /* @__PURE__ */ s(f, { children: [
+    /* @__PURE__ */ e(
+      "span",
+      {
+        style: {
+          borderTop: "17px solid",
+          borderBottom: "18px solid transparent",
+          borderLeft: "17px solid transparent",
+          left: "-17px",
+          // '-webkit-transform': 'scaleY(-1)',
+          transform: "scaleY(-1)"
+        },
+        className: "absolute h-0 w-0 border-l-transparent bg-transparent bottom-0"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "span",
+      {
+        style: {
+          borderTop: "18px solid",
+          borderBottom: "17px solid transparent",
+          borderLeft: "17px solid transparent",
+          left: "-17px"
+        },
+        className: "top-0 absolute h-0 w-0 border-l-transparent bg-transparent"
+      }
+    )
+  ] }), c = /* @__PURE__ */ e("div", { className: a, children: /* @__PURE__ */ s("p", { className: "pt-1 text-center", children: [
+    t,
+    i
+  ] }) }), d = /* @__PURE__ */ e("div", { className: a, children: /* @__PURE__ */ s("p", { className: "pt-1 text-center", children: [
+    x,
+    t,
+    i
+  ] }) });
+  return /* @__PURE__ */ e("div", { id: m, className: h, children: n === "link" ? l !== null ? /* @__PURE__ */ e(
+    "a",
+    {
+      onMouseOver: () => {
+        r(!0);
+      },
+      onMouseOut: () => {
+        r(!1);
+      },
+      href: o,
+      children: /* @__PURE__ */ e("li", { className: "list-none", children: c })
+    }
+  ) : /* @__PURE__ */ e(
+    "a",
+    {
+      onMouseOver: () => {
+        r(!0);
+      },
+      onMouseOut: () => {
+        r(!1);
+      },
+      href: o,
+      children: /* @__PURE__ */ e("li", { className: "list-none", children: d })
+    }
+  ) : l !== null ? /* @__PURE__ */ e(
+    "li",
+    {
+      className: "list-none",
+      onMouseOver: () => {
+        r(!0);
+      },
+      onMouseOut: () => {
+        r(!1);
+      },
+      children: c
+    }
+  ) : /* @__PURE__ */ e(
+    "li",
+    {
+      className: "list-none",
+      onMouseOver: () => {
+        r(!0);
+      },
+      onMouseOut: () => {
+        r(!1);
+      },
+      children: d
+    }
+  ) });
+};
+export {
+  g as default
+};

package/lib/components/Accordion/index.js

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "classnames";
+const t = ({
+  id: a,
+  className: c,
+  items: r
+}) => /* @__PURE__ */ o("div", { id: a, className: e(c, "theme-local"), children: r == null ? void 0 : r.map((l, d) => (
+  // <Collapsible key={`collapsible_item_${i}`} {...item}>
+  //   {item.children}
+  // </Collapsible>
+  /* @__PURE__ */ o("div", {})
+)) });
+export {
+  t as default
+};

package/lib/components/AlertBar/index.js

@@ -0,0 +1,49 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useState as d } from "react";
+import t from "classnames";
+const x = ({
+  id: a,
+  className: o,
+  type: s = "warning",
+  text: i,
+  // leftIconProps,
+  // rightIconProps,
+  textCenter: n = !1,
+  isDismissable: l = !1,
+  onDismissClick: f
+}) => {
+  const [e, g] = d({
+    state: "open",
+    display: !0
+  }), c = t({
+    "bg-success": s === "success",
+    "bg-warning": s === "warning",
+    "bg-error": s === "error",
+    "bg-info-light": s === "info"
+  }), p = t({
+    "opacity-100": e.state === "open",
+    "opacity-0": e.state === "closed",
+    hidden: !e.display
+  }), u = t(
+    o,
+    c,
+    p,
+    "flex py-2 text-white duration-700 theme-local w-parent transition-opactiy"
+  ), m = t(
+    {
+      "text-center": n
+      // 'pl-20': !textCenter && leftIconProps !== null,
+      // 'pl-4': !textCenter && leftIconProps === null,
+    },
+    "w-full py-3"
+  );
+  return t(
+    {
+      "hover:cursor-pointer": l
+    },
+    "absolute right-0 pr-8 pt-3"
+  ), /* @__PURE__ */ r("div", { id: a, className: u, children: /* @__PURE__ */ r("h3", { className: m, children: i }) });
+};
+export {
+  x as default
+};

package/lib/index.js

@@ -0,0 +1,12 @@
+import { default as a } from "./components/Accordion/index.js";
+import { default as t } from "./components/AlertBar/index.js";
+import { default as f } from "./archive/Breadcrumbs/index.js";
+import { default as s } from "./archive/BreadcrumbsBordered/index.js";
+import { default as l } from "./archive/BreadcrumbsItem/index.js";
+export {
+  a as Accordion,
+  t as AlertBar,
+  f as Breadcrumbs,
+  s as BreadcrumbsBordered,
+  l as BreadcrumbsItem
+};

package/lib/src/components/Accordion/Accordion.stories.d.ts

@@ -0,0 +1,94 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('.').Props>;
+    argTypes: {
+        items: {
+            description: string;
+            control: {
+                type: string;
+                default: undefined;
+            };
+            table: {
+                category: string;
+                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: {
+        items: ({
+            preText: string;
+            title: string;
+            subtitle: string;
+            imageProps: {
+                src: string;
+            };
+            children: import("react/jsx-runtime").JSX.Element;
+        } | {
+            preText: string;
+            title: string;
+            imageProps: {
+                src: string;
+            };
+            children: import("react/jsx-runtime").JSX.Element;
+            subtitle?: undefined;
+        } | {
+            subtitle: string;
+            imageProps: {
+                src: string;
+            };
+            children: import("react/jsx-runtime").JSX.Element;
+            preText?: undefined;
+            title?: undefined;
+        } | {
+            imageProps: {
+                src: string;
+            };
+            children: import("react/jsx-runtime").JSX.Element;
+            preText?: undefined;
+            title?: undefined;
+            subtitle?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/{dist/src/lib/components/Accordion/Accordion.d.ts → lib/src/components/Accordion/index.d.ts}

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export interface Props {
     id?: string;
     className?: string;

package/lib/src/components/AlertBar/AlertBar.stories.d.ts

@@ -0,0 +1,162 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: import('.').Props) => JSX.Element;
+    argTypes: {
+        type: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+            control: {
+                type: string;
+            };
+        };
+        text: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        leftIconProps: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        rightIconProps: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        textCenter: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+        };
+        isDismissable: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+        };
+        onDismissClick: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            action: 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: {
+        text: string;
+        leftIconProps: {
+            type: string;
+            colour: string;
+            hollow: boolean;
+        };
+        rightIconProps: {
+            type: string;
+            colour: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/src/components/AlertBar/index.d.ts

@@ -0,0 +1,13 @@
+import { MouseEventHandler } from 'react';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    type?: 'success' | 'warning' | 'error' | 'info';
+    text?: string;
+    textCenter?: boolean;
+    isDismissable?: boolean;
+    onDismissClick?: MouseEventHandler;
+}
+declare const AlertBar: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: Props) => JSX.Element;
+export default AlertBar;

package/lib/src/components/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,44 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    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: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/{dist/src/lib/components/Avatar/Avatar.d.ts → lib/src/components/Avatar/index.d.ts}

@@ -1,3 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
+
 declare const Avatar: React.FC;
 export default Avatar;

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

@@ -0,0 +1,7 @@
+import { default as BreadcrumbsItem } from '../../archive/BreadcrumbsItem';
+import { default as BreadcrumbsBordered } from '../../archive/BreadcrumbsBordered';
+import { default as Breadcrumbs } from '../../archive/Breadcrumbs';
+import { default as AlertBar } from './AlertBar';
+import { default as Accordion } from './Accordion';
+
+export { Accordion, AlertBar, Breadcrumbs, BreadcrumbsBordered, BreadcrumbsItem, };

package/lib/src/index.d.ts

@@ -0,0 +1 @@
+export * from './components';