@bbki.ng/components 2.6.14 → 3.0.0

package/dist/node_modules/.pnpm/use-callback-ref@1.3.1_@types_react@18.0.15_react@18.2.0/node_modules/use-callback-ref/dist/es2015/useRef.mjs

@@ -0,0 +1,25 @@
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
+}
+export {
+  n as useCallbackRef
+};

package/dist/node_modules/.pnpm/use-sidecar@1.1.2_@types_react@18.0.15_react@18.2.0/node_modules/use-sidecar/dist/es2015/exports.mjs

@@ -0,0 +1,21 @@
+import { __rest as a, __assign as d } from "../../../../../tslib@2.4.1/node_modules/tslib/tslib.es6.mjs";
+import "react";
+import { jsx as s } from "../../../../../../../_virtual/jsx-runtime.mjs";
+var t = function(r) {
+  var e = r.sideCar, o = a(r, ["sideCar"]);
+  if (!e)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var i = e.read();
+  if (!i)
+    throw new Error("Sidecar medium not found");
+  return /* @__PURE__ */ s(i, {
+    ...d({}, o)
+  });
+};
+t.isSideCarExport = !0;
+function u(r, e) {
+  return r.useMedium(e), t;
+}
+export {
+  u as exportSidecar
+};

package/dist/node_modules/.pnpm/use-sidecar@1.1.2_@types_react@18.0.15_react@18.2.0/node_modules/use-sidecar/dist/es2015/medium.mjs

@@ -0,0 +1,67 @@
+import { __assign as d } from "../../../../../tslib@2.4.1/node_modules/tslib/tslib.es6.mjs";
+function l(r) {
+  return r;
+}
+function h(r, t) {
+  t === void 0 && (t = l);
+  var e = [], o = !1, c = {
+    read: function() {
+      if (o)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return e.length ? e[e.length - 1] : r;
+    },
+    useMedium: function(u) {
+      var n = t(u, o);
+      return e.push(n), function() {
+        e = e.filter(function(i) {
+          return i !== n;
+        });
+      };
+    },
+    assignSyncMedium: function(u) {
+      for (o = !0; e.length; ) {
+        var n = e;
+        e = [], n.forEach(u);
+      }
+      e = {
+        push: function(i) {
+          return u(i);
+        },
+        filter: function() {
+          return e;
+        }
+      };
+    },
+    assignMedium: function(u) {
+      o = !0;
+      var n = [];
+      if (e.length) {
+        var i = e;
+        e = [], i.forEach(u), n = e;
+      }
+      var s = function() {
+        var f = n;
+        n = [], f.forEach(u);
+      }, a = function() {
+        return Promise.resolve().then(s);
+      };
+      a(), e = {
+        push: function(f) {
+          n.push(f), a();
+        },
+        filter: function(f) {
+          return n = n.filter(f), e;
+        }
+      };
+    }
+  };
+  return c;
+}
+function v(r) {
+  r === void 0 && (r = {});
+  var t = h(null);
+  return t.options = d({ async: !0, ssr: !1 }, r), t;
+}
+export {
+  v as createSidecarMedium
+};

package/dist/page/Page.d.ts

@@ -0,0 +1,28 @@
+import { default as React, ReactElement } from 'react';
+declare type PageProps = {
+    nav: ReactElement;
+    main: ReactElement;
+};
+export declare const Page: (props: PageProps) => JSX.Element;
+export declare const NotFound: (props: {
+    children?: any;
+}) => JSX.Element;
+export declare const Error: (props: {
+    error: Error;
+}) => JSX.Element;
+export declare class ErrorBoundary extends React.Component<{
+    children: any;
+}, {
+    error?: Error;
+    hasError: boolean;
+}> {
+    constructor(props: {
+        children: any;
+    });
+    static getDerivedStateFromError(error: Error): {
+        hasError: boolean;
+        error: Error;
+    };
+    render(): any;
+}
+export {};

package/dist/page/Page.mjs

@@ -0,0 +1,67 @@
+import n from "react";
+import { Article as i } from "../article/Article.mjs";
+import { jsx as e, jsxs as t } from "../_virtual/jsx-runtime.mjs";
+const h = (s) => {
+  const {
+    nav: r,
+    main: a
+  } = s;
+  return /* @__PURE__ */ t("main", {
+    className: "flex flex-col h-full",
+    children: [/* @__PURE__ */ e("div", {
+      className: "flx-grow-0 w-full fixed top-0 z-50",
+      children: r
+    }), /* @__PURE__ */ e("section", {
+      className: "grow shrink-0 px-6",
+      children: a
+    })]
+  });
+}, m = (s) => /* @__PURE__ */ e(o, {
+  error: {
+    name: "404",
+    message: "Not Found"
+  }
+}), o = (s) => {
+  const {
+    error: r
+  } = s;
+  return /* @__PURE__ */ e("div", {
+    className: "prose",
+    children: /* @__PURE__ */ e("pre", {
+      children: /* @__PURE__ */ t("code", {
+        className: "javascript language-javascript",
+        children: [r.name, ":", r.message]
+      })
+    })
+  });
+};
+class p extends n.Component {
+  constructor(r) {
+    super(r), this.state = {
+      hasError: !1
+    };
+  }
+  static getDerivedStateFromError(r) {
+    return {
+      hasError: !0,
+      error: r
+    };
+  }
+  render() {
+    return this.state.error && this.state.hasError ? /* @__PURE__ */ e(i, {
+      title: "出错",
+      children: /* @__PURE__ */ e("div", {
+        className: "relative h-256",
+        children: /* @__PURE__ */ e(o, {
+          error: this.state.error
+        })
+      })
+    }) : this.props.children;
+  }
+}
+export {
+  o as Error,
+  p as ErrorBoundary,
+  m as NotFound,
+  h as Page
+};

package/dist/panel/Panel.d.ts

@@ -0,0 +1,6 @@
+export declare type PanelProps = {
+    width?: number;
+    children: any;
+    className?: string;
+};
+export declare const Panel: (props: PanelProps) => JSX.Element;

package/dist/panel/Panel.mjs

@@ -0,0 +1,17 @@
+import { useState as n, useEffect as r } from "react";
+import { jsx as i } from "../_virtual/jsx-runtime.mjs";
+const m = (e) => {
+  const {
+    className: s = "",
+    children: t
+  } = e, [o, a] = n(!1);
+  return r(() => {
+    a(!0);
+  }, []), /* @__PURE__ */ i("div", {
+    className: `transition-all ease-in-out duration-900 ${s} ${o ? "shadow-panel" : "shadow-empty"} p-32`,
+    children: t
+  });
+};
+export {
+  m as Panel
+};

package/dist/pop-confirm/PopConfirm.d.ts

@@ -0,0 +1,10 @@
+import { default as React, EventHandler } from 'react';
+export declare type PopConfirmProps = {
+    onOk?: EventHandler<React.MouseEvent<HTMLButtonElement>> | (() => Promise<void>);
+    onCancel?: EventHandler<React.MouseEvent<HTMLButtonElement>>;
+    className?: string;
+    content?: any;
+    children?: any;
+    width?: number;
+};
+export declare const PopConfirm: (props: PopConfirmProps) => JSX.Element;

package/dist/pop-confirm/PopConfirm.mjs

@@ -0,0 +1,40 @@
+import { useState as f } from "react";
+import { Button as r, ButtonType as e } from "../button/Button.mjs";
+import { Panel as h } from "../panel/Panel.mjs";
+import { BlinkDot as u } from "../blink-dot/BlinkDot.mjs";
+import { jsxs as t, jsx as o } from "../_virtual/jsx-runtime.mjs";
+const B = (s) => {
+  const [n, l] = f(!1), {
+    onOk: a,
+    onCancel: i,
+    children: c,
+    content: m,
+    className: d
+  } = s;
+  return /* @__PURE__ */ t(h, {
+    className: d,
+    children: [/* @__PURE__ */ o("div", {
+      className: "mb-32",
+      children: c || m
+    }), /* @__PURE__ */ t("div", {
+      className: "flex justify-end",
+      children: [i && /* @__PURE__ */ o(r, {
+        onClick: i,
+        type: e.NORMAL,
+        children: "Cancel"
+      }), a && /* @__PURE__ */ t(r, {
+        onClick: async (p) => {
+          l(!0), await a(p), l(!1);
+        },
+        className: "ml-16 relative",
+        type: n ? e.DISABLED : e.PRIMARY,
+        children: ["OK", n && /* @__PURE__ */ o(u, {
+          className: "absolute! top-2 right-2"
+        })]
+      })]
+    })]
+  });
+};
+export {
+  B as PopConfirm
+};

package/dist/skeleton/Seleton.d.ts

@@ -0,0 +1,23 @@
+export declare enum SkeletonColor {
+    BLUE = "blue",
+    RED = "red",
+    GRAY = "gray",
+    BLACK = "black"
+}
+export interface SkeletonProps {
+    className?: string;
+    width?: number;
+    height?: number;
+    bgColor?: SkeletonColor;
+}
+export interface ArticleSkeletonProps extends SkeletonProps {
+    titleLength?: number;
+    descriptionLength?: number;
+    children?: any;
+}
+export interface LinkListSkeletonProps extends ArticleSkeletonProps {
+    linksLength: number[];
+}
+export declare const Skeleton: (props: SkeletonProps) => JSX.Element;
+export declare const ArticleSkeleton: (props: ArticleSkeletonProps) => JSX.Element;
+export declare const LinkListSkeleton: (props: LinkListSkeletonProps) => JSX.Element;

package/dist/skeleton/Seleton.mjs

@@ -0,0 +1,69 @@
+import o from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { Article as d } from "../article/Article.mjs";
+import { List as c } from "../list/list.mjs";
+import { jsx as t } from "../_virtual/jsx-runtime.mjs";
+var g = /* @__PURE__ */ ((e) => (e.BLUE = "blue", e.RED = "red", e.GRAY = "gray", e.BLACK = "black", e))(g || {});
+const a = {
+  blue: "bg-blue-100",
+  red: "bg-red-100",
+  gray: "bg-gray-100",
+  black: "bg-gray-200"
+}, l = (e) => {
+  const {
+    bgColor: i = "gray",
+    width: n = 26,
+    height: r = 24,
+    className: s
+  } = e;
+  return /* @__PURE__ */ t("div", {
+    className: o(a[i], "animate-pulse", "rounded-sm", s),
+    style: {
+      width: n,
+      height: r
+    }
+  });
+}, m = (e) => {
+  const {
+    children: i,
+    titleLength: n = 0,
+    descriptionLength: r
+  } = e;
+  return /* @__PURE__ */ t(d, {
+    title: /* @__PURE__ */ t(l, {
+      width: 36 * n,
+      height: 36,
+      bgColor: "black"
+      /* BLACK */
+    }),
+    description: r && /* @__PURE__ */ t(l, {
+      width: 16 * r
+    }),
+    children: i
+  });
+}, p = (e) => {
+  const {
+    linksLength: i,
+    ...n
+  } = e, r = (s) => /* @__PURE__ */ t(l, {
+    className: "inline-block align-middle",
+    width: s * 16,
+    bgColor: "blue"
+    /* BLUE */
+  });
+  return n.titleLength ? /* @__PURE__ */ t(m, {
+    ...n,
+    children: /* @__PURE__ */ t(c, {
+      items: i,
+      itemRenderer: r
+    })
+  }) : /* @__PURE__ */ t(c, {
+    items: i,
+    itemRenderer: r
+  });
+};
+export {
+  m as ArticleSkeleton,
+  p as LinkListSkeleton,
+  l as Skeleton,
+  g as SkeletonColor
+};

package/dist/spinner/Spinner.d.ts

@@ -0,0 +1,7 @@
+export interface SpinnerProps {
+    color?: string;
+    width?: number;
+    className?: string;
+    pathClassName?: string;
+}
+export declare const Spinner: (props: SpinnerProps) => JSX.Element;

package/dist/table/Table.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+export declare type TableProps = {
+    rowCount: number;
+    rowRenderer: (index: number) => any;
+    headerRenderer?: () => any;
+    className?: string;
+};
+export declare const Table: {
+    (props: TableProps): JSX.Element;
+    HCell(props: {
+        children: any;
+        style?: CSSProperties;
+    }): JSX.Element;
+    Cell(props: {
+        children: any;
+        style?: CSSProperties;
+    }): JSX.Element;
+};

package/dist/table/Table.mjs

@@ -0,0 +1,34 @@
+import { jsx as r, jsxs as o } from "../_virtual/jsx-runtime.mjs";
+const t = (e) => {
+  const {
+    rowCount: c,
+    rowRenderer: h,
+    headerRenderer: n,
+    className: i
+  } = e, d = [];
+  for (let l = 0; l < c; l++)
+    d.push(/* @__PURE__ */ r("tr", {
+      children: h(l)
+    }, l));
+  return /* @__PURE__ */ o("table", {
+    className: i,
+    children: [n && /* @__PURE__ */ r("thead", {
+      children: /* @__PURE__ */ r("tr", {
+        children: n()
+      })
+    }), /* @__PURE__ */ r("tbody", {
+      children: d
+    })]
+  });
+};
+t.HCell = (e) => /* @__PURE__ */ r("th", {
+  ...e,
+  children: e.children
+});
+t.Cell = (e) => /* @__PURE__ */ r("td", {
+  ...e,
+  children: e.children
+});
+export {
+  t as Table
+};

package/dist/tag/Tag.d.ts

@@ -0,0 +1,10 @@
+import { LinkProps } from '../link/Link';
+export interface TagProps extends Pick<LinkProps, "to" | "children" | "className" | "external" | "status" | "readonly"> {
+    prefix?: string;
+    name?: string;
+}
+export declare const Tag: (props: TagProps) => JSX.Element;
+export declare const Tags: (props: {
+    tags: TagProps[];
+    className?: string;
+}) => JSX.Element;

package/dist/tag/Tag.mjs

@@ -0,0 +1,33 @@
+import o from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { Link as l, LinkColor as m } from "../link/Link.mjs";
+import { jsx as t, jsxs as a } from "../_virtual/jsx-runtime.mjs";
+import { createElement as d } from "react";
+const f = (r) => /* @__PURE__ */ t(l, {
+  ...r,
+  color: m.GRAY,
+  children: /* @__PURE__ */ a("small", {
+    children: [r.prefix || "#", r.children]
+  })
+}), p = (r) => {
+  const {
+    tags: e,
+    className: s
+  } = r;
+  return /* @__PURE__ */ t("div", {
+    className: o(s, "inline-block"),
+    children: e.map((n, c) => {
+      const i = c === e.length - 1;
+      return /* @__PURE__ */ d(f, {
+        ...n,
+        key: n.to,
+        className: o({
+          "mr-8": !i
+        })
+      });
+    })
+  });
+};
+export {
+  f as Tag,
+  p as Tags
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/components",
-  "version": "2.6.14",
+  "version": "3.0.0",
   "type": "module",
   "files": [
     "dist"
@@ -10,12 +10,19 @@
   "typings": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "development": "./lib/index.ts",
+      "production": "./dist/index.mjs",
+      "types": "./src/index.ts"
+    },
+    "./*": {
+      "development": "./lib/*/index.ts",
+      "production": "./dist/*.mjs",
+      "types": "./src/components/*/index.ts"
     },
     "./style": {
-      "import": "./dist/index.css",
-      "require": "./dist/index.css"
+      "development": "./lib/index.css",
+      "production": "./dist/styles/index.mjs",
+      "default": "./lib/index.css"
     }
   },
   "dependencies": {
@@ -27,11 +34,8 @@
     "class-variance-authority": "0.7.1",
     "classnames": "2.3.1",
     "phenomenon": "^1.6.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "react-hook-form": "7.54.2",
-    "zod": "3.24.1",
-    "@bbki.ng/stylebase": "0.4.11"
+    "@bbki.ng/stylebase": "1.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.18.9",
@@ -42,13 +46,18 @@
     "autoprefixer": "10.4.7",
     "babel-loader": "^8.2.5",
     "postcss": "8.4.14",
-    "react-router-dom": "6.3.0",
     "tailwindcss": "3.1.6",
     "tsup": "6.2.0",
-    "typescript": "^4.6.4"
+    "typescript": "^4.6.4",
+    "vite-plugin-dts": "4.5.4"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router-dom": "6"
   },
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch"
+    "build": "vite build",
+    "dev": "vite dev"
   }
 }