@dreamcommerce/aurora 3.0.0-9 → 3.0.0-91

package/build/esm/packages/aurora/src/components/error_list/components/error_list_item.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import 'react';
+import '../error_list_types';
+import { cn } from '@auroraUtilities/cn';
+import { errorListItemVariants } from './error_list_item_variants';
+export const ErrorListItem = ({ children, className, ...props }) => {
+    return (React.createElement("li", { className: cn(errorListItemVariants(), className), ...props }, children));
+};
+//# sourceMappingURL=error_list_item.js.map

package/build/esm/packages/aurora/src/components/error_list/components/error_list_item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error_list_item.js","sourceRoot":"","sources":["../../../../../../../../src/components/error_list/components/error_list_item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAkC,OAAO,CAAC;AAC1C,OAAoC,qBAAqB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0C,EAAE,EAAE;IACvG,OAAO,CACH,4BAAI,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,IAC3D,QAAQ,CACR,CACR,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/error_list/components/error_list_item_variants.d.ts

@@ -0,0 +1 @@
+export declare const errorListItemVariants: any;

package/build/esm/packages/aurora/src/components/error_list/components/error_list_item_variants.js

@@ -0,0 +1,3 @@
+import { cva } from 'class-variance-authority';
+export const errorListItemVariants = cva('aurora-text-xs aurora-leading-5 aurora-text-danger');
+//# sourceMappingURL=error_list_item_variants.js.map

package/build/esm/packages/aurora/src/components/error_list/components/error_list_item_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error_list_item_variants.js","sourceRoot":"","sources":["../../../../../../../../src/components/error_list/components/error_list_item_variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAC,oDAAoD,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/error_list/error_list.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { TErrorListProps } from './error_list_types';
+export declare const ErrorList: ({ errors, className, ...props }: PropsWithChildren<TErrorListProps>) => JSX.Element;

package/build/esm/packages/aurora/src/components/error_list/error_list.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ErrorListItem } from './components/error_list_item';
+import 'react';
+import './error_list_types';
+import { cn } from '@auroraUtilities/cn';
+import { errorListVariants } from './error_list_variants';
+export const ErrorList = ({ errors, className, ...props }) => {
+    const singleError = typeof errors === 'string';
+    return (React.createElement("ul", { className: cn(errorListVariants(), className), ...props }, singleError ? (React.createElement(ErrorListItem, null, errors)) : (errors.map((error, index) => {
+        return React.createElement(ErrorListItem, { key: `error-${index}` }, error);
+    }))));
+};
+//# sourceMappingURL=error_list.js.map

package/build/esm/packages/aurora/src/components/error_list/error_list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error_list.js","sourceRoot":"","sources":["../../../../../../../src/components/error_list/error_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAkC,OAAO,CAAC;AAC1C,OAAgC,oBAAoB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsC,EAAE,EAAE;IAC7F,MAAM,WAAW,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC;IAE/C,OAAO,CACH,4BAAI,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,IACvD,WAAW,CAAC,CAAC,CAAC,CACX,oBAAC,aAAa,QAAE,MAAM,CAAiB,CAC1C,CAAC,CAAC,CAAC,CACA,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACxB,OAAO,oBAAC,aAAa,IAAC,GAAG,EAAE,SAAS,KAAK,EAAE,IAAG,KAAK,CAAiB,CAAC;IACzE,CAAC,CAAC,CACL,CACA,CACR,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/error_list/error_list_types.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface TErrorListProps extends React.HTMLAttributes<HTMLUListElement> {
+    errors: string | string[];
+}
+export interface TErrorListItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    children: React.ReactNode;
+}

package/build/esm/packages/aurora/src/components/error_list/error_list_types.js

@@ -0,0 +1,2 @@
+import 'react';
+//# sourceMappingURL=error_list_types.js.map

package/build/esm/packages/aurora/src/components/error_list/error_list_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error_list_types.js","sourceRoot":"","sources":["../../../../../../../src/components/error_list/error_list_types.ts"],"names":[],"mappings":"AAAA,OAAuB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/error_list/error_list_variants.d.ts

@@ -0,0 +1 @@
+export declare const errorListVariants: any;

package/build/esm/packages/aurora/src/components/error_list/error_list_variants.js

@@ -0,0 +1,3 @@
+import { cva } from 'class-variance-authority';
+export const errorListVariants = cva('aurora-list-none');
+//# sourceMappingURL=error_list_variants.js.map

package/build/esm/packages/aurora/src/components/error_list/error_list_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error_list_variants.js","sourceRoot":"","sources":["../../../../../../../src/components/error_list/error_list_variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC,kBAAkB,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/helper_text/helper_text.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { THelperTextProps } from './helper_text_types';
+export declare const HelperText: ({ className, ...props }: PropsWithChildren<THelperTextProps>) => JSX.Element;

package/build/esm/packages/aurora/src/components/helper_text/helper_text.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import 'react';
+import './helper_text_types';
+import { cn } from '@auroraUtilities/cn';
+import { helperTextVariants } from './helper_text_variants';
+export const HelperText = ({ className, ...props }) => {
+    return React.createElement("p", { className: cn(helperTextVariants(), className), ...props });
+};
+//# sourceMappingURL=helper_text.js.map

package/build/esm/packages/aurora/src/components/helper_text/helper_text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper_text.js","sourceRoot":"","sources":["../../../../../../../src/components/helper_text/helper_text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAkC,OAAO,CAAC;AAC1C,OAAiC,qBAAqB,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAuC,EAAE,EAAE;IACvF,OAAO,2BAAG,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC5E,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/helper_text/helper_text_types.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export interface THelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}

package/build/esm/packages/aurora/src/components/helper_text/helper_text_types.js

@@ -0,0 +1,2 @@
+import 'react';
+//# sourceMappingURL=helper_text_types.js.map

package/build/esm/packages/aurora/src/components/helper_text/helper_text_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper_text_types.js","sourceRoot":"","sources":["../../../../../../../src/components/helper_text/helper_text_types.ts"],"names":[],"mappings":"AAAA,OAAuB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/helper_text/helper_text_variants.d.ts

@@ -0,0 +1 @@
+export declare const helperTextVariants: any;

package/build/esm/packages/aurora/src/components/helper_text/helper_text_variants.js

@@ -0,0 +1,3 @@
+import { cva } from 'class-variance-authority';
+export const helperTextVariants = cva('aurora-text-xs aurora-text-subtle-light aurora-leading-5 aurora-m-0');
+//# sourceMappingURL=helper_text_variants.js.map

package/build/esm/packages/aurora/src/components/helper_text/helper_text_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper_text_variants.js","sourceRoot":"","sources":["../../../../../../../src/components/helper_text/helper_text_variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC,qEAAqE,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/icon_button/icon_button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const IconButton: React.ForwardRefExoticComponent<import("../button/button_types").TButtonProps & {
+    Icon?: any;
+} & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/packages/aurora/src/components/icon_button/icon_button.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '@auroraUtilities/cn';
+import { buttonVariants } from '@auroraComponents/button/button_variants';
+import '@auroraComponents/icon_button/icon_button_types';
+import { iconButtonVariants } from '@auroraComponents/icon_button/icon_button_variants';
+import { BUTTON_SIZES } from '@auroraComponents/button/button_constants';
+export const IconButton = React.forwardRef(({ className, variant, size, asChild = false, Icon, children, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button';
+    return (React.createElement(Comp, { className: cn(buttonVariants({ variant, size, className }), iconButtonVariants({ size })), ref: ref, ...props }, Icon ? React.createElement(Icon, { size: size === BUTTON_SIZES.s ? '14' : '16' }) : children));
+});
+IconButton.displayName = 'IconButton';
+//# sourceMappingURL=icon_button.js.map

package/build/esm/packages/aurora/src/components/icon_button/icon_button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon_button.js","sourceRoot":"","sources":["../../../../../../../src/components/icon_button/icon_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAiC,iDAAiD,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAEzE,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7E,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvC,OAAO,CACH,oBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,IAC/G,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,QAAQ,CACrE,CACV,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/build/esm/packages/aurora/src/components/icon_button/icon_button_types.d.ts

@@ -0,0 +1,5 @@
+import { TButtonProps } from '@auroraComponents/button/button_types';
+import { RemixiconComponentType } from '@remixicon/react';
+export declare type TIconButtonProps = TButtonProps & {
+    Icon?: RemixiconComponentType;
+};

package/build/esm/packages/aurora/src/components/icon_button/icon_button_types.js

@@ -0,0 +1,3 @@
+import '@auroraComponents/button/button_types';
+import '@remixicon/react';
+//# sourceMappingURL=icon_button_types.js.map

package/build/esm/packages/aurora/src/components/icon_button/icon_button_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon_button_types.js","sourceRoot":"","sources":["../../../../../../../src/components/icon_button/icon_button_types.ts"],"names":[],"mappings":"AAAA,OAA6B,uCAAuC,CAAC;AACrE,OAAuC,kBAAkB,CAAC"}

package/build/esm/packages/aurora/src/components/icon_button/icon_button_variants.d.ts

@@ -0,0 +1 @@
+export declare const iconButtonVariants: any;

package/build/esm/packages/aurora/src/components/icon_button/icon_button_variants.js

@@ -0,0 +1,15 @@
+import { cva } from 'class-variance-authority';
+import { BUTTON_SIZES } from '@auroraComponents/button/button_constants';
+export const iconButtonVariants = cva('', {
+    variants: {
+        size: {
+            //TODO
+            [BUTTON_SIZES.default]: '!aurora-p-2',
+            [BUTTON_SIZES.s]: '!aurora-p-3'
+        }
+    },
+    defaultVariants: {
+        size: BUTTON_SIZES.default
+    }
+});
+//# sourceMappingURL=icon_button_variants.js.map

package/build/esm/packages/aurora/src/components/icon_button/icon_button_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon_button_variants.js","sourceRoot":"","sources":["../../../../../../../src/components/icon_button/icon_button_variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAEzE,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC,EAAE,EAAE;IACtC,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,MAAM;YACN,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,aAAa;YACrC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,aAAa;SAClC;KACJ;IACD,eAAe,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,OAAO;KAC7B;CACJ,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type ImagePickerInput = {
+    id: string;
+    onDropFile: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragOver: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
+    allowedExtensions: string[];
+    isDragOver: boolean;
+};
+export declare const ImagePickerInput: React.FC<ImagePickerInput>;
+declare const _default: React.FC<React.PropsWithChildren<ImagePickerInput>>;
+export default _default;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { UploadLineIcon } from '@auroraAssets/icons/upload_icon';
+import { cn } from '@auroraUtilities/cn';
+import { withTranslation } from '@auroraUtilities/translation/with_translation';
+export const ImagePickerInput = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {
+    const [t] = useTranslation();
+    return (React.createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave, className: "aurora-relative aurora-flex aurora-items-center aurora-justify-center aurora-w-full aurora-h-full aurora-cursor-pointer aurora-p-1 aurora-pb-2 aurora-group" },
+        isDragOver && (React.createElement("div", { className: cn('aurora-absolute aurora-inset-0 aurora-bg-neutral-0 aurora-border-2 aurora-border-primary aurora-rounded-8 aurora-z-1 aurora-pointer-events-none') },
+            React.createElement("div", { className: " aurora-w-full aurora-h-full aurora-bg-primary-transparent aurora-flex aurora-items-center aurora-justify-center" },
+                React.createElement("span", { className: "aurora-text-xs aurora-text-interactive" }, `${t('Drop file here')}`)))),
+        React.createElement("div", { className: cn('aurora-flex aurora-flex-col aurora-items-center aurora-w-full aurora-h-full aurora-pt-4 aurora-pb-3 aurora-px-1') },
+            React.createElement(UploadLineIcon, { className: "aurora-w-5 aurora-h-5 aurora-fill-subtle group-hover:aurora-fill-primary aurora-mb-2" }),
+            React.createElement("div", { className: "aurora-text-xs aurora-text-interactive aurora-font-semibold" }, `${t('Drag a file here or browse')}`),
+            React.createElement("span", { className: "aurora-text-xs aurora-text-subtle-light aurora-font-normal aurora-text-center" },
+                `${t('Supported formats')}`,
+                ": ",
+                allowedExtensions.map((extension) => `*.${extension}`).join(', ')))));
+};
+export default withTranslation(ImagePickerInput);
+//# sourceMappingURL=image_picker_input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image_picker_input.js","sourceRoot":"","sources":["../../../../../../../../src/components/image_picker/components/image_picker_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAWhF,MAAM,CAAC,MAAM,gBAAgB,GAA+B,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,EAAE,EAAE;IACvI,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAE7B,OAAO,CACH,+BACI,OAAO,EAAE,EAAE,EACX,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,6JAA6J;QAEtK,UAAU,IAAI,CACX,6BACI,SAAS,EAAE,EAAE,CACT,iJAAiJ,CACpJ;YAED,6BAAK,SAAS,EAAC,kHAAkH;gBAC7H,8BAAM,SAAS,EAAC,wCAAwC,IAAE,GAAG,CAAC,CAAC,gBAAgB,CAAC,EAAE,CAAQ,CACxF,CACJ,CACT;QAED,6BACI,SAAS,EAAE,EAAE,CAAC,iHAAiH,CAAC;YAEhI,oBAAC,cAAc,IAAC,SAAS,EAAC,sFAAsF,GAAG;YACnH,6BAAK,SAAS,EAAC,6DAA6D,IAAE,GAAG,CAAC,CAAC,4BAA4B,CAAC,EAAE,CAAO;YACzH,8BAAM,SAAS,EAAC,+EAA+E;gBAC1F,GAAG,CAAC,CAAC,mBAAmB,CAAC,EAAE;;gBAAI,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,KAAK,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAC9F,CACL,CACF,CACX,CAAC;AACN,CAAC,CAAC;AAGF,eAAe,eAAe,CAAmB,gBAAgB,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TImagePickerFile } from '../image_picker_types';
+declare type TImagePickerPreviewProps = {
+    file: TImagePickerFile;
+    onError: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+    onLoad?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+};
+export declare const ImagePickerPreview: ({ file, onError, onLoad }: TImagePickerPreviewProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import '../image_picker_types';
+export const ImagePickerPreview = ({ file, onError, onLoad }) => {
+    return (React.createElement("img", { className: "aurora-rounded-4 aurora-w-full aurora-h-full", alt: file.fileName, src: file?.fileUrl || '', onError: onError, onLoad: onLoad }));
+};
+//# sourceMappingURL=image_picker_preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image_picker_preview.js","sourceRoot":"","sources":["../../../../../../../../src/components/image_picker/components/image_picker_preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAiC,uBAAuB,CAAC;AAQzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAA4B,EAAE,EAAE;IACtF,OAAO,CACH,6BACI,SAAS,EAAC,8CAA8C,EACxD,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,GAAG,EAAE,IAAI,EAAE,OAAO,IAAI,EAAE,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,GAChB,CACL,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+declare type TUploadedImagePickerItemProps = {
+    file: any;
+    isValid: boolean;
+    imageSize: any;
+    onFileDelete: () => void;
+};
+export declare const UploadedImagePickerItem: ({ imageSize, onFileDelete, isValid, file }: TUploadedImagePickerItemProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+import { DeleteBinLineIcon } from '@auroraAssets/icons/delete_bin_icon';
+import { FileUtils } from '@dreamcommerce/utilities';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+export const UploadedImagePickerItem = ({ imageSize, onFileDelete, isValid, file }) => {
+    const [t] = useTranslation();
+    const imageName = FileUtils.getFileName(file.fileName);
+    const imageExtension = FileUtils.getFileExtension(file.fileName);
+    const imageWidth = imageSize && imageSize.width;
+    const imageHeight = imageSize && imageSize.height;
+    return (React.createElement("div", { className: 'aurora-flex aurora-justify-between aurora-items-center aurora-pt-2 aurora-px-1 aurora-gap-1' },
+        React.createElement("div", { className: 'aurora-text-xs aurora-text-subtle aurora-overflow-hidden aurora-text-ellipsis' }, isValid && (React.createElement(React.Fragment, null,
+            imageName,
+            `.${imageExtension} (${imageWidth}x${imageHeight}px)`))),
+        React.createElement("button", { "data-test-id": "image-picker-remove-button", onClick: onFileDelete, className: 'aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]' },
+            React.createElement(DeleteBinLineIcon, { className: "aurora-w-4 aurora-h-4 aurora-fill-danger" }),
+            React.createElement("span", { className: 'aurora-text-xs aurora-text-danger aurora-font-semibold' }, `${t('Remove')}`))));
+};
+//# sourceMappingURL=uploaded_image_picker_item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"uploaded_image_picker_item.js","sourceRoot":"","sources":["../../../../../../../../src/components/image_picker/components/uploaded_image_picker_item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAS/C,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAiC,EAAE,EAAE;IACjH,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC;IAChD,MAAM,WAAW,GAAG,SAAS,IAAI,SAAS,CAAC,MAAM,CAAC;IAElD,OAAO,CACH,6BAAK,SAAS,EAAC,6FAA6F;QACxG,6BAAK,SAAS,EAAC,+EAA+E,IACzF,OAAO,IAAI,CACR;YACK,SAAS;YACT,IAAI,cAAc,KAAK,UAAU,IAAI,WAAW,KAAK,CACvD,CACN,CACC;QAEN,gDAAqB,4BAA4B,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,iIAAiI;YAChN,oBAAC,iBAAiB,IAAC,SAAS,EAAC,0CAA0C,GAAG;YAC1E,8BAAM,SAAS,EAAC,wDAAwD,IAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAQ,CAC7F,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IImagePicker } from './image_picker_types';
+export declare const ImagePicker: React.FC<IImagePicker>;
+declare const _default: React.FC<React.PropsWithChildren<IImagePicker>>;
+export default _default;

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

@@ -0,0 +1,78 @@
+import React, { createRef, memo, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ErrorList } from '@auroraComponents/error_list/error_list';
+import { ImagePickerPreview } from './components/image_picker_preview';
+import { IMAGE_PICKER_EXTENSIONS } from './image_picker_constants';
+import './image_picker_types';
+import { ImagePickerInput } from './components/image_picker_input';
+import { UploadedImagePickerItem } from './components/uploaded_image_picker_item';
+import { getAcceptFilesParametersFromAllowedExtensions } from './image_picker_utils';
+import { useImagePicker } from './use_image_picker';
+import { cn } from '@auroraUtilities/cn';
+import { withTranslation } from '@auroraUtilities/translation/with_translation';
+export const ImagePicker = memo(({ id, onChange, onError, errors: initialErrors, allowedExtensions = [
+    IMAGE_PICKER_EXTENSIONS.WEBP,
+    IMAGE_PICKER_EXTENSIONS.JPG,
+    IMAGE_PICKER_EXTENSIONS.PNG,
+    IMAGE_PICKER_EXTENSIONS.GIF,
+    IMAGE_PICKER_EXTENSIONS.SVG,
+    IMAGE_PICKER_EXTENSIONS.JPEG
+], initialFile, name, onImageSizeUpdated, topButtons, editedImageResult }) => {
+    const [t] = useTranslation();
+    const inputRef = createRef();
+    const handleOnChange = (ev) => {
+        onChange?.(ev);
+        if (ev.fileList?.length) {
+            setImageSizeBasedOnUrl(URL.createObjectURL(ev.fileList[0]));
+        }
+    };
+    const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, changeFile, file, errors, isPreview, isDragOver } = useImagePicker({ initialFile, onChange: handleOnChange, allowedExtensions, initialErrors, onError, inputRef });
+    const [imageSize, setImageSize] = useState(undefined);
+    const acceptFiles = getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
+    useEffect(() => {
+        onImageSizeUpdated?.(imageSize);
+    }, [imageSize]);
+    useEffect(() => {
+        initialFile && setImageSizeBasedOnUrl(initialFile?.fileUrl);
+    }, [initialFile]);
+    useEffect(() => {
+        if (!editedImageResult)
+            return;
+        const fileList = createFileList(editedImageResult);
+        changeFile(fileList);
+    }, [editedImageResult]);
+    const createFileList = (file) => {
+        const fileArray = [];
+        fileArray.push(file);
+        return fileArray;
+    };
+    const setImageSizeBasedOnUrl = (fileUrl) => {
+        createImageFromUrl(fileUrl).then((image) => {
+            setImageSize({ width: image.naturalWidth, height: image.naturalHeight });
+        });
+    };
+    const createImageFromUrl = async (url) => {
+        const img = new Image();
+        img.src = url;
+        await img.decode();
+        return img;
+    };
+    const handleOnFileDelete = () => {
+        onFileDelete();
+        setImageSize(undefined);
+    };
+    return (React.createElement("div", { className: "aurora-mb-1" },
+        React.createElement("div", { className: cn('aurora-rounded-8 aurora-relative hover:aurora-border-active', {
+                'aurora-border aurora-border-dashed': !(errors && errors.length > 0 && !isDragOver),
+                'aurora-border-2 aurora-border-danger aurora-border-solid hover:aurora-border-danger': errors && errors.length > 0,
+                'aurora-border-none': isDragOver
+            }) },
+            file && !errors?.length ? (isPreview ? (React.createElement("div", { className: "aurora-p-1 aurora-pb-2 aurora-relative" },
+                topButtons && React.createElement("div", null, topButtons),
+                React.createElement(ImagePickerPreview, { file: file, onError: onPreviewError }),
+                React.createElement(UploadedImagePickerItem, { imageSize: imageSize, file: file, isValid: !errors?.length, onFileDelete: handleOnFileDelete }))) : (React.createElement("div", null, `${t('No preview')}`))) : (React.createElement(ImagePickerInput, { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: onDropFile })),
+            React.createElement("input", { className: "aurora-hidden", onChange: onFileChange, id: id, ref: inputRef, type: "file", name: name, accept: acceptFiles })),
+        errors && React.createElement(ErrorList, { errors: errors })));
+});
+export default withTranslation(ImagePicker);
+//# sourceMappingURL=image_picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image_picker.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/image_picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAgE,sBAAsB,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,6CAA6C,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAEhF,MAAM,CAAC,MAAM,WAAW,GAA2B,IAAI,CACnD,CAAC,EACG,EAAE,EACF,QAAQ,EACR,OAAO,EACP,MAAM,EAAE,aAAa,EACrB,iBAAiB,GAAG;IAChB,uBAAuB,CAAC,IAAI;IAC5B,uBAAuB,CAAC,GAAG;IAC3B,uBAAuB,CAAC,GAAG;IAC3B,uBAAuB,CAAC,GAAG;IAC3B,uBAAuB,CAAC,GAAG;IAC3B,uBAAuB,CAAC,IAAI;CAC/B,EACD,WAAW,EACX,IAAI,EACJ,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EACpB,EAAE,EAAE;IACD,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,QAAQ,GAAG,SAAS,EAAoB,CAAC;IAE/C,MAAM,cAAc,GAAG,CAAC,EAAyB,EAAE,EAAE;QACjD,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;QAEf,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE;YACrB,sBAAsB,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC/D;IACL,CAAC,CAAC;IAEF,MAAM,EACF,UAAU,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACb,GAAG,cAAc,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAyB,SAAS,CAAC,CAAC;IAC9E,MAAM,WAAW,GAAG,6CAA6C,CAAC,iBAAiB,CAAC,CAAC;IAErF,SAAS,CAAC,GAAG,EAAE;QACX,kBAAkB,EAAE,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACX,WAAW,IAAI,sBAAsB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE/B,MAAM,QAAQ,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;QAEnD,UAAU,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,cAAc,GAAG,CAAC,IAAU,EAAE,EAAE;QAClC,MAAM,SAAS,GAAW,EAAE,CAAC;QAC7B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrB,OAAO,SAAgC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,OAAe,EAAE,EAAE;QAC/C,kBAAkB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;YACvC,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC;QAC7E,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,KAAK,EAAE,GAAW,EAAE,EAAE;QAC7C,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;QACd,MAAM,GAAG,CAAC,MAAM,EAAE,CAAC;QACnB,OAAO,GAAG,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,YAAY,EAAE,CAAC;QACf,YAAY,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAC,aAAa;QACxB,6BACI,SAAS,EAAE,EAAE,CAAC,6DAA6D,EAAE;gBACzE,oCAAoC,EAAE,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;gBACnF,qFAAqF,EAAE,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;gBAClH,oBAAoB,EAAE,UAAU;aACnC,CAAC;YAED,IAAI,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CACvB,SAAS,CAAC,CAAC,CAAC,CACR,6BAAK,SAAS,EAAC,wCAAwC;gBAClD,UAAU,IAAI,iCAAM,UAAU,CAAO;gBAEtC,oBAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,GAAI;gBAE3D,oBAAC,uBAAuB,IACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EACxB,YAAY,EAAE,kBAAkB,GAClC,CACA,CACT,CAAC,CAAC,CAAC,CACA,iCAAM,GAAG,CAAC,CAAC,YAAY,CAAC,EAAE,CAAO,CACpC,CACJ,CAAC,CAAC,CAAC,CACA,oBAAC,gBAAgB,IACb,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,GACxB,CACL;YAED,+BACI,SAAS,EAAC,eAAe,EACzB,QAAQ,EAAE,YAAY,EACtB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,WAAW,GACrB,CACA;QAEL,MAAM,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CACtC,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,eAAe,eAAe,CAAe,WAAW,CAAC,CAAC"}

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

@@ -0,0 +1,35 @@
+export declare const IMAGE_PICKER_EXTENSIONS: {
+    readonly GIF: "gif";
+    readonly JPG: "jpg";
+    readonly JPEG: "jpeg";
+    readonly PNG: "png";
+    readonly WEBP: "webp";
+    readonly SVG: "svg";
+};
+export declare const MIME_FILE_EXTENSIONS: {
+    readonly gif: "image/gif";
+    readonly jpg: "image/jpg";
+    readonly jpeg: "image/jpeg";
+    readonly png: "image/png";
+    readonly webp: "image/webp";
+    readonly svg: "image/svg+xml";
+};
+export declare const FILE_EXTENSION_TO_MIME_TYPE: {
+    readonly gif: "image/gif";
+    readonly jpg: "image/jpg";
+    readonly jpeg: "image/jpeg";
+    readonly png: "image/png";
+    readonly webp: "image/webp";
+    readonly svg: "image/svg+xml";
+};
+export declare const MIME_TYPE_TO_FILE_EXTENSIONS: {
+    readonly "image/gif": "gif";
+    readonly "image/jpg": "jpg";
+    readonly "image/jpeg": "jpeg";
+    readonly "image/png": "png";
+    readonly "image/webp": "webp";
+    readonly "image/svg+xml": "svg";
+};
+export declare const IMAGE_PICKER_ERROR: {
+    invalidFileFormat: string;
+};

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

@@ -0,0 +1,36 @@
+export const IMAGE_PICKER_EXTENSIONS = {
+    GIF: 'gif',
+    JPG: 'jpg',
+    JPEG: 'jpeg',
+    PNG: 'png',
+    WEBP: 'webp',
+    SVG: 'svg'
+};
+export const MIME_FILE_EXTENSIONS = {
+    [IMAGE_PICKER_EXTENSIONS.GIF]: 'image/gif',
+    [IMAGE_PICKER_EXTENSIONS.JPG]: 'image/jpg',
+    [IMAGE_PICKER_EXTENSIONS.JPEG]: 'image/jpeg',
+    [IMAGE_PICKER_EXTENSIONS.PNG]: 'image/png',
+    [IMAGE_PICKER_EXTENSIONS.WEBP]: 'image/webp',
+    [IMAGE_PICKER_EXTENSIONS.SVG]: 'image/svg+xml'
+};
+export const FILE_EXTENSION_TO_MIME_TYPE = {
+    [IMAGE_PICKER_EXTENSIONS.GIF]: MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.GIF],
+    [IMAGE_PICKER_EXTENSIONS.JPG]: MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.JPG],
+    [IMAGE_PICKER_EXTENSIONS.JPEG]: MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.JPEG],
+    [IMAGE_PICKER_EXTENSIONS.PNG]: MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.PNG],
+    [IMAGE_PICKER_EXTENSIONS.WEBP]: MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.WEBP],
+    [IMAGE_PICKER_EXTENSIONS.SVG]: MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.SVG]
+};
+export const MIME_TYPE_TO_FILE_EXTENSIONS = {
+    [MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.GIF]]: IMAGE_PICKER_EXTENSIONS.GIF,
+    [MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.JPG]]: IMAGE_PICKER_EXTENSIONS.JPG,
+    [MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.JPEG]]: IMAGE_PICKER_EXTENSIONS.JPEG,
+    [MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.PNG]]: IMAGE_PICKER_EXTENSIONS.PNG,
+    [MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.WEBP]]: IMAGE_PICKER_EXTENSIONS.WEBP,
+    [MIME_FILE_EXTENSIONS[IMAGE_PICKER_EXTENSIONS.SVG]]: IMAGE_PICKER_EXTENSIONS.SVG
+};
+export const IMAGE_PICKER_ERROR = {
+    invalidFileFormat: 'Invalid file format'
+};
+//# sourceMappingURL=image_picker_constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image_picker_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/image_picker_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;CACJ,CAAC;AAEX,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,WAAW;IAC1C,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,WAAW;IAC1C,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,YAAY;IAC5C,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,WAAW;IAC1C,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,YAAY;IAC5C,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,eAAe;CACxC,CAAC;AAEX,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACvC,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC;IAChF,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC;IAChF,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,IAAI,CAAC;IAClF,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC;IAChF,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,IAAI,CAAC;IAClF,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC;CAC1E,CAAC;AAEX,MAAM,CAAC,MAAM,4BAA4B,GAAG;IACxC,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,EAAE,uBAAuB,CAAC,GAAG;IAChF,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,EAAE,uBAAuB,CAAC,GAAG;IAChF,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC,EAAE,uBAAuB,CAAC,IAAI;IAClF,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,EAAE,uBAAuB,CAAC,GAAG;IAChF,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC,EAAE,uBAAuB,CAAC,IAAI;IAClF,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,EAAE,uBAAuB,CAAC,GAAG;CAC1E,CAAC;AAEX,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,iBAAiB,EAAE,qBAAqB;CAC3C,CAAC"}

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

@@ -0,0 +1,59 @@
+import React, { ChangeEvent, ReactNode } from 'react';
+import { IMAGE_PICKER_EXTENSIONS, MIME_FILE_EXTENSIONS } from './image_picker_constants';
+import { TControlErrors } from '@auroraComponents/control/control_types';
+export declare type TImagePickerFile = {
+    fileUrl: string;
+    fileName: string;
+};
+export declare type TImagePickerExtension = typeof IMAGE_PICKER_EXTENSIONS[keyof typeof IMAGE_PICKER_EXTENSIONS];
+export declare type TMimeFileExtension = typeof MIME_FILE_EXTENSIONS[keyof typeof MIME_FILE_EXTENSIONS];
+export declare type ImagePickerFileObject = {
+    fileList: FileList | null;
+    fileAsDataUrl?: string | ArrayBuffer | null;
+};
+export interface IImagePicker {
+    id: string;
+    name?: string;
+    className?: string;
+    onChange?: (file: ImagePickerFileObject) => void;
+    allowedExtensions?: TImagePickerExtension[];
+    initialFile?: TImagePickerFile;
+    errors?: TControlErrors;
+    onError?: (errors: string[]) => void;
+    onImageSizeUpdated?: (imageSize?: TImageSize) => void;
+    topButtons?: ReactNode;
+    editedImageResult?: File;
+}
+export interface IImagePickerInput {
+    id: string;
+    onDropFile: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragOver: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
+    allowedExtensions: TImagePickerExtension[];
+    isDragOver: boolean;
+}
+export declare type TImageSize = {
+    width: number;
+    height: number;
+};
+export interface IUseImagePicker {
+    onDropFile: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragOver: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onFileChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onFileDelete: () => void;
+    onPreviewError: () => void;
+    changeFile: (files: FileList) => void;
+    file: TImagePickerFile | undefined;
+    errors: string[];
+    isPreview: boolean;
+    isDragOver: boolean;
+}
+export interface IUseImagePickerProps {
+    onChange?: (file: ImagePickerFileObject) => void;
+    initialFile?: TImagePickerFile;
+    allowedExtensions?: TImagePickerExtension[];
+    inputRef: React.RefObject<HTMLInputElement>;
+    initialErrors?: TControlErrors;
+    onError?: (errors: string[]) => void;
+}

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

@@ -0,0 +1,4 @@
+import 'react';
+import './image_picker_constants';
+import '@auroraComponents/control/control_types';
+//# sourceMappingURL=image_picker_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/image_picker_types.ts"],"names":[],"mappings":"AAAA,OAA8C,OAAO,CAAC;AACtD,OAA8D,0BAA0B,CAAC;AACzF,OAA+B,yCAAyC,CAAC"}

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

@@ -0,0 +1 @@
+export declare const getAcceptFilesParametersFromAllowedExtensions: (allowedExtensions: string[]) => string;

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

@@ -0,0 +1,6 @@
+import { FILE_EXTENSION_TO_MIME_TYPE } from './image_picker_constants';
+import './image_picker_types';
+export const getAcceptFilesParametersFromAllowedExtensions = (allowedExtensions) => {
+    return allowedExtensions.map((extension) => FILE_EXTENSION_TO_MIME_TYPE[extension]).join(', ');
+};
+//# sourceMappingURL=image_picker_utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image_picker_utils.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/image_picker_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAsC,sBAAsB,CAAC;AAE7D,MAAM,CAAC,MAAM,6CAA6C,GAAG,CAAC,iBAA2B,EAAE,EAAE;IACzF,OAAO,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAgC,EAAE,EAAE,CAAC,2BAA2B,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1H,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+import { IUseImagePicker, IUseImagePickerProps } from './image_picker_types';
+export declare const useImagePicker: ({ onChange, initialFile, allowedExtensions, inputRef, initialErrors, onError }: IUseImagePickerProps) => IUseImagePicker;