mtxuilib 0.1.255 → 0.1.256

package/dist/common/MtErrorBoundary.d.ts

@@ -0,0 +1,2 @@
+import type { PropsWithChildren } from "react";
+export declare const MtErrorBoundary: (props: {} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/common/MtErrorBoundary.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ErrorBoundary } from "react-error-boundary";
+import { MtButton } from "../ui/mt/Button";
+export const MtErrorBoundary = (props) => {
+    const { children } = props;
+    return (_jsxs("div", { className: "bg-red-300 p-2", children: [_jsx("div", { children: "error boundary" }), _jsx(ErrorBoundary, { fallbackRender: ({ error, resetErrorBoundary }) => {
+                    console.log("💥💥💥", error);
+                    return (_jsxs("div", { children: [_jsx("h1", { children: "error" }), _jsx(MtButton, { onClick: () => resetErrorBoundary(), children: "Try again" }), _jsx("pre", { style: { whiteSpace: "normal" }, children: error.message })] }));
+                }, onReset: () => { }, children: children })] }));
+};
+const CustomErrorRetry = (props) => {
+    const { message, onRetry } = props;
+    return (_jsxs("div", { className: "flex flex-col space-y-4 bg-red-200 p-2", children: [message && _jsx("h2", { children: message }), _jsx(MtButton, { onClick: () => {
+                    onRetry();
+                }, children: "retry" })] }));
+};

package/dist/components/InlineCode.d.ts

@@ -0,0 +1 @@
+export declare const InlineCode: ({ children, ...props }: any) => import("react/jsx-runtime").JSX.Element;

package/dist/components/InlineCode.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const InlineCode = ({ children, ...props }) => {
+    return (_jsx("div", { className: "inline relative", children: _jsx("code", { ...props, className: `
+					dark:bg-gray-900 bg-gray-200
+					rounded
+					px-1.5
+					py-0.5
+					overflow-x-auto
+				`, children: children }) }));
+};

package/dist/components/mui-chips-input.d.ts

@@ -0,0 +1,5 @@
+export declare function MuiChipsInput({ onChange, value, placeholder, }: {
+    onChange: any;
+    value?: never[] | undefined;
+    placeholder?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/mui-chips-input.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+export function MuiChipsInput({ onChange, value = [], placeholder = "Add chip...", }) {
+    const [inputValue, setInputValue] = useState("");
+    const handleInputChange = (e) => {
+        setInputValue(e.target.value);
+    };
+    const handleInputKeyDown = (e) => {
+        if (e.key === "Enter" && inputValue.trim()) {
+            onChange([...value, inputValue.trim()]);
+            setInputValue("");
+        }
+    };
+    const removeChip = (chipToRemove) => {
+        onChange(value.filter((chip) => chip !== chipToRemove));
+    };
+    return (_jsxs("div", { className: "flex flex-wrap items-center p-2 border border-gray-300 rounded-md focus-within:ring-2 focus-within:ring-blue-500 focus-within:border-transparent", children: ["TODO: \u76EE\u524D\u65F6ai \u8F85\u52A9\u751F\u6210\u7684\u4EE3\u7801\uFF0C\u529F\u80FD\u8FD8\u9700\u8981\u7EE7\u7EED\u5B8C\u5584", value.map((chip, index) => (_jsxs("div", { className: "flex items-center bg-gray-200 rounded-full px-3 py-1 m-1", children: [_jsx("span", { className: "text-sm", children: chip }), _jsx("button", { onClick: () => removeChip(chip), className: "ml-2 text-gray-500 hover:text-gray-700 focus:outline-none", children: "\u00D7" })] }, index))), _jsx("input", { type: "text", value: inputValue, onChange: handleInputChange, onKeyDown: handleInputKeyDown, placeholder: placeholder, className: "flex-grow outline-none px-2 py-1" })] }));
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mtxuilib",
   "private": false,
-  "version": "0.1.255",
+  "version": "0.1.256",
   "publishConfig": {
     "access": "public"
   },

package/dist/common/TrpcQuery.js

@@ -1 +0,0 @@
-"use strict";

package/dist/misc/CustomErrorRetry.d.ts

@@ -1,4 +0,0 @@
-export declare const CustomErrorRetry: (props: {
-    message?: string;
-    onRetry: () => void;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/misc/CustomErrorRetry.js

@@ -1,9 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MtButton } from "../ui/mt/Button";
-export const CustomErrorRetry = (props) => {
-    const { message, onRetry } = props;
-    return (_jsxs("div", { className: "flex flex-col space-y-4 bg-red-200 p-2", children: [message && _jsx("h2", { children: message }), _jsx(MtButton, { onClick: () => {
-                    onRetry();
-                }, children: "retry" })] }));
-};

package/dist/misc/ExampleErrorDemo.d.ts

@@ -1,3 +0,0 @@
-export declare const ExampleError2: () => import("react/jsx-runtime").JSX.Element;
-export declare const ExampleError1: () => never;
-export declare const WiehErrorExample: import("react").ForwardRefExoticComponent<object & import("react").RefAttributes<any>>;

package/dist/misc/ExampleErrorDemo.js

@@ -1,14 +0,0 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { ErrorBoundary, withErrorBoundary } from "react-error-boundary";
-export const ExampleError2 = () => {
-    return (_jsx(_Fragment, { children: _jsx(ErrorBoundary, { fallback: _jsx("div", { children: "error123" }), children: _jsx(ExampleError1, {}) }) }));
-};
-export const ExampleError1 = () => {
-    throw new Error("💥💥💥");
-};
-export const WiehErrorExample = withErrorBoundary(ExampleError1, {
-    fallback: _jsx("div", { children: "Something went wrong" }),
-    onError(error, info) {
-    },
-});

package/dist/misc/MtErrorBoundary.d.ts

@@ -1,16 +0,0 @@
-import { Component, ErrorInfo, ReactNode } from "react";
-interface Props {
-    children: ReactNode;
-    title?: string;
-}
-interface State {
-    hasError: boolean;
-    errorMessage: string | null;
-}
-export declare class MtErrorBoundary extends Component<Props, State> {
-    state: State;
-    static getDerivedStateFromError(error: Error): State;
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
-}
-export default MtErrorBoundary;

package/dist/misc/MtErrorBoundary.js

@@ -1,23 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Component } from "react";
-export class MtErrorBoundary extends Component {
-    state = {
-        hasError: false,
-        errorMessage: null
-    };
-    static getDerivedStateFromError(error) {
-        return { hasError: true, errorMessage: error.message };
-    }
-    componentDidCatch(error, errorInfo) {
-        console.error("Uncaught error:", error, errorInfo);
-    }
-    render() {
-        if (this.state.hasError) {
-            return (_jsxs("div", { className: "bg-yellow-300 p-2", children: [_jsx("button", { type: "button", onClick: () => this.setState({ hasError: false }), children: "Try again?" }), this.state.errorMessage &&
-                        _jsxs("details", { children: [_jsx("summary", { children: "Error Details" }), _jsx("div", { children: this.state.errorMessage })] })] }));
-        }
-        return this.props.children;
-    }
-}
-export default MtErrorBoundary;

package/dist/misc/MtErrorBoundaryV2.d.ts

@@ -1,2 +0,0 @@
-import type { PropsWithChildren } from "react";
-export declare const MtErrorBoundaryV2: (props: {} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/misc/MtErrorBoundaryV2.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ErrorBoundary } from "react-error-boundary";
-import { MtButton } from "../ui/mt/Button";
-export const MtErrorBoundaryV2 = (props) => {
-    const { children } = props;
-    return (_jsx("div", { className: "bg-red-300 p-2", children: _jsx(ErrorBoundary, { fallbackRender: ({ error, resetErrorBoundary }) => (_jsxs("div", { children: ["There was an error!", " ", _jsx(MtButton, { onClick: () => resetErrorBoundary(), children: "Try again" }), _jsx("pre", { style: { whiteSpace: "normal" }, children: error.message })] })), onReset: () => { }, children: children }) }));
-};