trepur_components 2.3.6 → 2.3.8

package/.eslintrc.cjs

@@ -1,10 +1,20 @@
 module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
   settings: {
     'import/resolver': {
       typescript: {},
     },
   },
   extends: ['plugin:storybook/recommended'],
+  parserOptions: {
+    project: ['tsconfig.eslint.json'],
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+  plugins: ['react', 'prettier'],
   ignorePatterns: [
     'archive',
     '.eslintrc.cjs',
@@ -32,12 +42,31 @@ module.exports = {
   },
   overrides: [
     {
-      files: ['*.stories.*', '*.test.*'],
+      files: ['*.tsx', '*.jsx'],
       rules: {
-        'react-hooks/rules-of-hooks': 'off',
-        'jest/no-standalone-expect': 'off',
-        '@typescript-eslint/no-floating-promises': 'off',
+        '@typescript-eslint/ban-types': [
+          'error',
+          {
+            extendDefaults: true,
+            types: {
+              '{}': false,
+            },
+          },
+        ],
       },
+      extends: 'love',
     },
   ],
+  ignorePatterns: ['.eslintrc.js', 'tailwind.config.js'],
+  rules: {
+    '@typescript-eslint/consistent-type-imports': 'off',
+    '@typescript-eslint/strict-boolean-expressions': 'off',
+    'no-empty-pattern': 'off',
+    'prettier/prettier': [
+      'error',
+      {
+        singleQuote: true,
+      },
+    ],
+  },
 };

package/.prettierignore

@@ -0,0 +1,10 @@
+.github/
+.husky/
+.prettierignore
+.storybook/tailwind/
+coverage/
+deployment/
+lib/
+node_modules/
+storybook-build/
+**/*.svg

package/README.md

@@ -6,7 +6,7 @@ Trepur compoments, the component store to many of my projects
 
 In the project directory, you can run:
 
-### `npm run compile`
+### `npm run build`
 
 compile the dist folder made from the lib directory as specified in the build script in package.json
 

package/archive/theme.ts

@@ -1,4 +1,4 @@
-import tailwindConfig from '../tailwind.config'
+import tailwindConfig from '../tailwind.config';
 
 // const tokenUnits: string[] = ['em', 'ex', '%', 'px', 'cm', 'mm', 'in', 'pt', 'pc', 'ch', 'rem', 'vh', 'vw', 'vmin', 'vmax']
 let themeName: string;

package/lib/_virtual/react.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

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

@@ -1,8 +1,9 @@
+import { Accordion } from './';
 import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').FC<import('.').Props>;
+    component: ({ id, className, items }: import('./').AccordionProps) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
         items: {
             description: string;
@@ -90,5 +91,5 @@ declare const meta: {
     };
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Accordion>;
 export declare const Default: Story;

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

@@ -1,8 +1,6 @@
-import { default as React } from 'react';
-
-export interface Props {
+export interface AccordionProps {
     id?: string;
     className?: string;
     items: any;
 }
-export declare const Accordion: React.FC<Props>;
+export declare const Accordion: ({ id, className, items }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Accordion/index.js

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

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

@@ -1,8 +1,9 @@
+import { AlertBar } from '.';
 import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: import('.').Props) => JSX.Element;
+    component: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
         type: {
             type: {
@@ -158,5 +159,5 @@ declare const meta: {
     };
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof AlertBar>;
 export declare const Default: Story;

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

@@ -9,4 +9,4 @@ export interface Props {
     isDismissable?: boolean;
     onDismissClick?: MouseEventHandler;
 }
-export declare const AlertBar: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: Props) => JSX.Element;
+export declare const AlertBar: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: Props) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,9 @@
+export interface Props {
+    id?: string;
+    className?: string;
+    links?: Array<{
+        name: string;
+        href: string;
+    }>;
+}
+export declare const Breadcrumbs: ({ id, className, links }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Breadcrumbs/index.js

@@ -0,0 +1,12 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import n from "classnames";
+const o = ({ id: l, className: m, links: a }) => {
+  const s = a != null ? Object.keys(a).length : 0, h = n(m, "flex py-2");
+  return /* @__PURE__ */ e("ul", { id: l, className: h, children: a == null ? void 0 : a.map((c, r) => /* @__PURE__ */ t("div", { className: "flex", children: [
+    /* @__PURE__ */ e("li", { className: "h-8", children: r + 1 >= s ? /* @__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 }) }) }),
+    r + 1 < s && /* @__PURE__ */ e("li", { className: "h-8", children: /* @__PURE__ */ e("p", { className: "py-1", children: "  >  " }) })
+  ] }, `breadcrumb_${r + 1}`)) });
+};
+export {
+  o as Breadcrumbs
+};

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

@@ -0,0 +1,67 @@
+import { BreadcrumbsBordered } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, links, }: import('.').BreadcrumbsBorderedProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    argTypes: {
+        links: {
+            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: {
+        links: {
+            link: string;
+            name: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof BreadcrumbsBordered>;
+export declare const Default: Story;

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

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

package/lib/components/BreadcrumbsBordered/index.js

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

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

@@ -0,0 +1,74 @@
+import { BreadcrumbsItem } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, name, link, href, type, firstItem, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    argTypes: {
+        name: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            description: string;
+            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: {
+        name: string;
+        href: string;
+        firstItem: boolean;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof BreadcrumbsItem>;
+export declare const Default: Story;

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

@@ -0,0 +1,10 @@
+export interface Props {
+    id?: string;
+    className?: string;
+    name: string;
+    link: string;
+    type?: string;
+    firstItem?: boolean;
+    href?: string;
+}
+export declare const BreadcrumbsItem: ({ id, className, name, link, href, type, firstItem, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/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"), 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 bottom-0 h-0 w-0 border-l-transparent bg-transparent"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "span",
+      {
+        style: {
+          borderTop: "18px solid",
+          borderBottom: "17px solid transparent",
+          borderLeft: "17px solid transparent",
+          left: "-17px"
+        },
+        className: "absolute top-0 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 BreadcrumbsItem
+};