@dreamcommerce/aurora 2.8.7 → 2.8.8-2

package/build/cjs/packages/aurora/src/components/image_picker/index.js

@@ -42,10 +42,12 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
         onImageSizeUpdated === null || onImageSizeUpdated === void 0 ? void 0 : onImageSizeUpdated(imageSize);
     }, [imageSize]);
     React.useEffect(() => {
+        console.log('useEffect - initialFile');
         initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
     }, [initialFile]);
     const setImageSizeBasedOnUrl = (fileUrl) => {
         createImageFromUrl(fileUrl).then((image) => {
+            console.log('setImageSizeBasedOnUrl', image.naturalWidth);
             setImageSize({ width: image.naturalWidth, height: image.naturalHeight });
         });
     };
@@ -76,6 +78,7 @@ const ImagePicker = React.memo(({ id, onChange, onError, errors: initialErrors,
     };
     const updateFile = (files) => {
         if (files === null || files === void 0 ? void 0 : files.length) {
+            console.log('updateFile');
             setImageSizeBasedOnUrl(URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0]));
         }
     };

package/build/cjs/packages/aurora/src/components/image_picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js

@@ -38,6 +38,7 @@ const XhrImagePicker = ({ id, url, name, onUploaded, initialFile, errors, onErro
         pendingRequestRef.current = cancelRequest;
         const data = await response;
         onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded(data, fileList[0]);
+        onImageSizeUpdated && onImageSizeUpdated();
     };
     React.useEffect(() => {
         return () => { var _a; return (_a = pendingRequestRef.current) === null || _a === void 0 ? void 0 : _a.call(pendingRequestRef); };

package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_image_list/index.d.ts

@@ -0,0 +1,4 @@
+import { IControlImageListProps } from "../../types";
+import React from 'react';
+declare const ControlImageList: React.FC<IControlImageListProps>;
+export default ControlImageList;

package/build/esm/packages/aurora/src/components/controls/hoc/control_image_list/index.js

@@ -0,0 +1,13 @@
+import Control from '../../index';
+import '@auroraComponents/controls/types';
+import ImageList from '@auroraComponents/image_list';
+import React from 'react';
+const ControlImageList = ({ id, name, label, isRequired, errors, buttonText, ...props }) => {
+    return (React.createElement(Control, { errors: errors, name: name, id: id },
+        React.createElement(Control.Content, null,
+            React.createElement(Control.Element, null,
+                React.createElement(ImageList, { id: id, buttonText: buttonText }))),
+        React.createElement(Control.Errors, null)));
+};
+export default ControlImageList;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/controls/hoc/control_image_list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/hoc/control_image_list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,aAAa,CAAC;AAClC,OAAuC,kCAAkC,CAAC;AAC1E,OAAO,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,gBAAgB,GAAqC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzH,OAAO,CACH,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;QACvC,oBAAC,OAAO,CAAC,OAAO;YACZ,oBAAC,OAAO,CAAC,OAAO;gBACZ,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,GAAI,CAC/B,CACJ;QAElB,oBAAC,OAAO,CAAC,MAAM,OAAG,CACZ,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/build/esm/packages/aurora/src/components/controls/types.d.ts

@@ -1,12 +1,13 @@
 import { HTMLAttributes, InputHTMLAttributes, ReactElement, ReactNode, Ref, TextareaHTMLAttributes } from 'react';
+import { IImagePicker, TImageSize } from "../image_picker/types";
 import { IMultiSelectProps, ISelectProps } from "../dropdown/types";
 import { IColorPickerProps } from "../color_picker/types";
 import { IFilePicker } from "../file_picker/types";
+import { IImageListProps } from "../image_list/types";
 import { IRange } from "../range/types";
+import { IRequestResponse } from '@dreamcommerce/star_core';
 import React from 'react';
 import { TVerticalPosition } from "../../typings/general";
-import { IImagePicker, TImageSize } from "../image_picker/types";
-import { IRequestResponse } from '@dreamcommerce/star_core';
 export declare type TControlErrors = string[] | null | undefined;
 export interface IControlContext {
     errors?: TControlErrors;
@@ -194,4 +195,8 @@ export interface IControlCellSelector extends ICellSelector, IControlCommonProps
     isRequired?: boolean;
     labelAdditionalInfo?: string | ReactNode;
 }
+export interface IControlImageListProps extends IImageListProps, IControlCommonProps {
+    label?: string;
+    name?: string;
+}
 export {};

package/build/esm/packages/aurora/src/components/controls/types.js

@@ -1,10 +1,11 @@
 import 'react';
+import '@auroraComponents/image_picker/types';
 import '@auroraComponents/dropdown/types';
 import '@auroraComponents/color_picker/types';
 import '@auroraComponents/file_picker/types';
+import '@auroraComponents/image_list/types';
 import '@auroraComponents/range/types';
+import '@dreamcommerce/star_core';
 import 'react';
 import '@auroraTypings/general';
-import '@auroraComponents/image_picker/types';
-import '@dreamcommerce/star_core';
 //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/controls/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA0G,OAAO,CAAC;AAClH,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAA4B,qCAAqC,CAAC;AAClE,OAAuB,+BAA+B,CAAC;AACvD,OAAkB,OAAO,CAAC;AAC1B,OAAkC,wBAAwB,CAAC;AAC3D,OAAyC,sCAAsC,CAAC;AAChF,OAAiC,0BAA0B,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA0G,OAAO,CAAC;AAClH,OAAyC,sCAAsC,CAAC;AAChF,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAA4B,qCAAqC,CAAC;AAClE,OAAgC,oCAAoC,CAAC;AACrE,OAAuB,+BAA+B,CAAC;AACvD,OAAiC,0BAA0B,CAAC;AAC5D,OAAkB,OAAO,CAAC;AAC1B,OAAkC,wBAAwB,CAAC"}

package/build/esm/packages/aurora/src/components/image_list/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const IMAGE_LIST_ERRORS: {
+    nameError: string;
+};

package/build/esm/packages/aurora/src/components/image_list/constants.js

@@ -0,0 +1,4 @@
+export const IMAGE_LIST_ERRORS = {
+    nameError: 'slideNameError'
+};
+//# sourceMappingURL=constants.js.map

package/build/esm/packages/aurora/src/components/image_list/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/image_list/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,SAAS,EAAE,gBAAgB;CAC9B,CAAC"}

package/build/esm/packages/aurora/src/components/image_list/index.d.ts

@@ -0,0 +1,4 @@
+import { IImageListProps } from './types';
+import React from 'react';
+declare const ImageList: React.FC<IImageListProps>;
+export default ImageList;

package/build/esm/packages/aurora/src/components/image_list/index.js

@@ -0,0 +1,56 @@
+import { AbsoluteModal, Button, ControlInput, Modal, Spacing } from '@dreamcommerce-package';
+import './types';
+import React, { useEffect, useState } from 'react';
+import { useImageList } from './use_image_list';
+import { useTranslation } from 'react-i18next';
+const ImageList = ({ id, buttonText, onNameChange, onUrlChange, ...props }) => {
+    const [t] = useTranslation();
+    const [modalIsVisible, setModalIsVisible] = useState(false);
+    const [slideList, setSlideList] = useState([]);
+    const { onSlideNameChange, onSlideNameBlur, onSlideUrlChange, clear, validate, slideName, slideUrl, slideNameErrors, errors } = useImageList({
+        onNameChange,
+        onUrlChange
+    });
+    const handleShowModal = () => {
+        setModalIsVisible(true);
+    };
+    const handleHideModal = () => {
+        setModalIsVisible(false);
+        clear();
+    };
+    useEffect(() => {
+        console.log('errors', errors);
+    }, [errors]);
+    const onSubmit = () => {
+        validate();
+        if (!errors.length) {
+            console.log('onSubmit');
+            const slideItem = {
+                name: slideName,
+                url: slideUrl
+            };
+            setSlideList([...slideList, slideItem]);
+            setModalIsVisible(false);
+            // clear();
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { onClick: handleShowModal }, t(`${buttonText}`)),
+        React.createElement(React.Fragment, null, slideList &&
+            slideList.map((slide, index) => {
+                return (React.createElement("div", { key: `${slide.name}-${index}` },
+                    React.createElement("p", null, slide.name),
+                    React.createElement("p", null, slide.url)));
+            })),
+        React.createElement(AbsoluteModal, { isVisible: modalIsVisible },
+            React.createElement(Modal.Header, { title: t('Add slide'), closeAction: handleHideModal }),
+            React.createElement(Modal.Content, null,
+                React.createElement(ControlInput, { id: `${id}-slide-name`, name: `${id}-slide-name`, type: "text", value: slideName, isRequired: true, label: t('Name'), onChange: onSlideNameChange, onBlur: onSlideNameBlur, errors: slideNameErrors }),
+                React.createElement(ControlInput, { id: `${id}-slide-url`, name: `${id}-slide-url`, type: "text", value: slideUrl, label: t('Link URL'), onChange: onSlideUrlChange, placeholder: "https://" })),
+            React.createElement(Modal.Footer, null,
+                React.createElement(Button, { variant: "outline", size: "small", onClick: handleHideModal }, t('Cancel')),
+                React.createElement(Spacing, { as: "span", "ml-xs": 2 },
+                    React.createElement(Button, { onClick: onSubmit, size: "small" }, t('Save')))))));
+};
+export default ImageList;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/image_list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/image_list/index.tsx"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/components/image_list/types.d.ts

@@ -0,0 +1,14 @@
+export interface IImageListProps {
+    id: string;
+    buttonText: string;
+    onNameChange?: (name: string) => void;
+    onUrlChange?: (url: string) => void;
+}
+export interface IImageListSlide {
+    name: string;
+    url: string;
+}
+export interface IUseImageListProps {
+    onNameChange?: (name: string) => void;
+    onUrlChange?: (url: string) => void;
+}

package/build/esm/packages/aurora/src/components/image_list/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/image_list/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_list/types.ts"],"names":[],"mappings":""}

package/build/esm/packages/aurora/src/components/image_list/use_image_list.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IUseImageListProps } from './types';
+export declare const useImageList: ({ onNameChange, onUrlChange }: IUseImageListProps) => {
+    onSlideNameChange: ({ target: { value } }: React.ChangeEvent<HTMLInputElement>) => void;
+    onSlideNameBlur: ({ target: { value } }: React.ChangeEvent<HTMLInputElement>) => void;
+    onSlideUrlChange: ({ target: { value } }: React.ChangeEvent<HTMLInputElement>) => void;
+    clear: () => void;
+    validate: () => void;
+    slideName: string;
+    slideUrl: string;
+    slideNameErrors: string[] | undefined;
+    errors: string[];
+};

package/build/esm/packages/aurora/src/components/image_list/use_image_list.js

@@ -0,0 +1,61 @@
+import { useEffect, useState } from 'react';
+import { IMAGE_LIST_ERRORS } from './constants';
+import './types';
+import { useTranslation } from 'react-i18next';
+import { valueIsEmpty } from './utils';
+export const useImageList = ({ onNameChange, onUrlChange }) => {
+    const [t] = useTranslation();
+    const [errors, setErrors] = useState([]);
+    const [slideName, setSlideName] = useState('');
+    const [slideNameErrors, setSlideNameErrors] = useState(undefined);
+    const [slideUrl, setSlideUrl] = useState('');
+    useEffect(() => {
+        handleSetErrors(slideNameErrors, IMAGE_LIST_ERRORS.nameError);
+    }, [slideNameErrors]);
+    const handleSetErrors = (fieldErrors, errorName) => {
+        if (fieldErrors && fieldErrors.length) {
+            setErrors((current) => {
+                return current.includes(errorName) ? [...current] : [...current, errorName];
+            });
+        }
+        else {
+            setErrors((current) => current.filter((err) => err !== errorName));
+        }
+    };
+    const onSlideNameChange = ({ target: { value } }) => {
+        onNameChange === null || onNameChange === void 0 ? void 0 : onNameChange(value);
+        setSlideName(value);
+        setSlideNameErrors(undefined);
+    };
+    const onSlideNameBlur = ({ target: { value } }) => {
+        validateNameField();
+    };
+    const onSlideUrlChange = ({ target: { value } }) => {
+        onUrlChange === null || onUrlChange === void 0 ? void 0 : onUrlChange(value);
+        setSlideUrl(value);
+    };
+    const clear = () => {
+        setSlideName('');
+        setSlideUrl('');
+        setSlideNameErrors(undefined);
+    };
+    const validateNameField = () => {
+        if (valueIsEmpty(slideName))
+            setSlideNameErrors([t('Field is required')]);
+    };
+    const validate = () => {
+        validateNameField();
+    };
+    return {
+        onSlideNameChange,
+        onSlideNameBlur,
+        onSlideUrlChange,
+        clear,
+        validate,
+        slideName,
+        slideUrl,
+        slideNameErrors,
+        errors
+    };
+};
+//# sourceMappingURL=use_image_list.js.map

package/build/esm/packages/aurora/src/components/image_list/use_image_list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_image_list.js","sourceRoot":"","sources":["../../../../../../../src/components/image_list/use_image_list.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/components/image_list/utils.d.ts

@@ -0,0 +1 @@
+export declare const valueIsEmpty: (value: string) => boolean;

package/build/esm/packages/aurora/src/components/image_list/utils.js

@@ -0,0 +1,2 @@
+export const valueIsEmpty = (value) => value === '';
+//# sourceMappingURL=utils.js.map

package/build/esm/packages/aurora/src/components/image_list/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../src/components/image_list/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAW,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC"}

package/build/esm/packages/aurora/src/components/image_picker/index.js

@@ -33,10 +33,12 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
         onImageSizeUpdated === null || onImageSizeUpdated === void 0 ? void 0 : onImageSizeUpdated(imageSize);
     }, [imageSize]);
     useEffect(() => {
+        console.log('useEffect - initialFile');
         initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
     }, [initialFile]);
     const setImageSizeBasedOnUrl = (fileUrl) => {
         createImageFromUrl(fileUrl).then((image) => {
+            console.log('setImageSizeBasedOnUrl', image.naturalWidth);
             setImageSize({ width: image.naturalWidth, height: image.naturalHeight });
         });
     };
@@ -67,6 +69,7 @@ const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowe
     };
     const updateFile = (files) => {
         if (files === null || files === void 0 ? void 0 : files.length) {
+            console.log('updateFile');
             setImageSizeBasedOnUrl(URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0]));
         }
     };

package/build/esm/packages/aurora/src/components/image_picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/types.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IFilePicker, TFilesExtension } from "../file_picker/types";
+import React from 'react';
 export declare type TImagePickerFile = {
     fileUrl: string;
     fileName: string;
@@ -27,3 +27,7 @@ export declare type TImageSize = {
     width: number;
     height: number;
 };
+export declare type TImageData = {
+    id: string;
+    name: string;
+};

package/build/esm/packages/aurora/src/components/image_picker/types.js

@@ -1,3 +1,3 @@
-import 'react';
 import '@auroraComponents/file_picker/types';
+import 'react';
 //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/image_picker/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA6C,qCAAqC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/types.ts"],"names":[],"mappings":"AAAA,OAA6C,qCAAqC,CAAC;AAEnF,OAAkB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js

@@ -30,6 +30,7 @@ const XhrImagePicker = ({ id, url, name, onUploaded, initialFile, errors, onErro
         pendingRequestRef.current = cancelRequest;
         const data = await response;
         onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded(data, fileList[0]);
+        onImageSizeUpdated && onImageSizeUpdated();
     };
     useEffect(() => {
         return () => { var _a; return (_a = pendingRequestRef.current) === null || _a === void 0 ? void 0 : _a.call(pendingRequestRef); };

package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.8.7",
+  "version": "2.8.8-2",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",