@xiping/react-components 1.0.10 → 1.0.11

package/dist/cjs/components/qr-code/index.d.ts

@@ -0,0 +1,116 @@
+import { default as React } from 'react';
+type ErrorCorrectionLevel = "L" | "M" | "Q" | "H";
+type CrossOrigin = "anonymous" | "use-credentials" | "" | undefined;
+type ImageSettings = {
+    /**
+     * The URI of the embedded image.
+     */
+    src: string;
+    /**
+     * The height, in pixels, of the image.
+     */
+    height: number;
+    /**
+     * The width, in pixels, of the image.
+     */
+    width: number;
+    /**
+     * Whether or not to "excavate" the modules around the embedded image. This
+     * means that any modules the embedded image overlaps will use the background
+     * color.
+     */
+    excavate: boolean;
+    /**
+     * The horiztonal offset of the embedded image, starting from the top left corner.
+     * Will center if not specified.
+     */
+    x?: number;
+    /**
+     * The vertical offset of the embedded image, starting from the top left corner.
+     * Will center if not specified.
+     */
+    y?: number;
+    /**
+     * The opacity of the embedded image in the range of 0-1.
+     * @defaultValue 1
+     */
+    opacity?: number;
+    /**
+     * The cross-origin value to use when loading the image. This is used to
+     * ensure compatibility with CORS, particularly when extracting image data
+     * from QRCodeCanvas.
+     * Note: `undefined` is treated differently than the seemingly equivalent
+     * empty string. This is intended to align with HTML behavior where omitting
+     * the attribute behaves differently than the empty string.
+     */
+    crossOrigin?: CrossOrigin;
+};
+export interface QRCodeProps {
+    /**
+     * The value to encode into the QR Code. An array of strings can be passed in
+     * to represent multiple segments to further optimize the QR Code.
+     */
+    value: string | string[];
+    /**
+     * The size, in pixels, to render the QR Code.
+     * @defaultValue 128
+     */
+    size?: number;
+    /**
+     * The Error Correction Level to use.
+     * @see https://www.qrcode.com/en/about/error_correction.html
+     * @defaultValue L
+     */
+    level?: ErrorCorrectionLevel;
+    /**
+     * The background color used to render the QR Code.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+     * @defaultValue #FFFFFF
+     */
+    bgColor?: string;
+    /**
+     * The foregtound color used to render the QR Code.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+     * @defaultValue #000000
+     */
+    fgColor?: string;
+    /**
+     * Whether or not a margin of 4 modules should be rendered as a part of the
+     * QR Code.
+     * @deprecated Use `marginSize` instead.
+     * @defaultValue false
+     */
+    includeMargin?: boolean;
+    /**
+     * The number of _modules_ to use for margin. The QR Code specification
+     * requires `4`, however you can specify any number. Values will be turned to
+     * integers with `Math.floor`. Overrides `includeMargin` when both are specified.
+     * @defaultValue 0
+     */
+    marginSize?: number;
+    /**
+     * The title to assign to the QR Code. Used for accessibility reasons.
+     */
+    title?: string;
+    /**
+     * The minimum version used when encoding the QR Code. Valid values are 1-40
+     * with higher values resulting in more complex QR Codes. The optimal
+     * (lowest) version is determined for the `value` provided, using `minVersion`
+     * as the lower bound.
+     * @defaultValue 1
+     */
+    minVersion?: number;
+    /**
+     * If enabled, the Error Correction Level of the result may be higher than
+     * the specified Error Correction Level option if it can be done without
+     * increasing the version.
+     * @defaultValue true
+     */
+    boostLevel?: boolean;
+    /**
+     * The settings for the embedded image.
+     */
+    imageSettings?: ImageSettings;
+}
+export declare const QRCode: React.FC<QRCodeProps>;
+export default QRCode;

package/dist/cjs/components/toast/index.d.ts

@@ -0,0 +1,4 @@
+import { default as ToastComp, toast } from 'react-hot-toast';
+export declare const Toast: () => import("react/jsx-runtime").JSX.Element;
+export { toast, ToastComp };
+export default Toast;