@mezzanine-ui/react 0.12.4 → 0.12.6

package/Select/SelectTrigger.d.ts

@@ -2,7 +2,7 @@ import { Ref } from 'react';
 import { TextFieldProps } from '../TextField';
 import { SelectValue } from './typings';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export declare type SelectTriggerInputProps = Omit<NativeElementPropsWithoutKeyAndRef<'input'>, 'autoComplete' | 'children' | 'defaultValue' | 'disabled' | 'readOnly' | 'required' | 'type' | 'value' | `aria-${'autocomplete' | 'disabled' | 'haspopup' | 'multiline' | 'readonly' | 'required'}`>;
+export type SelectTriggerInputProps = Omit<NativeElementPropsWithoutKeyAndRef<'input'>, 'autoComplete' | 'children' | 'defaultValue' | 'disabled' | 'readOnly' | 'required' | 'type' | 'value' | `aria-${'autocomplete' | 'disabled' | 'haspopup' | 'multiline' | 'readonly' | 'required'}`>;
 export interface SelectTriggerBaseProps extends Omit<TextFieldProps, 'active' | 'children' | 'defaultChecked' | 'suffix'> {
     /**
      * Controls the chevron icon layout.
@@ -51,7 +51,7 @@ export interface SelectTriggerBaseProps extends Omit<TextFieldProps, 'active' |
     showTextInputAfterTags?: boolean;
     suffixAction?: VoidFunction;
 }
-export declare type SelectTriggerMultipleProps = SelectTriggerBaseProps & {
+export type SelectTriggerMultipleProps = SelectTriggerBaseProps & {
     /**
      * Controls the layout of trigger.
      */
@@ -67,7 +67,7 @@ export declare type SelectTriggerMultipleProps = SelectTriggerBaseProps & {
      */
     renderValue?: (value: SelectValue[]) => string;
 };
-export declare type SelectTriggerSingleProps = SelectTriggerBaseProps & {
+export type SelectTriggerSingleProps = SelectTriggerBaseProps & {
     /**
      * Controls the layout of trigger.
      */
@@ -83,7 +83,7 @@ export declare type SelectTriggerSingleProps = SelectTriggerBaseProps & {
      */
     renderValue?: (value: SelectValue | null) => string;
 };
-export declare type SelectTriggerComponentProps = SelectTriggerMultipleProps | SelectTriggerSingleProps;
-export declare type SelectTriggerProps = Omit<SelectTriggerComponentProps, 'innerRef'>;
+export type SelectTriggerComponentProps = SelectTriggerMultipleProps | SelectTriggerSingleProps;
+export type SelectTriggerProps = Omit<SelectTriggerComponentProps, 'innerRef'>;
 declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
 export default SelectTrigger;

package/Slider/Slider.d.ts

@@ -32,16 +32,16 @@ export interface SliderBaseProps extends Omit<NativeElementPropsWithoutKeyAndRef
      */
     innerRef?: Ref<HTMLDivElement>;
 }
-export declare type SingleSliderProps = SliderBaseProps & {
+export type SingleSliderProps = SliderBaseProps & {
     onChange?: (value: SingleSliderValue) => void;
     value: UseSingleSliderProps['value'];
 };
-export declare type RangeSliderProps = SliderBaseProps & {
+export type RangeSliderProps = SliderBaseProps & {
     onChange?: (value: RangeSliderValue) => void;
     value: UseRangeSliderProps['value'];
 };
-export declare type SliderComponentProps = SingleSliderProps | RangeSliderProps;
-export declare type SliderProps = Omit<SliderComponentProps, 'innerRef'>;
+export type SliderComponentProps = SingleSliderProps | RangeSliderProps;
+export type SliderProps = Omit<SliderComponentProps, 'innerRef'>;
 /**
  * The react component for `mezzanine` slider.
  * The outcome will be base on the type of given value.

package/Table/Table.d.ts

@@ -83,6 +83,6 @@ export interface TableWithPagination<T> extends TableBaseProps<T> {
     pagination?: TablePaginationType;
     fetchMore?: undefined;
 }
-export declare type TableProps<T> = TableWithFetchMore<T> | TableWithPagination<T>;
+export type TableProps<T> = TableWithFetchMore<T> | TableWithPagination<T>;
 declare const Table: import("react").ForwardRefExoticComponent<TableProps<Record<string, unknown>> & import("react").RefAttributes<HTMLDivElement>>;
 export default Table;

package/Table/editable/TableEditRenderWrapper.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { TableColumn, TableDataSource, TableRecord } from '@mezzanine-ui/core/table';
 import { NativeElementPropsWithoutKeyAndRef } from '../../utils/jsx-types';
 export interface EditableBodyCellProps extends NativeElementPropsWithoutKeyAndRef<'div'>, TableColumn<TableRecord<unknown>> {
     rowData: TableDataSource;
 }
-declare function TableEditRenderWrapper({ children, dataIndex, editable, rowData, setCellProps, ...rest }: EditableBodyCellProps): JSX.Element;
+declare function TableEditRenderWrapper({ children, dataIndex, editable, rowData, setCellProps, ...rest }: EditableBodyCellProps): import("react/jsx-runtime").JSX.Element;
 export default TableEditRenderWrapper;

package/Table/sorting/useTableSorting.d.ts

@@ -2,7 +2,7 @@ import { TableDataSource, TableColumn, TableRecord } from '@mezzanine-ui/core/ta
 export interface UseTableSorting {
     dataSource: TableDataSource[];
 }
-export declare type SortedType = 'desc' | 'asc' | 'none';
+export type SortedType = 'desc' | 'asc' | 'none';
 export declare function useTableSorting(props: UseTableSorting): readonly [TableDataSource[], (v: Pick<TableColumn<TableRecord<unknown>>, "dataIndex" | "sorter" | "onSorted">) => void, {
     readonly sortedOn: string;
     readonly sortedType: SortedType;

package/Table/useTableScroll.d.ts

@@ -17,6 +17,7 @@ export default function useTableScroll(): readonly [{
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
         className?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined;
@@ -36,11 +37,14 @@ export default function useTableScroll(): readonly [{
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
         property?: string | undefined;
+        rel?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -107,7 +111,7 @@ export default function useTableScroll(): readonly [{
         'aria-valuetext'?: string | undefined;
         children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;

package/Tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
 import { Key, MouseEvent, ReactElement, ReactNode } from 'react';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { TabPaneProps } from './TabPane';
-export declare type TabsChild = ReactElement<TabPaneProps>;
+export type TabsChild = ReactElement<TabPaneProps>;
 export interface TabsProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'onChange' | 'children'> {
     /**
      * Current TabPane's index

package/Transition/Fade.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TransitionImplementationProps } from './Transition';
-export declare type FadeProps = TransitionImplementationProps;
+export type FadeProps = TransitionImplementationProps;
 /**
  * The react component for `mezzanine` transition fade.
  */

package/Transition/SlideFade.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TransitionImplementationProps } from './Transition';
-export declare type SlideFadeDirection = 'left' | 'right' | 'up' | 'down';
+export type SlideFadeDirection = 'left' | 'right' | 'up' | 'down';
 export interface SlideFadeProps extends TransitionImplementationProps {
     /**
      * The direction of child element will enter to.

package/Transition/Transition.d.ts

@@ -2,18 +2,18 @@ import { RefObject, CSSProperties, ReactElement, JSXElementConstructor, Ref } fr
 import { TransitionStatus as TransitionState, TransitionChildren } from 'react-transition-group/Transition';
 import { NativeElementTag } from '../utils/jsx-types';
 export { TransitionState };
-export declare type TransitionMode = 'enter' | 'exit';
-export declare type TransitionDuration = 'auto' | number | {
+export type TransitionMode = 'enter' | 'exit';
+export type TransitionDuration = 'auto' | number | {
     [mode in TransitionMode]?: number;
 };
-export declare type TransitionEasing = string | {
+export type TransitionEasing = string | {
     [mode in TransitionMode]?: string;
 };
-export declare type TransitionDelay = number | {
+export type TransitionDelay = number | {
     [mode in TransitionMode]?: number;
 };
-export declare type TransitionEnterHandler = (node: HTMLElement, isAppearing: boolean) => void;
-export declare type TransitionExitHandler = (node: HTMLElement) => void;
+export type TransitionEnterHandler = (node: HTMLElement, isAppearing: boolean) => void;
+export type TransitionExitHandler = (node: HTMLElement) => void;
 export interface TransitionImplementationChildProps {
     ref?: Ref<HTMLElement>;
     style?: CSSProperties;
@@ -94,5 +94,5 @@ export interface TransitionImplementationProps extends Omit<TransitionProps, 'ad
 /**
  * The react component for `mezzanine` transition.
  */
-declare function Transition(props: TransitionProps): JSX.Element;
+declare function Transition(props: TransitionProps): import("react/jsx-runtime").JSX.Element;
 export default Transition;

package/Transition/Zoom.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TransitionImplementationProps } from './Transition';
-export declare type ZoomProps = TransitionImplementationProps;
+export type ZoomProps = TransitionImplementationProps;
 /**
  * The react component for `mezzanine` transition zoom.
  */

package/Tree/TreeNode.d.ts

@@ -3,7 +3,7 @@ import { TreeNodeValue, TreeSize } from '@mezzanine-ui/core/tree';
 import { CollapseProps } from '../Transition';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { TreeNodeData } from './typings';
-export declare type TreeNodeElementProps = Omit<NativeElementPropsWithoutKeyAndRef<'li'>, 'children' | 'value' | 'onSelect'>;
+export type TreeNodeElementProps = Omit<NativeElementPropsWithoutKeyAndRef<'li'>, 'children' | 'value' | 'onSelect'>;
 export interface TreeNodeProps extends TreeNodeData, TreeNodeElementProps {
     /**
      * Provided children will be wrapped under `Collapse`.

package/Tree/TreeNodeList.d.ts

@@ -2,7 +2,7 @@
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
 import { TreeNodeElementProps, TreeNodeProps } from './TreeNode';
 import { TreeNodeData, TreeNodeRefs } from './typings';
-export declare type TreeNodeListElementProps = Omit<NativeElementPropsWithoutKeyAndRef<'ul'>, 'children' | 'onSelect'>;
+export type TreeNodeListElementProps = Omit<NativeElementPropsWithoutKeyAndRef<'ul'>, 'children' | 'onSelect'>;
 export interface TreeNodeListProps extends TreeNodeListElementProps, Pick<TreeNodeProps, 'multiple' | 'onExpand' | 'onSelect' | 'selectable' | 'size'> {
     /**
      * Given nodes will be passed to `TreeNode` component orderly.

package/Tree/typings.d.ts

@@ -1,12 +1,12 @@
 import { MutableRefObject, ReactNode } from 'react';
 import { TreeNodeDataShape, TreeNodeEntityShape, TreeNodePropShape, TreeNodeValue } from '@mezzanine-ui/core/tree';
-export declare type TreeNodeProp = TreeNodePropShape<ReactNode>;
-export declare type TreeNodeData = TreeNodeDataShape<ReactNode>;
-export declare type TreeNodeEntity = TreeNodeEntityShape<ReactNode>;
-export declare type TreeNodeEntities = Map<TreeNodeValue, TreeNodeEntity>;
-export declare type TreeNodeRefsShape = Record<TreeNodeValue, HTMLLIElement>;
-export declare type TreeNodeRefs = MutableRefObject<TreeNodeRefsShape | undefined>;
-export declare type TreeExpandControl = {
+export type TreeNodeProp = TreeNodePropShape<ReactNode>;
+export type TreeNodeData = TreeNodeDataShape<ReactNode>;
+export type TreeNodeEntity = TreeNodeEntityShape<ReactNode>;
+export type TreeNodeEntities = Map<TreeNodeValue, TreeNodeEntity>;
+export type TreeNodeRefsShape = Record<TreeNodeValue, HTMLLIElement>;
+export type TreeNodeRefs = MutableRefObject<TreeNodeRefsShape | undefined>;
+export type TreeExpandControl = {
     collapse: (value: TreeNodeValue) => void;
     collapseAll: () => void;
     collapseAllFrom: (value: TreeNodeValue) => void;

package/Typography/Typography.d.ts

@@ -1,7 +1,7 @@
 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>;
+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`.
@@ -33,7 +33,7 @@ interface TypographyPropsBase {
      */
     variant?: TypographyVariant;
 }
-export declare type TypographyProps<C extends TypographyComponent = 'p'> = ComponentOverridableForwardRefComponentPropsFactory<TypographyComponent, C, TypographyPropsBase>;
+export type TypographyProps<C extends TypographyComponent = 'p'> = ComponentOverridableForwardRefComponentPropsFactory<TypographyComponent, C, TypographyPropsBase>;
 /**
  * The react component for `mezzanine` typography.
  */

package/Typography/index.d.ts

@@ -6,6 +6,6 @@ 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;
+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/UploadPicture.d.ts

@@ -1,9 +1,10 @@
 import { Ref } from 'react';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export declare type UploadPictureControl = {
+import { UploadPictureBlockProps } from './UploadPictureBlock';
+export type UploadPictureControl = {
     getData: () => void;
 };
-export interface UploadPictureProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {
+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/*'

package/Upload/UploadPicture.js

@@ -5,7 +5,7 @@ import UploadPictureBlock from './UploadPictureBlock.js';
 import cx from 'clsx';
 
 const UploadPicture = forwardRef(function UploadPicture(props, ref) {
-    const { accept = 'image/*', className, controllerRef, defaultValue, disabled = false, onChange, onDelete, onError, onUpload, onUploadSuccess, style, } = props;
+    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) => {
@@ -45,7 +45,7 @@ const UploadPicture = forwardRef(function UploadPicture(props, ref) {
     useImperativeHandle(controllerRef, () => ({
         getData: () => uploadPictureImageLoader.current.getAll(),
     }));
-    return (jsx("div", { ref: ref, className: cx(uploadPictureClasses.host, className), style: style, children: jsx(UploadPictureBlock, { accept: accept, disabled: disabled, imageLoader: uploadPictureImageLoader.current, multiple: false, onDelete: onImageDelete, onUpload: onImageUpload, onValueChange: onChange }) }));
+    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;
 

package/Upload/UploadPictureBlock.d.ts

@@ -3,6 +3,12 @@ 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;

package/Upload/UploadPictureBlock.js

@@ -8,7 +8,7 @@ import Icon from '../Icon/Icon.js';
 import cx from 'clsx';
 
 const UploadPictureBlock = forwardRef(function UploadPictureBlock(props, ref) {
-    const { accept = 'image/*', disabled = false, imageLoader, multiple = false, onDelete, onUpload, onValueChange, fileHost, } = props;
+    const { accept = 'image/*', defaultUploadErrorLabel = '上傳錯誤', defaultUploadingLabel = '上傳中...', defaultUploadLabel = '上傳影像', disabled = false, imageLoader, multiple = false, onDelete, onUpload, onValueChange, fileHost, } = props;
     const [previewImage, setPreviewImage] = useState(imageLoader.getPreview() || '');
     const [value, setValue] = useState(imageLoader.getUrl() || '');
     const [percentage, setPercentage] = useState(imageLoader.getPercentage() || 0);
@@ -73,9 +73,9 @@ const UploadPictureBlock = forwardRef(function UploadPictureBlock(props, ref) {
             [uploadPictureBlockClasses.loading]: isLoading,
             [uploadPictureBlockClasses.error]: isError,
             [uploadPictureBlockClasses.disabled]: disabled,
-        }), style: style, children: [jsx(UploadInput, { ref: inputRef, accept: accept, disabled: disabled, multiple: multiple, onUpload: onUpload }), isError ? (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: TimesIcon }), jsx("span", { className: uploadPictureBlockClasses.status, children: "\u4E0A\u50B3\u932F\u8AA4" })] })) : (
+        }), style: style, children: [jsx(UploadInput, { ref: inputRef, accept: accept, disabled: disabled, multiple: multiple, onUpload: onUpload }), isError ? (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: TimesIcon }), jsx("span", { className: uploadPictureBlockClasses.status, children: defaultUploadErrorLabel })] })) : (
             // eslint-disable-next-line react/jsx-no-useless-fragment
-            jsx(Fragment, { children: showImage ? (jsxs(Fragment, { children: [jsx("img", { alt: "", src: (value ? `${fileHost || ''}${value}` : previewImage), className: uploadPictureBlockClasses.preview }), isLoading ? (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: SpinnerIcon, spin: true }), jsx("span", { className: uploadPictureBlockClasses.status, children: "\u4E0A\u50B3\u4E2D..." })] })) : null] })) : (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: UploadIcon }), jsx("span", { className: uploadPictureBlockClasses.status, children: "\u4E0A\u50B3\u5F71\u50CF" })] })) })), !disabled && canDeleteImage && (jsx("div", { className: uploadPictureBlockClasses.delete, children: jsx(Icon, { icon: TrashIcon }) }))] }));
+            jsx(Fragment, { children: showImage ? (jsxs(Fragment, { children: [jsx("img", { alt: "", src: (value ? `${fileHost || ''}${value}` : previewImage), className: uploadPictureBlockClasses.preview }), isLoading ? (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: SpinnerIcon, spin: true }), jsx("span", { className: uploadPictureBlockClasses.status, children: defaultUploadingLabel })] })) : null] })) : (jsxs("div", { className: uploadPictureBlockClasses.group, children: [jsx(Icon, { icon: UploadIcon }), jsx("span", { className: uploadPictureBlockClasses.status, children: defaultUploadLabel })] })) })), !disabled && canDeleteImage && (jsx("div", { className: uploadPictureBlockClasses.delete, children: jsx(Icon, { icon: TrashIcon }) }))] }));
 });
 var UploadPictureBlock$1 = UploadPictureBlock;
 

package/Upload/UploadPictureWall.d.ts

@@ -1,9 +1,10 @@
 import { Ref } from 'react';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export declare type UploadPictureWallControl = {
+import { UploadPictureWallItemProps } from './UploadPictureWallItem';
+export type UploadPictureWallControl = {
     getAllData: () => void;
 };
-export interface UploadPictureWallBaseProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {
+export interface UploadPictureWallBaseProps extends Pick<UploadPictureWallItemProps, 'defaultUploadErrorLabel' | 'defaultUploadingLabel' | 'defaultUploadLabel'>, Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children' | 'onChange' | 'onError' | 'value'> {
     /**
      * The accept attributes of native input element.
      * @default 'image/*'
@@ -75,6 +76,6 @@ export interface UploadPictureWallMultiUploadProps extends UploadPictureWallBase
     onUpload?: undefined;
     parallel?: undefined;
 }
-export declare type UploadPictureWallProps = UploadPictureWallSingleUploadProps | UploadPictureWallMultiUploadProps;
+export type UploadPictureWallProps = UploadPictureWallSingleUploadProps | UploadPictureWallMultiUploadProps;
 declare const UploadPictureWall: import("react").ForwardRefExoticComponent<UploadPictureWallProps & import("react").RefAttributes<HTMLDivElement>>;
 export default UploadPictureWall;

package/Upload/UploadPictureWall.js

@@ -9,7 +9,7 @@ import UploadPictureWallItem from './UploadPictureWallItem.js';
 import cx from 'clsx';
 
 const UploadPictureWall = forwardRef(function UploadPictureWall(props, ref) {
-    const { accept = 'image/*', className, controllerRef, defaultValues, disabled = false, fileHost = '', maxLength, multiple = true, onChange, onDelete, onError, onMultiUpload, onUpload, onUploadSuccess, parallel = false, style, } = props;
+    const { accept = 'image/*', className, controllerRef, defaultValues, defaultUploadErrorLabel, defaultUploadingLabel, defaultUploadLabel, disabled = false, fileHost = '', maxLength, multiple = true, onChange, onDelete, onError, onMultiUpload, onUpload, onUploadSuccess, parallel = false, style, } = props;
     const [uploadPictureImageLoaders, setUploadPictureImageLoader] = useState(defaultValues ? compact(defaultValues).map((value) => new ImageUploader(undefined, value)) : []);
     const [needUploadImageLoaders, setNeedUploadImageLoaders] = useState([]);
     const [needUploadImageLoaderSets, setNeedUploadImageLoaderSets] = useState([]);
@@ -150,7 +150,7 @@ const UploadPictureWall = forwardRef(function UploadPictureWall(props, ref) {
     useImperativeHandle(controllerRef, () => ({
         getAllData: () => uploadPictureImageLoaders.map((loader) => loader.getAll()),
     }));
-    return (jsxs("div", { ref: ref, className: cx(uploadPictureWallClasses.host, className), style: style, children: [loaderList.map((up) => (jsx(UploadPictureWallItem, { accept: accept, disabled: disabled, imageLoader: up, multiple: multiple, onDelete: () => onImageDelete(up.getUid()), fileHost: fileHost }, up.getUid()))), maxLength && loaderList.length >= maxLength ? null : (jsx(UploadPictureWallItem, { accept: accept, disabled: disabled, imageLoader: new ImageUploader(), multiple: multiple, onUpload: onImagesUpload, fileHost: fileHost }))] }));
+    return (jsxs("div", { ref: ref, className: cx(uploadPictureWallClasses.host, className), style: style, children: [loaderList.map((up) => (jsx(UploadPictureWallItem, { accept: accept, defaultUploadErrorLabel: defaultUploadErrorLabel, defaultUploadingLabel: defaultUploadingLabel, defaultUploadLabel: defaultUploadLabel, disabled: disabled, imageLoader: up, multiple: multiple, onDelete: () => onImageDelete(up.getUid()), fileHost: fileHost }, up.getUid()))), maxLength && loaderList.length >= maxLength ? null : (jsx(UploadPictureWallItem, { accept: accept, defaultUploadErrorLabel: defaultUploadErrorLabel, defaultUploadingLabel: defaultUploadingLabel, defaultUploadLabel: defaultUploadLabel, disabled: disabled, imageLoader: new ImageUploader(), multiple: multiple, onUpload: onImagesUpload, fileHost: fileHost }))] }));
 });
 var UploadPictureWall$1 = UploadPictureWall;
 

package/Upload/UploadPictureWallItem.d.ts

@@ -1,7 +1,8 @@
 import { MouseEventHandler } from 'react';
 import { ImageUploader } from '@mezzanine-ui/core/upload';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface UploadPictureWallItemProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'value' | 'onChange' | 'children'> {
+import { UploadPictureBlockProps } from './UploadPictureBlock';
+export interface UploadPictureWallItemProps extends Pick<UploadPictureBlockProps, 'defaultUploadErrorLabel' | 'defaultUploadingLabel' | 'defaultUploadLabel'>, Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'value' | 'onChange' | 'children'> {
     accept?: string;
     disabled?: boolean;
     fileHost?: string;
@@ -10,5 +11,5 @@ export interface UploadPictureWallItemProps extends Omit<NativeElementPropsWitho
     onDelete?: MouseEventHandler;
     onUpload?: (files: File[]) => void;
 }
-declare const UploadPictureWallItem: (props: UploadPictureWallItemProps) => JSX.Element;
+declare const UploadPictureWallItem: (props: UploadPictureWallItemProps) => import("react/jsx-runtime").JSX.Element;
 export default UploadPictureWallItem;

package/Upload/UploadPictureWallItem.js

@@ -5,14 +5,14 @@ import UploadPictureBlock from './UploadPictureBlock.js';
 import cx from 'clsx';
 
 const UploadPictureWallItem = (props) => {
-    const { accept, disabled, imageLoader, multiple, onDelete, onUpload, fileHost, } = props;
+    const { accept, defaultUploadErrorLabel, defaultUploadingLabel, defaultUploadLabel, disabled, imageLoader, multiple, onDelete, onUpload, fileHost, } = props;
     const loader = useRef(imageLoader);
     useEffect(() => {
         if (!loader.current.getPreview()) {
             loader.current.setPreview();
         }
     }, []);
-    return (jsx("div", { className: cx(uploadPictureWallClasses.item), children: jsx(UploadPictureBlock, { accept: accept, disabled: disabled, imageLoader: loader.current, multiple: multiple, onDelete: onDelete, onUpload: onUpload, fileHost: fileHost }) }));
+    return (jsx("div", { className: cx(uploadPictureWallClasses.item), children: jsx(UploadPictureBlock, { accept: accept, defaultUploadErrorLabel: defaultUploadErrorLabel, defaultUploadingLabel: defaultUploadingLabel, defaultUploadLabel: defaultUploadLabel, disabled: disabled, imageLoader: loader.current, multiple: multiple, onDelete: onDelete, onUpload: onUpload, fileHost: fileHost }) }));
 };
 var UploadPictureWallItem$1 = UploadPictureWallItem;
 

package/hooks/useClickAway.d.ts

@@ -1,5 +1,5 @@
 import { RefObject, DependencyList } from 'react';
-export declare type ClickAwayEvent = MouseEvent | TouchEvent | PointerEvent;
-export declare type ClickAwayHandler = (event: ClickAwayEvent) => void;
-export declare type ClickAwayHandlerFactory = () => ClickAwayHandler | undefined;
+export type ClickAwayEvent = MouseEvent | TouchEvent | PointerEvent;
+export type ClickAwayHandler = (event: ClickAwayEvent) => void;
+export type ClickAwayHandlerFactory = () => ClickAwayHandler | undefined;
 export declare function useClickAway(factory: ClickAwayHandlerFactory, containerRef: RefObject<HTMLElement>, deps?: DependencyList): void;

package/hooks/useDocumentEscapeKeyDown.d.ts

@@ -1,3 +1,3 @@
 import { DependencyList } from 'react';
-export declare type DocumentEscapeKeyDownHandlerFactory = () => ((event: KeyboardEvent) => void) | undefined;
+export type DocumentEscapeKeyDownHandlerFactory = () => ((event: KeyboardEvent) => void) | undefined;
 export declare function useDocumentEscapeKeyDown(factory: DocumentEscapeKeyDownHandlerFactory, deps?: DependencyList): void;

package/hooks/useDocumentEvents.d.ts

@@ -1,5 +1,5 @@
 import { DependencyList } from 'react';
-export declare type DocumentEventHandlersFactory = () => {
+export type DocumentEventHandlersFactory = () => {
     [event in keyof DocumentEventMap]?: (event: DocumentEventMap[event]) => void;
 } | undefined;
 export declare function useDocumentEvents(factory: DocumentEventHandlersFactory, deps?: DependencyList): void;

package/hooks/useDocumentTabKeyDown.d.ts

@@ -1,3 +1,3 @@
 import { DependencyList } from 'react';
-export declare type DocumentTabKeyDownHandlerFactory = () => ((event: KeyboardEvent) => void) | undefined;
+export type DocumentTabKeyDownHandlerFactory = () => ((event: KeyboardEvent) => void) | undefined;
 export declare function useDocumentTabKeyDown(factory: DocumentTabKeyDownHandlerFactory, deps?: DependencyList): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/react",
-  "version": "0.12.4",
+  "version": "0.12.6",
   "description": "React components for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {
@@ -31,9 +31,9 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@mezzanine-ui/core": "^0.12.4",
-    "@mezzanine-ui/icons": "^0.12.4",
-    "@mezzanine-ui/system": "^0.12.4",
+    "@mezzanine-ui/core": "^0.12.6",
+    "@mezzanine-ui/icons": "^0.12.6",
+    "@mezzanine-ui/system": "^0.12.6",
     "@popperjs/core": "^2.11.6",
     "@types/react-transition-group": "^4.4.5",
     "clsx": "^1.2.1",

package/utils/composeRefs.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'react';
-export declare type ComposableRef<T> = Ref<T> | null | undefined;
-export declare type ComposedRef<T> = Extract<Ref<T>, (...args: any[]) => any>;
+export type ComposableRef<T> = Ref<T> | null | undefined;
+export type ComposedRef<T> = Extract<Ref<T>, (...args: any[]) => any>;
 /**
  * Compose all refs to single one.
  * It's helpful if you want to use useRef in an forwardRef component.

package/utils/general.d.ts

@@ -1,8 +1,8 @@
-export declare type PickRenameMulti<T, R extends {
+export type PickRenameMulti<T, R extends {
     [K in keyof R]: K extends keyof T ? PropertyKey : 'Error: key not in T';
 }> = {
     [P in keyof T as P extends keyof R ? R[P] : P]: T[P];
 };
-export declare type ExtendedProperties<T> = {
+export type ExtendedProperties<T> = {
     [P in keyof T]: T[P];
 };

package/utils/getElement.d.ts

@@ -1,3 +1,3 @@
 import { RefObject } from 'react';
-export declare type ElementGetter = HTMLElement | (() => HTMLElement) | RefObject<HTMLElement | null> | null;
+export type ElementGetter = HTMLElement | (() => HTMLElement) | RefObject<HTMLElement | null> | null;
 export declare function getElement(elementGetter?: ElementGetter): HTMLElement | null;

package/utils/jsx-types.d.ts

@@ -1,9 +1,9 @@
 import { ComponentPropsWithoutRef, DetailedHTMLProps, ElementType, JSXElementConstructor, SVGProps } from 'react';
-export declare type NativeElementTag = keyof JSX.IntrinsicElements;
-export declare type NativeElementPropsWithoutKeyAndRef<T extends NativeElementTag> = Omit<JSX.IntrinsicElements[T], 'key' | 'ref'>;
-export declare type NativeElement<T extends NativeElementTag> = JSX.IntrinsicElements[T] extends DetailedHTMLProps<infer _A, infer E> ? E : JSX.IntrinsicElements[T] extends SVGProps<infer E> ? E : unknown;
-export declare type ComponentPropsWithoutKeyAndRef<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'key'>;
-export declare type ComponentOverridableForwardRefComponentPropsFactory<VC extends NativeElementTag | JSXElementConstructor<any>, C extends VC, P> = Omit<Omit<ComponentPropsWithoutKeyAndRef<C>, keyof P> & P, 'component'> & {
+export type NativeElementTag = keyof JSX.IntrinsicElements;
+export type NativeElementPropsWithoutKeyAndRef<T extends NativeElementTag> = Omit<JSX.IntrinsicElements[T], 'key' | 'ref'>;
+export type NativeElement<T extends NativeElementTag> = JSX.IntrinsicElements[T] extends DetailedHTMLProps<infer _A, infer E> ? E : JSX.IntrinsicElements[T] extends SVGProps<infer E> ? E : unknown;
+export type ComponentPropsWithoutKeyAndRef<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'key'>;
+export type ComponentOverridableForwardRefComponentPropsFactory<VC extends NativeElementTag | JSXElementConstructor<any>, C extends VC, P> = Omit<Omit<ComponentPropsWithoutKeyAndRef<C>, keyof P> & P, 'component'> & {
     /**
      * Override the component used to render.
      */