@mezzanine-ui/react 0.7.2 → 0.8.1

package/Upload/UploadPictureWallItem.d.ts

@@ -0,0 +1,13 @@
+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'> {
+    accept?: string;
+    disabled?: boolean;
+    imageLoader: ImageUploader;
+    multiple?: boolean;
+    onDelete?: MouseEventHandler;
+    onUpload?: (files: File[]) => void;
+}
+declare const UploadPictureWallItem: (props: UploadPictureWallItemProps) => JSX.Element;
+export default UploadPictureWallItem;

package/Upload/UploadPictureWallItem.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { uploadPictureWallClasses } from '@mezzanine-ui/core/upload';
+import UploadPictureBlock from './UploadPictureBlock.js';
+import cx from 'clsx';
+
+const UploadPictureWallItem = (props) => {
+    const { accept, disabled, imageLoader, multiple, onDelete, onUpload, } = props;
+    const loader = useRef(imageLoader);
+    useEffect(() => {
+        if (!loader.current.getPreview()) {
+            loader.current.setPreview();
+        }
+    }, []);
+    return (jsx("div", Object.assign({ className: cx(uploadPictureWallClasses.item) }, { children: jsx(UploadPictureBlock, { accept: accept, disabled: disabled, imageLoader: loader.current, multiple: multiple, onDelete: onDelete, onUpload: onUpload }, void 0) }), void 0));
+};
+var UploadPictureWallItem$1 = UploadPictureWallItem;
+
+export { UploadPictureWallItem$1 as default };

package/Upload/index.d.ts

@@ -1,3 +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 { UploadResultProps, default as UploadResult } from './UploadResult';

package/Upload/index.js

@@ -1,2 +1,5 @@
 export { default as UploadButton } from './UploadButton.js';
+export { default as UploadPicture } from './UploadPicture.js';
+export { default as UploadPictureBlock } from './UploadPictureBlock.js';
+export { default as UploadPictureWall } from './UploadPictureWall.js';
 export { default as UploadResult } from './UploadResult.js';

package/index.d.ts

@@ -43,8 +43,7 @@ export { DropdownProps, default as Dropdown, } from './Dropdown';
 export { NavigationItem, NavigationItemProps, NavigationSubMenu, NavigationSubMenuProps, NavigationSubMenuChild, NavigationSubMenuChildren, NavigationChild, NavigationChildren, NavigationProps, default as Navigation, } from './Navigation';
 export { AppBarChild, AppBarChildren, AppBarBrand, AppBarBrandProps, AppBarMain, AppBarMainProps, AppBarSupport, AppBarSupportProps, default as AppBar, } from './AppBar';
 export { PageFooterProps, default as PageFooter, } from './PageFooter';
-export { StepProps, default as Step, } from './Stepper';
-export { StepperProps, default as Stepper, } from './Stepper';
+export { StepProps, StepperProps, Step, default as Stepper, } from './Stepper';
 /**
  * Data Display
  */
@@ -67,7 +66,7 @@ export { AutoComplete, AutoCompleteProps, SelectValue, TreeSelectOption, SelectC
 export { SwitchSize, SwitchProps, default as Switch, } from './Switch';
 export { TextareaSize, TextareaProps, default as Textarea, } from './Textarea';
 export { TextFieldSize, TextFieldProps, default as TextField, } from './TextField';
-export { UploadButtonProps, UploadButton, UploadResultProps, UploadResultSize, UploadResultStatus, UploadResult, } from './Upload';
+export { UploadButtonProps, UploadButton, UploadPictureControl, UploadPictureProps, UploadPicture, UploadPictureWallControl, UploadPictureWallProps, UploadPictureWall, UploadResultProps, UploadResultSize, UploadResultStatus, UploadResult, } from './Upload';
 export { useTabKeyClose, UsePickerDocumentEventCloseProps, usePickerDocumentEventClose, UsePickerValueProps, usePickerValue, UseRangePickerValueProps, useRangePickerValue, PickerTriggerProps, PickerTrigger, RangePickerTriggerProps, RangePickerTrigger, } from './Picker';
 export { DatePickerCalendarProps, DatePickerCalendar, DatePickerProps, default as DatePicker, } from './DatePicker';
 export { useDateRangeCalendarControls, UseDateRangePickerValueProps, useDateRangePickerValue, DateRangePickerCalendarProps, DateRangePickerCalendar, DateRangePickerProps, default as DateRangePicker, } from './DateRangePicker';

package/index.js

@@ -45,7 +45,8 @@ export { default as AppBarMain } from './AppBar/AppBarMain.js';
 export { default as AppBarSupport } from './AppBar/AppBarSupport.js';
 export { default as AppBar } from './AppBar/AppBar.js';
 export { default as PageFooter } from './PageFooter/PageFooter.js';
-export { default as Step, default as Stepper } from './Stepper/Stepper.js';
+export { default as Step } from './Stepper/Step.js';
+export { default as Stepper } from './Stepper/Stepper.js';
 export { default as AccordionSummary } from './Accordion/AccordionSummary.js';
 export { default as AccordionDetails } from './Accordion/AccordionDetails.js';
 export { default as Accordion } from './Accordion/Accordion.js';
@@ -88,6 +89,8 @@ export { default as Switch } from './Switch/Switch.js';
 export { default as Textarea } from './Textarea/Textarea.js';
 export { default as TextField } from './TextField/TextField.js';
 export { default as UploadButton } from './Upload/UploadButton.js';
+export { default as UploadPicture } from './Upload/UploadPicture.js';
+export { default as UploadPictureWall } from './Upload/UploadPictureWall.js';
 export { default as UploadResult } from './Upload/UploadResult.js';
 export { useTabKeyClose } from './Picker/useTabKeyClose.js';
 export { usePickerDocumentEventClose } from './Picker/usePickerDocumentEventClose.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/react",
-  "version": "0.7.2",
+  "version": "0.8.1",
   "description": "React components for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {
@@ -32,8 +32,8 @@
     "react-dom": "^17.0.1"
   },
   "dependencies": {
-    "@mezzanine-ui/core": "^0.7.2",
-    "@mezzanine-ui/icons": "^0.5.0",
+    "@mezzanine-ui/core": "^0.8.1",
+    "@mezzanine-ui/icons": "^0.7.3",
     "@mezzanine-ui/system": "^0.7.0",
     "@popperjs/core": "^2.9.2",
     "@types/react-transition-group": "4.4.1",