@mezzanine-ui/react 0.14.9 → 0.15.0

package/Transition/Fade.js

@@ -71,14 +71,15 @@ const Fade = forwardRef(function Fade(props, ref) {
             }
         },
     };
-    return (jsx(Transition, { ...transitionProps, children: children && ((state) => cloneElement(children, {
-            ...children.props,
-            ref: composedNodeRef,
-            style: {
-                ...getStyle(state, inProp),
-                ...children.props.style,
-            },
-        })) }));
+    return (jsx(Transition, { ...transitionProps, children: children &&
+            ((state) => cloneElement(children, {
+                ...children.props,
+                ref: composedNodeRef,
+                style: {
+                    ...getStyle(state, inProp),
+                    ...children.props.style,
+                },
+            })) }));
 });
 var Fade$1 = Fade;
 

package/Transition/Grow.js

@@ -46,14 +46,17 @@ const Grow = forwardRef(function Grow(props, ref) {
         easing,
         properties: [
             'opacity',
-            ['transform', (transitionProps, mode) => {
+            [
+                'transform',
+                (transitionProps, mode) => {
                     const { delay: delayProp, duration: durationProp } = transitionProps;
                     return {
                         ...transitionProps,
                         delay: mode === 'exit' ? delayProp || durationProp * 0.333 : delayProp,
                         duration: durationProp * 0.666,
                     };
-                }],
+                },
+            ],
         ],
         resolveAutoDuration: () => {
             var _a, _b;
@@ -98,16 +101,17 @@ const Grow = forwardRef(function Grow(props, ref) {
         },
         /* eslint-enable no-param-reassign */
     };
-    return (jsx(Transition, { ...transitionProps, children: children && ((state) => cloneElement(children, {
-            ...children.props,
-            ref: composedNodeRef,
-            style: {
-                visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
-                ...getStyle(state),
-                transformOrigin,
-                ...children.props.style,
-            },
-        })) }));
+    return (jsx(Transition, { ...transitionProps, children: children &&
+            ((state) => cloneElement(children, {
+                ...children.props,
+                ref: composedNodeRef,
+                style: {
+                    visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
+                    ...getStyle(state),
+                    transformOrigin,
+                    ...children.props.style,
+                },
+            })) }));
 });
 var Grow$1 = Grow;
 

package/Transition/SlideFade.js

@@ -80,14 +80,15 @@ const SlideFade = forwardRef(function SlideFade(props, ref) {
             }
         },
     };
-    return (jsx(Transition, { ...transitionProps, children: children && ((state) => cloneElement(children, {
-            ...children.props,
-            ref: composedNodeRef,
-            style: {
-                ...getStyle(state, inProp, direction),
-                ...children.props.style,
-            },
-        })) }));
+    return (jsx(Transition, { ...transitionProps, children: children &&
+            ((state) => cloneElement(children, {
+                ...children.props,
+                ref: composedNodeRef,
+                style: {
+                    ...getStyle(state, inProp, direction),
+                    ...children.props.style,
+                },
+            })) }));
 });
 var SlideFade$1 = SlideFade;
 

package/Transition/Zoom.js

@@ -71,14 +71,15 @@ const Zoom = forwardRef(function Zoom(props, ref) {
             }
         },
     };
-    return (jsx(Transition, { ...transitionProps, children: children && ((state) => cloneElement(children, {
-            ...children.props,
-            ref: composedNodeRef,
-            style: {
-                ...getStyle(state, inProp),
-                ...children.props.style,
-            },
-        })) }));
+    return (jsx(Transition, { ...transitionProps, children: children &&
+            ((state) => cloneElement(children, {
+                ...children.props,
+                ref: composedNodeRef,
+                style: {
+                    ...getStyle(state, inProp),
+                    ...children.props.style,
+                },
+            })) }));
 });
 var Zoom$1 = Zoom;
 

package/Transition/getTransitionStyleProps.js

@@ -14,7 +14,7 @@ function getTransitionDelay(mode, delay) {
     return typeof delay === 'number' ? delay : delay[mode] || 0;
 }
 function getTransitionStyleProps(mode, props) {
-    const { delay, duration, easing, resolveAutoDuration, } = props;
+    const { delay, duration, easing, resolveAutoDuration } = props;
     return {
         delay: getTransitionDelay(mode, delay),
         duration: getTransitionDuration(mode, duration, resolveAutoDuration),

package/Transition/index.d.ts

@@ -1,6 +1,6 @@
 export { TransitionState, TransitionMode, TransitionDelay, TransitionDuration, TransitionEasing, TransitionImplementationChildProps, TransitionImplementationProps, TransitionProps, default, } from './Transition';
-export { CollapseProps, default as Collapse, } from './Collapse';
-export { FadeProps, default as Fade, } from './Fade';
-export { GrowProps, default as Grow, } from './Grow';
+export { CollapseProps, default as Collapse } from './Collapse';
+export { FadeProps, default as Fade } from './Fade';
+export { GrowProps, default as Grow } from './Grow';
 export { SlideFadeDirection, SlideFadeProps, default as SlideFade, } from './SlideFade';
-export { ZoomProps, default as Zoom, } from './Zoom';
+export { ZoomProps, default as Zoom } from './Zoom';

package/Transition/useSetNodeTransition.d.ts

@@ -2,6 +2,9 @@ import { CSSProperties } from 'react';
 import { TransitionMode } from './Transition';
 import { GetTransitionStyleProps, TransitionStyleProps } from './getTransitionStyleProps';
 export interface UseSetNodeTransitionProps extends GetTransitionStyleProps {
-    properties: (string | [string, (props: TransitionStyleProps, mode: TransitionMode) => TransitionStyleProps])[];
+    properties: (string | [
+        string,
+        (props: TransitionStyleProps, mode: TransitionMode) => TransitionStyleProps
+    ])[];
 }
 export declare function useSetNodeTransition(props: UseSetNodeTransitionProps, style?: CSSProperties): readonly [(node: HTMLElement, mode: TransitionMode) => void, (node: HTMLElement) => void];

package/Transition/useSetNodeTransition.js

@@ -17,7 +17,7 @@ function useSetNodeTransition(props, style) {
                 [property] = propertyOrConfig;
                 resolvedTransitionProps = overrideTransitionProps(resolvedTransitionProps, mode);
             }
-            const { delay, duration, timingFunction, } = resolvedTransitionProps;
+            const { delay, duration, timingFunction } = resolvedTransitionProps;
             return `${property} ${duration}ms ${timingFunction} ${delay}ms`;
         })
             .join(',');

package/Tree/Tree.js

@@ -16,8 +16,10 @@ import cx from 'clsx';
  */
 const Tree = forwardRef(function Tree(props, ref) {
     const { className, defaultExpandAll, disabledValues, expandControllerRef, expandedValues: expandedValuesProp, includeNodeValue, multiple, nodes, onExpand: onExpandProp, onSelect: onSelectProp, selectMethod = 'toggle', selectable, size, treeNodeListProps, treeNodeProps, treeNodeRefs, values, ...restRootProp } = props;
-    const selectedValues = values ? castArray(values) : undefined;
-    const { expandedValues, onExpand, setExpandedValues, } = useTreeExpandedValue({
+    const selectedValues = values
+        ? castArray(values)
+        : undefined;
+    const { expandedValues, onExpand, setExpandedValues } = useTreeExpandedValue({
         nodes,
         defaultExpandAll,
         expandedValues: expandedValuesProp,
@@ -61,7 +63,10 @@ const Tree = forwardRef(function Tree(props, ref) {
         setExpandedValues(expandedValues.filter((v) => v !== value));
     };
     const collapseAll = () => {
-        const allNodeValues = nodes.reduce((acc, currentNode) => [...acc, ...getAllExpandSiblingValues(currentNode.value)], []);
+        const allNodeValues = nodes.reduce((acc, currentNode) => [
+            ...acc,
+            ...getAllExpandSiblingValues(currentNode.value),
+        ], []);
         const uniqAllNodeValues = uniq(allNodeValues);
         const newExpandedValues = without(expandedValues, ...uniqAllNodeValues);
         setExpandedValues(newExpandedValues);
@@ -75,7 +80,10 @@ const Tree = forwardRef(function Tree(props, ref) {
         setExpandedValues(uniq([...expandedValues, value]));
     };
     const expandAll = () => {
-        const allNodeValues = nodes.reduce((acc, currentNode) => [...acc, ...getAllExpandSiblingValues(currentNode.value)], []);
+        const allNodeValues = nodes.reduce((acc, currentNode) => [
+            ...acc,
+            ...getAllExpandSiblingValues(currentNode.value),
+        ], []);
         const newExpandedValues = uniq([...expandedValues, ...allNodeValues]);
         setExpandedValues(newExpandedValues);
     };

package/Tree/TreeNode.js

@@ -14,7 +14,7 @@ import cx from 'clsx';
  * The react component for `mezzanine` tree node.
  */
 const TreeNode = forwardRef(function TreeNode(props, ref) {
-    const { size: globalSize, } = useContext(MezzanineConfig);
+    const { size: globalSize } = useContext(MezzanineConfig);
     const { children, className, disabled, dynamicNodesFetching, expanded, indeterminate, label, multiple = false, onExpand: onExpandProp, onSelect: onSelectProp, selectable = false, selected, size = globalSize, value, ...restRootProps } = props;
     const variant = useMemo(() => {
         if (size === 'small') {
@@ -25,19 +25,25 @@ const TreeNode = forwardRef(function TreeNode(props, ref) {
         }
         return 'input2';
     }, [size]);
-    const onExpand = onExpandProp ? () => { onExpandProp(value); } : undefined;
-    const onSelect = selectable && onSelectProp && !disabled ? () => { onSelectProp(value); } : undefined;
+    const onExpand = onExpandProp
+        ? () => {
+            onExpandProp(value);
+        }
+        : undefined;
+    const onSelect = selectable && onSelectProp && !disabled
+        ? () => {
+            onSelectProp(value);
+        }
+        : undefined;
     const mayHaveChildren = children || dynamicNodesFetching;
     return (jsxs("li", { ref: ref, ...restRootProps, className: cx(treeClasses.node, treeClasses.nodeSize(size), className), children: [jsxs("div", { className: treeClasses.nodeStem, children: [mayHaveChildren ? (jsx(Icon, { icon: CaretRightIcon, className: cx(treeClasses.nodeCaret, {
                             [treeClasses.nodeCaretExpanded]: expanded,
-                        }), role: "button", onClick: onExpand })) : (jsx("div", {})), multiple
-                        ? (jsx(Checkbox, { checked: !!selected, disabled: disabled, indeterminate: indeterminate, onChange: onSelect, size: size, value: `${value}`, children: label }))
-                        : (jsx(Typography, { component: "span", variant: variant, onClick: onSelect, className: cx(treeClasses.nodeLabel, {
-                                [treeClasses.nodeLabelSelectable]: !children && selectable,
-                                [treeClasses.nodeLabelIndeterminate]: indeterminate,
-                                [treeClasses.nodeLabelActive]: selected,
-                                [treeClasses.nodeLabelDisabled]: disabled,
-                            }), children: label }))] }), mayHaveChildren && (jsx(Collapse, { in: expanded, appear: false, children: children || jsx(Loading, { loading: true, iconProps: { size: 16 } }) }))] }));
+                        }), role: "button", onClick: onExpand })) : (jsx("div", {})), multiple ? (jsx(Checkbox, { checked: !!selected, disabled: disabled, indeterminate: indeterminate, onChange: onSelect, size: size, value: `${value}`, children: label })) : (jsx(Typography, { component: "span", variant: variant, onClick: onSelect, className: cx(treeClasses.nodeLabel, {
+                            [treeClasses.nodeLabelSelectable]: !children && selectable,
+                            [treeClasses.nodeLabelIndeterminate]: indeterminate,
+                            [treeClasses.nodeLabelActive]: selected,
+                            [treeClasses.nodeLabelDisabled]: disabled,
+                        }), children: label }))] }), mayHaveChildren && (jsx(Collapse, { in: expanded, appear: false, children: children || jsx(Loading, { loading: true, iconProps: { size: 16 } }) }))] }));
 });
 var TreeNode$1 = TreeNode;
 

package/Tree/TreeNodeList.js

@@ -21,9 +21,7 @@ const TreeNodeList = forwardRef((props, ref) => {
         return null;
     return (jsx("ul", { ...restRootProp, ref: ref, className: cx(treeClasses.nodeList, treeClasses.nodeListSize(size), className), children: nodes.map((node) => {
             const { value, nodes: siblingNodes, ...restNodeProps } = node;
-            return (jsx(TreeNode, { ref: getNodeRefHandler === null || getNodeRefHandler === void 0 ? void 0 : getNodeRefHandler(value), ...treeNodeProps, multiple: multiple, onExpand: onExpand, onSelect: onSelect, selectable: selectable, size: size, value: value, ...restNodeProps, children: (siblingNodes === null || siblingNodes === void 0 ? void 0 : siblingNodes.length)
-                    ? (jsx(TreeNodeList, { ...restRootProp, className: className, multiple: multiple, nodes: siblingNodes, onExpand: onExpand, onSelect: onSelect, selectable: selectable, size: size, treeNodeRefs: treeNodeRefs }))
-                    : undefined }, value));
+            return (jsx(TreeNode, { ref: getNodeRefHandler === null || getNodeRefHandler === void 0 ? void 0 : getNodeRefHandler(value), ...treeNodeProps, multiple: multiple, onExpand: onExpand, onSelect: onSelect, selectable: selectable, size: size, value: value, ...restNodeProps, children: (siblingNodes === null || siblingNodes === void 0 ? void 0 : siblingNodes.length) ? (jsx(TreeNodeList, { ...restRootProp, className: className, multiple: multiple, nodes: siblingNodes, onExpand: onExpand, onSelect: onSelect, selectable: selectable, size: size, treeNodeRefs: treeNodeRefs })) : undefined }, value));
         }) }));
 });
 var TreeNodeList$1 = TreeNodeList;

package/Tree/getTreeNodeEntities.js

@@ -12,7 +12,7 @@ function getTreeNodeEntities({ disabledValues, expandedValues, includeNodeValue
         ? new Map(disabledValues.map((val) => [val, true]))
         : undefined;
     function getTreeEntity(node, parentDisabled) {
-        const { nodes: currentSiblings, value, } = node;
+        const { nodes: currentSiblings, value } = node;
         const selected = selectedValueMap === null || selectedValueMap === void 0 ? void 0 : selectedValueMap.get(value);
         const expanded = expandedValueMap === null || expandedValueMap === void 0 ? void 0 : expandedValueMap.get(value);
         const disabled = disabledValueMap === null || disabledValueMap === void 0 ? void 0 : disabledValueMap.get(value);
@@ -33,8 +33,7 @@ function getTreeNodeEntities({ disabledValues, expandedValues, includeNodeValue
         const { anyIndeterminate, directSiblings, disabledValues: siblingDisabledValues, selectedValues: siblingSelectedValues, siblingNodes, siblings: siblingEntities, values: siblingValues, } = currentSiblings.reduce((acc, sibling) => {
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             const siblingEntity = getTreeEntity(sibling, parentDisabled || disabled);
-            const currentAnyIndeterminate = (siblingEntity.node.indeterminate ||
-                acc.anyIndeterminate);
+            const currentAnyIndeterminate = siblingEntity.node.indeterminate || acc.anyIndeterminate;
             return {
                 anyIndeterminate: currentAnyIndeterminate,
                 directSiblings: [...acc.directSiblings, siblingEntity.node.value],
@@ -63,7 +62,8 @@ function getTreeNodeEntities({ disabledValues, expandedValues, includeNodeValue
         if (includeNodeValue) {
             entity.values.push(value);
         }
-        const shouldDisabled = siblingDisabledValues.length && !xor(siblingDisabledValues, directSiblings).length;
+        const shouldDisabled = siblingDisabledValues.length &&
+            !xor(siblingDisabledValues, directSiblings).length;
         if (!disabled && shouldDisabled) {
             entity.node.disabled = true;
         }
@@ -74,9 +74,12 @@ function getTreeNodeEntities({ disabledValues, expandedValues, includeNodeValue
             entities.set(entity.node.value, entity);
             return entity;
         }
-        const allDirectSiblingChecked = !!(siblingSelectedValues.length && !xor(siblingSelectedValues, directSiblings).length);
+        const allDirectSiblingChecked = !!(siblingSelectedValues.length &&
+            !xor(siblingSelectedValues, directSiblings).length);
         entity.node.selected = allDirectSiblingChecked;
-        entity.node.indeterminate = allDirectSiblingChecked ? false : !!siblingSelectedValues.length;
+        entity.node.indeterminate = allDirectSiblingChecked
+            ? false
+            : !!siblingSelectedValues.length;
         entities.set(entity.node.value, entity);
         return entity;
     }

package/Tree/index.d.ts

@@ -1,8 +1,8 @@
 export * from './typings';
 export { uniqueArray, toggleValue, toggleValueWithStatusControl, } from './toggleValue';
-export { traverseTree, } from './traverseTree';
+export { traverseTree } from './traverseTree';
 export { UseTreeExpandedValueProps, useTreeExpandedValue, } from './useTreeExpandedValue';
 export { GetTreeNodeEntitiesProps, getTreeNodeEntities, } from './getTreeNodeEntities';
 export { TreeNodeElementProps, TreeNodeProps, default as TreeNode, } from './TreeNode';
 export { TreeNodeListElementProps, TreeNodeListProps, default as TreeNodeList, } from './TreeNodeList';
-export { TreeProps, default, } from './Tree';
+export { TreeProps, default } from './Tree';

package/Tree/traverseTree.js

@@ -1,6 +1,6 @@
 function traverseTree(nodes, callback, parent) {
     nodes.forEach((node) => {
-        const { nodes: siblingNodes, } = node;
+        const { nodes: siblingNodes } = node;
         callback(node, parent);
         if (siblingNodes) {
             traverseTree(siblingNodes, callback, node);

package/Typography/Typography.js

@@ -28,9 +28,7 @@ const Typography = forwardRef(function Typography(props, ref) {
         ...cssVars,
         ...styleProp,
     };
-    const title = ellipsis && typeof children === 'string'
-        ? children
-        : undefined;
+    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,

package/Typography/index.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef, PropsWithoutRef, ReactElement, RefAttributes } from 'react';
 import { TypographyComponent, TypographyProps } from './Typography';
 export type { TypographyAlign, TypographyColor, TypographyDisplay, TypographyVariant, TypographyWeight, } from '@mezzanine-ui/core/typography';
-export type { TypographyComponent, TypographyProps, };
+export type { TypographyComponent, TypographyProps };
 /**
  * @remark
  * Add type alias here for parsable to react docgen typescript.

package/Upload/UploadInput.js

@@ -3,7 +3,7 @@ import { forwardRef } from 'react';
 import { uploadInputClasses } from '@mezzanine-ui/core/upload';
 
 const UploadInput = forwardRef((props, ref) => {
-    const { accept, disabled = false, multiple = false, onUpload, } = props;
+    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 = '';

package/Upload/UploadPicture.d.ts

@@ -24,25 +24,25 @@ export interface UploadPictureProps extends Pick<UploadPictureBlockProps, 'defau
      */
     disabled?: boolean;
     /**
-    * Fired after value changed.
-    */
+     * Fired after value changed.
+     */
     onChange?: (url: string) => void;
     /**
-    * Fired after user delete image.
-    */
+     * Fired after user delete image.
+     */
     onDelete?: () => void;
     /**
-    * Fired after user upload image failed.
-    */
+     * 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.
-    */
+     * 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.
-    */
+     * Fired after user upload image success.
+     */
     onUploadSuccess?: (file: File, url: string) => void;
 }
 declare const UploadPicture: import("react").ForwardRefExoticComponent<UploadPictureProps & import("react").RefAttributes<HTMLDivElement>>;

package/Upload/UploadPictureBlock.js

@@ -59,8 +59,8 @@ const UploadPictureBlock = forwardRef(function UploadPictureBlock(props, ref) {
     const style = {
         ...cssVars,
     };
-    const showImage = useMemo(() => ((value || previewImage) && !isError), [previewImage, value, isError]);
-    const canDeleteImage = useMemo(() => ((showImage || isError) && !isLoading), [showImage, isError, isLoading]);
+    const showImage = useMemo(() => (value || previewImage) && !isError, [previewImage, value, isError]);
+    const canDeleteImage = useMemo(() => (showImage || isError) && !isLoading, [showImage, isError, isLoading]);
     return (jsxs("button", { ref: ref, type: "button", "aria-disabled": disabled, disabled: disabled, onClick: (event) => {
             var _a;
             if (!showImage && !isError) {

package/Upload/UploadPictureWall.d.ts

@@ -38,28 +38,28 @@ export interface UploadPictureWallBaseProps extends Pick<UploadPictureWallItemPr
      */
     multiple?: boolean;
     /**
-    * Fired after values changed.
-    */
+     * Fired after values changed.
+     */
     onChange?: (urls: string[]) => void;
     /**
-    * Fired after user delete image.
-    */
+     * Fired after user delete image.
+     */
     onDelete?: (urls: string[]) => void;
     /**
-    * Fired after user upload images failed.
-    */
+     * Fired after user upload images failed.
+     */
     onError?: (files: File | File[]) => void;
     /**
-    * Fired after user upload images success.
-    */
+     * Fired after user upload images success.
+     */
     onUploadSuccess?: (files: File | File[], urls: string | string[]) => void;
 }
 export interface UploadPictureWallSingleUploadProps extends UploadPictureWallBaseProps {
     onMultiUpload?: undefined;
     /**
-    * Fired when user upload image, need to return Promise<string>.
-    * Arg1 is target file, arg2 `setProgress` can set the progress of uploading.
-    */
+     * 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>;
     /**
      * Whether the uploading which is parallel, only enabled when `onUpload` is given .
@@ -69,9 +69,9 @@ export interface UploadPictureWallSingleUploadProps extends UploadPictureWallBas
 }
 export interface UploadPictureWallMultiUploadProps extends UploadPictureWallBaseProps {
     /**
-    * Fired when user upload images, need to return Promise<string[]>.
-    * Arg1 is target files, arg2 `setProgress` can set the progress of uploading.
-    */
+     * Fired when user upload images, need to return Promise<string[]>.
+     * Arg1 is target files, arg2 `setProgress` can set the progress of uploading.
+     */
     onMultiUpload?: (files: File[], setProgress: (progress: number) => void) => Promise<string[]>;
     onUpload?: undefined;
     parallel?: undefined;

package/Upload/UploadPictureWall.js

@@ -10,7 +10,9 @@ import cx from 'clsx';
 
 const UploadPictureWall = forwardRef(function UploadPictureWall(props, ref) {
     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 [uploadPictureImageLoaders, setUploadPictureImageLoader] = useState(defaultValues
+        ? compact(defaultValues).map((value) => new ImageUploader(undefined, value))
+        : []);
     const [needUploadImageLoaders, setNeedUploadImageLoaders] = useState([]);
     const [needUploadImageLoaderSets, setNeedUploadImageLoaderSets] = useState([]);
     const [values, setValues] = useState(compact(defaultValues) || []);
@@ -24,8 +26,8 @@ const UploadPictureWall = forwardRef(function UploadPictureWall(props, ref) {
         }
     }, [onChange, prevValues, values]);
     useEffect(() => {
-        if (prevNeedUploadImageLoadersLength > needUploadImageLoaders.length
-            || prevNeedUploadImageLoaderSetsLength > needUploadImageLoaderSets.length) {
+        if (prevNeedUploadImageLoadersLength > needUploadImageLoaders.length ||
+            prevNeedUploadImageLoaderSetsLength > needUploadImageLoaderSets.length) {
             setValues(compact(uploadPictureImageLoaders.map((loader) => loader.getUrl())));
         }
     }, [
@@ -72,7 +74,9 @@ const UploadPictureWall = forwardRef(function UploadPictureWall(props, ref) {
     useEffect(() => {
         if (needUploadImageLoaders.length && onUpload) {
             const imageLoader = needUploadImageLoaders[0];
-            if (imageLoader && imageLoader.getFile() && !imageLoader.getIsLoading()) {
+            if (imageLoader &&
+                imageLoader.getFile() &&
+                !imageLoader.getIsLoading()) {
                 const setProgress = (progress) => imageLoader.setPercentage(progress);
                 imageLoader.setLoadingStatus(true);
                 onUpload(imageLoader.getFile(), setProgress)
@@ -136,7 +140,15 @@ const UploadPictureWall = forwardRef(function UploadPictureWall(props, ref) {
                 }
             }
         }
-    }, [onError, onMultiUpload, onUpload, onUploadSuccess, parallel, maxLength, loaderList]);
+    }, [
+        onError,
+        onMultiUpload,
+        onUpload,
+        onUploadSuccess,
+        parallel,
+        maxLength,
+        loaderList,
+    ]);
     const onImageDelete = useCallback((uid) => {
         setUploadPictureImageLoader((ups) => ups.filter((up) => up.getUid() !== uid));
         setNeedUploadImageLoaders((nUps) => nUps.filter((nUp) => nUp.getUid() !== uid));

package/Upload/UploadResult.js

@@ -10,7 +10,7 @@ import cx from 'clsx';
  * The react component for `mezzanine` upload result.
  */
 const UploadResult = forwardRef(function UploadResult(props, ref) {
-    const { size: globalSize, } = useContext(MezzanineConfig);
+    const { size: globalSize } = useContext(MezzanineConfig);
     const { className, name, onDelete, onDownload, percentage, size = globalSize, status, style: styleProp, ...rest } = props;
     const done = status === 'done';
     const error = status === 'error';
@@ -23,7 +23,7 @@ const UploadResult = forwardRef(function UploadResult(props, ref) {
     return (jsxs("div", { ...rest, ref: ref, className: cx(uploadResultClasses.host, uploadResultClasses.size(size), {
             [uploadResultClasses.error]: error,
             [uploadResultClasses.loading]: loading,
-        }, className), style: style, children: [jsx("span", { className: uploadResultClasses.name, children: name }), jsxs("div", { className: uploadResultClasses.actions, children: [loading && (jsx(Icon, { icon: SpinnerIcon, spin: true })), done && (jsx(Icon, { icon: DownloadIcon, onClick: onDownload, role: "button" })), (done || error) && (jsx(Icon, { icon: TimesIcon, onClick: onDelete, role: "button" }))] })] }));
+        }, className), style: style, children: [jsx("span", { className: uploadResultClasses.name, children: name }), jsxs("div", { className: uploadResultClasses.actions, children: [loading && jsx(Icon, { icon: SpinnerIcon, spin: true }), done && (jsx(Icon, { icon: DownloadIcon, onClick: onDownload, role: "button" })), (done || error) && (jsx(Icon, { icon: TimesIcon, onClick: onDelete, role: "button" }))] })] }));
 });
 var UploadResult$1 = UploadResult;
 

package/Upload/index.d.ts

@@ -1,6 +1,6 @@
 export type { UploadResultSize, UploadResultStatus, } from '@mezzanine-ui/core/upload';
 export { UploadButtonProps, default as UploadButton } from './UploadButton';
-export { UploadPictureControl, UploadPictureProps, default as UploadPicture } from './UploadPicture';
-export { UploadPictureBlockProps, default as UploadPictureBlock } from './UploadPictureBlock';
-export { UploadPictureWallControl, UploadPictureWallProps, default as UploadPictureWall } from './UploadPictureWall';
+export { UploadPictureControl, UploadPictureProps, default as UploadPicture, } from './UploadPicture';
+export { UploadPictureBlockProps, default as UploadPictureBlock, } from './UploadPictureBlock';
+export { UploadPictureWallControl, UploadPictureWallProps, default as UploadPictureWall, } from './UploadPictureWall';
 export { UploadResultProps, default as UploadResult } from './UploadResult';

package/_internal/InputCheck/InputCheck.js

@@ -12,7 +12,7 @@ const InputCheck = forwardRef(function InputCheck(props, ref) {
             [inputCheckClasses.disabled]: disabled,
             [inputCheckClasses.error]: error,
             [inputCheckClasses.withLabel]: !!children,
-        }, className), htmlFor: htmlFor, children: [jsx("span", { className: inputCheckClasses.control, children: control }), children && (jsx("span", { className: inputCheckClasses.label, children: children }))] }));
+        }, className), htmlFor: htmlFor, children: [jsx("span", { className: inputCheckClasses.control, children: control }), children && jsx("span", { className: inputCheckClasses.label, children: children })] }));
 });
 var InputCheck$1 = InputCheck;
 

package/_internal/InputCheck/index.d.ts

@@ -1,3 +1,3 @@
 export type { InputCheckSize, InputCheckGroupOrientation, } from '@mezzanine-ui/core/_internal/input-check';
-export { InputCheckProps, default, } from './InputCheck';
+export { InputCheckProps, default } from './InputCheck';
 export { InputCheckGroupProps, default as InputCheckGroup, } from './InputCheckGroup';

package/_internal/InputTriggerPopper/index.d.ts

@@ -1 +1 @@
-export { InputTriggerPopperProps, default, } from './InputTriggerPopper';
+export { InputTriggerPopperProps, default } from './InputTriggerPopper';

package/_internal/SlideFadeOverlay/SlideFadeOverlay.js

@@ -28,12 +28,7 @@ const SlideFadeOverlay = forwardRef(function SlideFadeOverlay(props, ref) {
                 onClose();
             }
         };
-    }, [
-        disableCloseOnEscapeKeyDown,
-        checkIsOnTheTop,
-        open,
-        onClose,
-    ]);
+    }, [disableCloseOnEscapeKeyDown, checkIsOnTheTop, open, onClose]);
     /** lock body scroll */
     useEffect(() => {
         if (open) {
@@ -52,9 +47,9 @@ const SlideFadeOverlay = forwardRef(function SlideFadeOverlay(props, ref) {
         if (!open && exited) {
             checkAndAllowScroll();
         }
-        return (() => {
+        return () => {
             requestAnimationFrame(checkAndAllowScroll);
-        });
+        };
     }, [open, exited]);
     if (!open && exited) {
         return null;

package/_internal/SlideFadeOverlay/index.d.ts

@@ -1 +1 @@
-export { SlideFadeOverlayProps, default, } from './SlideFadeOverlay';
+export { SlideFadeOverlayProps, default } from './SlideFadeOverlay';

package/hooks/useIsomorphicLayoutEffect.js

@@ -1,6 +1,8 @@
 import { useLayoutEffect, useEffect } from 'react';
 
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && !!window.document.createElement
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' &&
+    window.document &&
+    !!window.document.createElement
     ? useLayoutEffect
     : useEffect;