@mezzanine-ui/react 0.13.10 → 0.13.11

package/Tree/useTreeExpandedValue.js

@@ -2,32 +2,32 @@ import { useState } from 'react';
 import { toggleValue } from './toggleValue.js';
 import { traverseTree } from './traverseTree.js';
 
-function useTreeExpandedValue(props) {
-    const { defaultExpandAll, expandedValues: expandedValuesProp, nodes, onExpand: onExpandProp, } = props;
-    const [expandedValues, setExpandedValues] = useState(() => {
-        if (expandedValuesProp) {
-            return [];
-        }
-        const currentExpandedValues = [];
-        if (defaultExpandAll) {
-            traverseTree(nodes, (node) => {
-                if (node.nodes) {
-                    currentExpandedValues.push(node.value);
-                }
-            });
-        }
-        return currentExpandedValues;
-    });
-    const onExpand = (value) => {
-        const newExpandedValues = toggleValue(value, expandedValues);
-        setExpandedValues(newExpandedValues);
-        onExpandProp === null || onExpandProp === void 0 ? void 0 : onExpandProp(value);
-    };
-    return {
-        expandedValues: expandedValuesProp || expandedValues,
-        onExpand: expandedValuesProp ? onExpandProp : onExpand,
-        setExpandedValues,
-    };
+function useTreeExpandedValue(props) {
+    const { defaultExpandAll, expandedValues: expandedValuesProp, nodes, onExpand: onExpandProp, } = props;
+    const [expandedValues, setExpandedValues] = useState(() => {
+        if (expandedValuesProp) {
+            return [];
+        }
+        const currentExpandedValues = [];
+        if (defaultExpandAll) {
+            traverseTree(nodes, (node) => {
+                if (node.nodes) {
+                    currentExpandedValues.push(node.value);
+                }
+            });
+        }
+        return currentExpandedValues;
+    });
+    const onExpand = (value) => {
+        const newExpandedValues = toggleValue(value, expandedValues);
+        setExpandedValues(newExpandedValues);
+        onExpandProp === null || onExpandProp === void 0 ? void 0 : onExpandProp(value);
+    };
+    return {
+        expandedValues: expandedValuesProp || expandedValues,
+        onExpand: expandedValuesProp ? onExpandProp : onExpand,
+        setExpandedValues,
+    };
 }
 
 export { useTreeExpandedValue };

package/Typography/Typography.d.ts

@@ -1,43 +1,43 @@
-import { JSXElementConstructor } from 'react';
-import { TypographyAlign, TypographyColor, TypographyDisplay, TypographyVariant } from '@mezzanine-ui/core/typography';
-import { ComponentOverridableForwardRefComponentPropsFactory } from '../utils/jsx-types';
-export declare type TypographyComponent = `h${1 | 2 | 3 | 4 | 5 | 6}` | 'p' | 'span' | 'label' | 'div' | 'caption' | 'a' | JSXElementConstructor<any>;
-interface TypographyPropsBase {
-    /**
-     * The css variable for `text-align`.
-     */
-    align?: TypographyAlign;
-    /**
-     * The color name provided by palette.
-     */
-    color?: TypographyColor;
-    /**
-     * The css variable for `display`.
-     */
-    display?: TypographyDisplay;
-    /**
-     * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-     *
-     * Note that text overflow can only happen with `block` or `inline-block` level elements
-     * @default false
-     */
-    ellipsis?: boolean;
-    /**
-     * If `true`, the text will not wrap.
-     * @default false
-     */
-    noWrap?: boolean;
-    /**
-     * Applies the typography variant.
-     * @default 'body1'
-     */
-    variant?: TypographyVariant;
-}
-export declare type TypographyProps<C extends TypographyComponent = 'p'> = ComponentOverridableForwardRefComponentPropsFactory<TypographyComponent, C, TypographyPropsBase>;
-/**
- * The react component for `mezzanine` typography.
- */
-declare const Typography: import("react").ForwardRefExoticComponent<Omit<Omit<import("../utils/jsx-types").ComponentPropsWithoutKeyAndRef<"p">, keyof TypographyPropsBase> & TypographyPropsBase, "component"> & {
-    component?: TypographyComponent | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>>;
-export default Typography;
+import { JSXElementConstructor } from 'react';
+import { TypographyAlign, TypographyColor, TypographyDisplay, TypographyVariant } from '@mezzanine-ui/core/typography';
+import { ComponentOverridableForwardRefComponentPropsFactory } from '../utils/jsx-types';
+export type TypographyComponent = `h${1 | 2 | 3 | 4 | 5 | 6}` | 'p' | 'span' | 'label' | 'div' | 'caption' | 'a' | JSXElementConstructor<any>;
+interface TypographyPropsBase {
+    /**
+     * The css variable for `text-align`.
+     */
+    align?: TypographyAlign;
+    /**
+     * The color name provided by palette.
+     */
+    color?: TypographyColor;
+    /**
+     * The css variable for `display`.
+     */
+    display?: TypographyDisplay;
+    /**
+     * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+     *
+     * Note that text overflow can only happen with `block` or `inline-block` level elements
+     * @default false
+     */
+    ellipsis?: boolean;
+    /**
+     * If `true`, the text will not wrap.
+     * @default false
+     */
+    noWrap?: boolean;
+    /**
+     * Applies the typography variant.
+     * @default 'body1'
+     */
+    variant?: TypographyVariant;
+}
+export type TypographyProps<C extends TypographyComponent = 'p'> = ComponentOverridableForwardRefComponentPropsFactory<TypographyComponent, C, TypographyPropsBase>;
+/**
+ * The react component for `mezzanine` typography.
+ */
+declare const Typography: import("react").ForwardRefExoticComponent<Omit<Omit<import("../utils/jsx-types").ComponentPropsWithoutKeyAndRef<"p">, keyof TypographyPropsBase> & TypographyPropsBase, "component"> & {
+    component?: TypographyComponent | undefined;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+export default Typography;

package/Typography/Typography.js

@@ -3,37 +3,37 @@ import { forwardRef } from 'react';
 import { toTypographyCssVars, typographyClasses } from '@mezzanine-ui/core/typography';
 import cx from 'clsx';
 
-function getComponentFromVariant(variant) {
-    if (variant.startsWith('h')) {
-        return variant;
-    }
-    if (variant.startsWith('body')) {
-        return 'p';
-    }
-    return 'span';
-}
-/**
- * The react component for `mezzanine` typography.
- */
-const Typography = forwardRef(function Typography(props, ref) {
-    const { align, children, className, color, component, display, ellipsis = false, noWrap = false, variant = 'body1', style: styleProp, ...rest } = props;
-    const Component = component || getComponentFromVariant(variant);
-    const cssVars = toTypographyCssVars({ align, color, display });
-    const style = {
-        ...cssVars,
-        ...styleProp,
-    };
-    const title = ellipsis && typeof children === 'string'
-        ? children
-        : undefined;
-    return (jsx(Component, { ...rest, ref: ref, className: cx(typographyClasses.variant(variant), {
-            [typographyClasses.align]: align,
-            [typographyClasses.color]: color,
-            [typographyClasses.display]: display,
-            [typographyClasses.ellipsis]: ellipsis,
-            [typographyClasses.noWrap]: noWrap,
-        }, className), style: style, title: title, children: children }));
-});
+function getComponentFromVariant(variant) {
+    if (variant.startsWith('h')) {
+        return variant;
+    }
+    if (variant.startsWith('body')) {
+        return 'p';
+    }
+    return 'span';
+}
+/**
+ * The react component for `mezzanine` typography.
+ */
+const Typography = forwardRef(function Typography(props, ref) {
+    const { align, children, className, color, component, display, ellipsis = false, noWrap = false, variant = 'body1', style: styleProp, ...rest } = props;
+    const Component = component || getComponentFromVariant(variant);
+    const cssVars = toTypographyCssVars({ align, color, display });
+    const style = {
+        ...cssVars,
+        ...styleProp,
+    };
+    const title = ellipsis && typeof children === 'string'
+        ? children
+        : undefined;
+    return (jsx(Component, { ...rest, ref: ref, className: cx(typographyClasses.variant(variant), {
+            [typographyClasses.align]: align,
+            [typographyClasses.color]: color,
+            [typographyClasses.display]: display,
+            [typographyClasses.ellipsis]: ellipsis,
+            [typographyClasses.noWrap]: noWrap,
+        }, className), style: style, title: title, children: children }));
+});
 var Typography$1 = Typography;
 
 export { Typography$1 as default };

package/Typography/index.d.ts

@@ -1,11 +1,11 @@
-import { ElementRef, PropsWithoutRef, ReactElement, RefAttributes } from 'react';
-import { TypographyComponent, TypographyProps } from './Typography';
-export type { TypographyAlign, TypographyColor, TypographyDisplay, TypographyVariant, } from '@mezzanine-ui/core/typography';
-export type { TypographyComponent, TypographyProps, };
-/**
- * @remark
- * Add type alias here for parsable to react docgen typescript.
- */
-declare type GenericTypography = <C extends TypographyComponent = 'p'>(props: PropsWithoutRef<TypographyProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
-declare const _default: GenericTypography;
-export default _default;
+import { ElementRef, PropsWithoutRef, ReactElement, RefAttributes } from 'react';
+import { TypographyComponent, TypographyProps } from './Typography';
+export type { TypographyAlign, TypographyColor, TypographyDisplay, TypographyVariant, } from '@mezzanine-ui/core/typography';
+export type { TypographyComponent, TypographyProps, };
+/**
+ * @remark
+ * Add type alias here for parsable to react docgen typescript.
+ */
+type GenericTypography = <C extends TypographyComponent = 'p'>(props: PropsWithoutRef<TypographyProps<C>> & RefAttributes<ElementRef<C>>) => ReactElement;
+declare const _default: GenericTypography;
+export default _default;

package/Typography/index.js

@@ -1,2 +1,5 @@
 import Typography from './Typography.js';
-export { default } from './Typography.js';
+
+
+
+export { Typography as default };

package/Upload/UploadButton.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { ButtonProps } from '../Button';
-import { UploadInputProps } from './UploadInput';
-export interface UploadButtonProps extends Omit<ButtonProps, 'component' | 'prefix' | 'suffix'>, UploadInputProps {
-}
-/**
- * The react component for `mezzanine` upload button.
- */
-declare const UploadButton: import("react").ForwardRefExoticComponent<UploadButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export default UploadButton;
+/// <reference types="react" />
+import { ButtonProps } from '../Button';
+import { UploadInputProps } from './UploadInput';
+export interface UploadButtonProps extends Omit<ButtonProps, 'component' | 'prefix' | 'suffix'>, UploadInputProps {
+}
+/**
+ * The react component for `mezzanine` upload button.
+ */
+declare const UploadButton: import("react").ForwardRefExoticComponent<UploadButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default UploadButton;

package/Upload/UploadButton.js

@@ -5,20 +5,20 @@ import Button from '../Button/Button.js';
 import UploadInput from './UploadInput.js';
 import Icon from '../Icon/Icon.js';
 
-/**
- * The react component for `mezzanine` upload button.
- */
-const UploadButton = forwardRef(function UploadButton(props, ref) {
-    const { accept, children, disabled = false, multiple = false, onClick, onUpload, ...rest } = props;
-    const inputRef = useRef(null);
-    return (jsxs(Button, { ...rest, ref: ref, disabled: disabled, onClick: (event) => {
-            var _a;
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-            if (onClick) {
-                onClick(event);
-            }
-        }, prefix: jsx(Icon, { icon: UploadIcon }), children: [jsx(UploadInput, { ref: inputRef, accept: accept, disabled: disabled, multiple: multiple, onUpload: onUpload }), children] }));
-});
+/**
+ * The react component for `mezzanine` upload button.
+ */
+const UploadButton = forwardRef(function UploadButton(props, ref) {
+    const { accept, children, disabled = false, multiple = false, onClick, onUpload, ...rest } = props;
+    const inputRef = useRef(null);
+    return (jsxs(Button, { ...rest, ref: ref, disabled: disabled, onClick: (event) => {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+            if (onClick) {
+                onClick(event);
+            }
+        }, prefix: jsx(Icon, { icon: UploadIcon }), children: [jsx(UploadInput, { ref: inputRef, accept: accept, disabled: disabled, multiple: multiple, onUpload: onUpload }), children] }));
+});
 var UploadButton$1 = UploadButton;
 
 export { UploadButton$1 as default };

package/Upload/UploadInput.d.ts

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-export interface UploadInputProps {
-    /**
-     * The accept attributes of native input element.
-     */
-    accept?: string;
-    /**
-     * Whether the input which file="file" is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Whether can select multiple files to upload.
-     */
-    multiple?: boolean;
-    /**
-     * Fired after user selected files.
-     */
-    onUpload?: (files: File[]) => void;
-}
-declare const UploadInput: import("react").ForwardRefExoticComponent<UploadInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export default UploadInput;
+/// <reference types="react" />
+export interface UploadInputProps {
+    /**
+     * The accept attributes of native input element.
+     */
+    accept?: string;
+    /**
+     * Whether the input which file="file" is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether can select multiple files to upload.
+     */
+    multiple?: boolean;
+    /**
+     * Fired after user selected files.
+     */
+    onUpload?: (files: File[]) => void;
+}
+declare const UploadInput: import("react").ForwardRefExoticComponent<UploadInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default UploadInput;

package/Upload/UploadInput.js

@@ -2,24 +2,24 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { uploadInputClasses } from '@mezzanine-ui/core/upload';
 
-const UploadInput = forwardRef((props, ref) => {
-    const { accept, disabled = false, multiple = false, onUpload, } = props;
-    return (jsx("input", { ref: ref, accept: accept, "aria-disabled": disabled, className: uploadInputClasses.host, disabled: disabled, multiple: multiple, onClick: (event) => {
-            // eslint-disable-next-line no-param-reassign
-            event.currentTarget.value = '';
-            event.stopPropagation();
-            event.nativeEvent.stopImmediatePropagation();
-        }, onChange: (event) => {
-            const { files: fileList } = event.target;
-            if (fileList && onUpload) {
-                const files = [];
-                for (let i = 0; i < fileList.length; i += 1) {
-                    files.push(fileList[i]);
-                }
-                onUpload(files);
-            }
-        }, type: "file" }));
-});
+const UploadInput = forwardRef((props, ref) => {
+    const { accept, disabled = false, multiple = false, onUpload, } = props;
+    return (jsx("input", { ref: ref, accept: accept, "aria-disabled": disabled, className: uploadInputClasses.host, disabled: disabled, multiple: multiple, onClick: (event) => {
+            // eslint-disable-next-line no-param-reassign
+            event.currentTarget.value = '';
+            event.stopPropagation();
+            event.nativeEvent.stopImmediatePropagation();
+        }, onChange: (event) => {
+            const { files: fileList } = event.target;
+            if (fileList && onUpload) {
+                const files = [];
+                for (let i = 0; i < fileList.length; i += 1) {
+                    files.push(fileList[i]);
+                }
+                onUpload(files);
+            }
+        }, type: "file" }));
+});
 var UploadInput$1 = UploadInput;
 
 export { UploadInput$1 as default };

package/Upload/UploadPicture.d.ts

@@ -1,49 +1,49 @@
-import { Ref } from 'react';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-import { UploadPictureBlockProps } from './UploadPictureBlock';
-export declare type UploadPictureControl = {
-    getData: () => void;
-};
-export interface UploadPictureProps extends Pick<UploadPictureBlockProps, 'defaultUploadErrorLabel' | 'defaultUploadingLabel' | 'defaultUploadLabel'>, Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {
-    /**
-     * The accept attributes of native input element.
-     * @default 'image/*'
-     */
-    accept?: string;
-    /**
-     * Provide `controllerRef` if you need detail data of file.
-     */
-    controllerRef?: Ref<UploadPictureControl | null>;
-    /**
-     * The default value of uploader.
-     */
-    defaultValue?: string;
-    /**
-     * Whether the input which is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-    * Fired after value changed.
-    */
-    onChange?: (url: string) => void;
-    /**
-    * Fired after user delete image.
-    */
-    onDelete?: () => void;
-    /**
-    * Fired after user upload image failed.
-    */
-    onError?: (file: File) => void;
-    /**
-    * Fired when user upload image, need to return Promise<string>.
-    * Arg1 is target file, arg2 `setProgress` can set the progress of uploading.
-    */
-    onUpload?: (file: File, setProgress: (progress: number) => void) => Promise<string>;
-    /**
-    * Fired after user upload image success.
-    */
-    onUploadSuccess?: (file: File, url: string) => void;
-}
-declare const UploadPicture: import("react").ForwardRefExoticComponent<UploadPictureProps & import("react").RefAttributes<HTMLDivElement>>;
-export default UploadPicture;
+import { Ref } from 'react';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+import { UploadPictureBlockProps } from './UploadPictureBlock';
+export type UploadPictureControl = {
+    getData: () => void;
+};
+export interface UploadPictureProps extends Pick<UploadPictureBlockProps, 'defaultUploadErrorLabel' | 'defaultUploadingLabel' | 'defaultUploadLabel'>, Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {
+    /**
+     * The accept attributes of native input element.
+     * @default 'image/*'
+     */
+    accept?: string;
+    /**
+     * Provide `controllerRef` if you need detail data of file.
+     */
+    controllerRef?: Ref<UploadPictureControl | null>;
+    /**
+     * The default value of uploader.
+     */
+    defaultValue?: string;
+    /**
+     * Whether the input which is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+    * Fired after value changed.
+    */
+    onChange?: (url: string) => void;
+    /**
+    * Fired after user delete image.
+    */
+    onDelete?: () => void;
+    /**
+    * Fired after user upload image failed.
+    */
+    onError?: (file: File) => void;
+    /**
+    * Fired when user upload image, need to return Promise<string>.
+    * Arg1 is target file, arg2 `setProgress` can set the progress of uploading.
+    */
+    onUpload?: (file: File, setProgress: (progress: number) => void) => Promise<string>;
+    /**
+    * Fired after user upload image success.
+    */
+    onUploadSuccess?: (file: File, url: string) => void;
+}
+declare const UploadPicture: import("react").ForwardRefExoticComponent<UploadPictureProps & import("react").RefAttributes<HTMLDivElement>>;
+export default UploadPicture;

package/Upload/UploadPicture.js

@@ -4,49 +4,49 @@ import { ImageUploader, uploadPictureClasses } from '@mezzanine-ui/core/upload';
 import UploadPictureBlock from './UploadPictureBlock.js';
 import cx from 'clsx';
 
-const UploadPicture = forwardRef(function UploadPicture(props, ref) {
-    const { accept = 'image/*', className, controllerRef, defaultValue, defaultUploadErrorLabel, defaultUploadingLabel, defaultUploadLabel, disabled = false, onChange, onDelete, onError, onUpload, onUploadSuccess, style, } = props;
-    const defaultImageUploader = new ImageUploader(undefined, defaultValue);
-    const uploadPictureImageLoader = useRef(defaultImageUploader);
-    const onImageUpload = useCallback((files) => {
-        if (files.length) {
-            const currentFile = files[0];
-            uploadPictureImageLoader.current.setNewFile(currentFile);
-            uploadPictureImageLoader.current.setPreview();
-            if (onUpload) {
-                const setProgress = (progress) => uploadPictureImageLoader.current.setPercentage(progress);
-                uploadPictureImageLoader.current.setLoadingStatus(true);
-                onUpload(currentFile, setProgress)
-                    .then((url) => {
-                    uploadPictureImageLoader.current.setUrl(url);
-                    uploadPictureImageLoader.current.setLoadingStatus(false);
-                    setProgress(100);
-                    if (onUploadSuccess) {
-                        onUploadSuccess(currentFile, url);
-                    }
-                })
-                    .catch(() => {
-                    uploadPictureImageLoader.current.setErrorStatus(true);
-                    uploadPictureImageLoader.current.setLoadingStatus(false);
-                    setProgress(100);
-                    if (onError) {
-                        onError(currentFile);
-                    }
-                });
-            }
-        }
-    }, [onUpload, onUploadSuccess, onError]);
-    const onImageDelete = useCallback(() => {
-        uploadPictureImageLoader.current.clear();
-        if (onDelete) {
-            onDelete();
-        }
-    }, [onDelete]);
-    useImperativeHandle(controllerRef, () => ({
-        getData: () => uploadPictureImageLoader.current.getAll(),
-    }));
-    return (jsx("div", { ref: ref, className: cx(uploadPictureClasses.host, className), style: style, children: jsx(UploadPictureBlock, { accept: accept, defaultUploadErrorLabel: defaultUploadErrorLabel, defaultUploadingLabel: defaultUploadingLabel, defaultUploadLabel: defaultUploadLabel, disabled: disabled, imageLoader: uploadPictureImageLoader.current, multiple: false, onDelete: onImageDelete, onUpload: onImageUpload, onValueChange: onChange }) }));
-});
+const UploadPicture = forwardRef(function UploadPicture(props, ref) {
+    const { accept = 'image/*', className, controllerRef, defaultValue, defaultUploadErrorLabel, defaultUploadingLabel, defaultUploadLabel, disabled = false, onChange, onDelete, onError, onUpload, onUploadSuccess, style, } = props;
+    const defaultImageUploader = new ImageUploader(undefined, defaultValue);
+    const uploadPictureImageLoader = useRef(defaultImageUploader);
+    const onImageUpload = useCallback((files) => {
+        if (files.length) {
+            const currentFile = files[0];
+            uploadPictureImageLoader.current.setNewFile(currentFile);
+            uploadPictureImageLoader.current.setPreview();
+            if (onUpload) {
+                const setProgress = (progress) => uploadPictureImageLoader.current.setPercentage(progress);
+                uploadPictureImageLoader.current.setLoadingStatus(true);
+                onUpload(currentFile, setProgress)
+                    .then((url) => {
+                    uploadPictureImageLoader.current.setUrl(url);
+                    uploadPictureImageLoader.current.setLoadingStatus(false);
+                    setProgress(100);
+                    if (onUploadSuccess) {
+                        onUploadSuccess(currentFile, url);
+                    }
+                })
+                    .catch(() => {
+                    uploadPictureImageLoader.current.setErrorStatus(true);
+                    uploadPictureImageLoader.current.setLoadingStatus(false);
+                    setProgress(100);
+                    if (onError) {
+                        onError(currentFile);
+                    }
+                });
+            }
+        }
+    }, [onUpload, onUploadSuccess, onError]);
+    const onImageDelete = useCallback(() => {
+        uploadPictureImageLoader.current.clear();
+        if (onDelete) {
+            onDelete();
+        }
+    }, [onDelete]);
+    useImperativeHandle(controllerRef, () => ({
+        getData: () => uploadPictureImageLoader.current.getAll(),
+    }));
+    return (jsx("div", { ref: ref, className: cx(uploadPictureClasses.host, className), style: style, children: jsx(UploadPictureBlock, { accept: accept, defaultUploadErrorLabel: defaultUploadErrorLabel, defaultUploadingLabel: defaultUploadingLabel, defaultUploadLabel: defaultUploadLabel, disabled: disabled, imageLoader: uploadPictureImageLoader.current, multiple: false, onDelete: onImageDelete, onUpload: onImageUpload, onValueChange: onChange }) }));
+});
 var UploadPicture$1 = UploadPicture;
 
 export { UploadPicture$1 as default };

package/Upload/UploadPictureBlock.d.ts

@@ -1,20 +1,20 @@
-import { MouseEventHandler } from 'react';
-import { ImageUploader } from '@mezzanine-ui/core/upload';
-import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface UploadPictureBlockProps extends Omit<NativeElementPropsWithoutKeyAndRef<'button'>, 'children' | 'onChange' | 'value'> {
-    accept?: string;
-    /** @default '上傳錯誤' */
-    defaultUploadErrorLabel?: string;
-    /** @default '上傳中...' */
-    defaultUploadingLabel?: string;
-    /** @default '上傳影像' */
-    defaultUploadLabel?: string;
-    fileHost?: string;
-    imageLoader: ImageUploader;
-    multiple?: boolean;
-    onDelete?: MouseEventHandler;
-    onUpload?: (files: File[]) => void;
-    onValueChange?: (value: string) => void;
-}
-declare const UploadPictureBlock: import("react").ForwardRefExoticComponent<UploadPictureBlockProps & import("react").RefAttributes<HTMLButtonElement>>;
-export default UploadPictureBlock;
+import { MouseEventHandler } from 'react';
+import { ImageUploader } from '@mezzanine-ui/core/upload';
+import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
+export interface UploadPictureBlockProps extends Omit<NativeElementPropsWithoutKeyAndRef<'button'>, 'children' | 'onChange' | 'value'> {
+    accept?: string;
+    /** @default '上傳錯誤' */
+    defaultUploadErrorLabel?: string;
+    /** @default '上傳中...' */
+    defaultUploadingLabel?: string;
+    /** @default '上傳影像' */
+    defaultUploadLabel?: string;
+    fileHost?: string;
+    imageLoader: ImageUploader;
+    multiple?: boolean;
+    onDelete?: MouseEventHandler;
+    onUpload?: (files: File[]) => void;
+    onValueChange?: (value: string) => void;
+}
+declare const UploadPictureBlock: import("react").ForwardRefExoticComponent<UploadPictureBlockProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default UploadPictureBlock;