@dreamcommerce/aurora 3.0.0-63 → 3.0.0-64

package/build/cjs/packages/aurora/src/components/controls/input_control/input_control.js

@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "onChange", "onKeyDown", "onKeyUp"];
+var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
 var InputControl = function InputControl(_ref) {
   var id = _ref.id,
     name = _ref.name,
@@ -29,6 +29,8 @@ var InputControl = function InputControl(_ref) {
     placeholder = _ref.placeholder,
     readOnly = _ref.readOnly,
     type = _ref.type,
+    required = _ref.required,
+    tooltip = _ref.tooltip,
     onChange = _ref.onChange,
     onKeyDown = _ref.onKeyDown,
     onKeyUp = _ref.onKeyUp,
@@ -37,6 +39,9 @@ var InputControl = function InputControl(_ref) {
     classname: "aurora-flex-col"
   }, label$1 && (/*#__PURE__*/React__default['default'].createElement(label.Label, {
     htmlFor: id,
+    required: required,
+    tooltip: tooltip,
+    disabled: disabled,
     className: "aurora-pb-1 aurora-text"
   }, label$1)), /*#__PURE__*/React__default['default'].createElement(input.Input, _rollupPluginBabelHelpers.objectSpread2({
     id: id,

package/build/cjs/packages/aurora/src/components/controls/input_control/input_control.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;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;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/controls/switch_control/switch_control.js

@@ -46,7 +46,8 @@ var SwitchControl = function SwitchControl(_ref) {
     className: "aurora-ml-2 aurora-mt-1 aurora-flex aurora-flex-col aurora-gap-1"
   }, label$1 && (/*#__PURE__*/React__default['default'].createElement(label.Label, {
     required: required,
-    tooltip: tooltip
+    tooltip: tooltip,
+    disabled: disabled
   }, label$1)), helperText && /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
     errors: errors
   })));

package/build/cjs/packages/aurora/src/components/controls/switch_control/switch_control.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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/constants/css_tokens/css_icon_color_tokens.js

@@ -6,7 +6,7 @@ var css_color_tokens_values = require('./css_color_tokens_values.js');
 
 var CSS_ICON_COLOR_TOKENS_VALUES = {
   base: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral900,
-  subtle: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral500,
+  subtle: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral600,
   disabled: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral200,
   inverse: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral0,
   inverseSubtle: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.lightTransparent20,

package/build/esm/packages/aurora/src/assets/icons/delete_bin_icon.d.ts

@@ -0,0 +1 @@
+export declare const DeleteBinLineIcon: import("@remixicon/react").RemixiconComponentType;

package/build/esm/packages/aurora/src/assets/icons/delete_bin_icon.js

@@ -0,0 +1,3 @@
+import { RiDeleteBinLine } from '@remixicon/react';
+export const DeleteBinLineIcon = RiDeleteBinLine;
+//# sourceMappingURL=delete_bin_icon.js.map

package/build/esm/packages/aurora/src/assets/icons/delete_bin_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete_bin_icon.js","sourceRoot":"","sources":["../../../../../../../src/assets/icons/delete_bin_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC"}

package/build/esm/packages/aurora/src/assets/icons/image_edit_icon.d.ts

@@ -0,0 +1 @@
+export declare const ImageEditLineIcon: import("@remixicon/react").RemixiconComponentType;

package/build/esm/packages/aurora/src/assets/icons/image_edit_icon.js

@@ -0,0 +1,3 @@
+import { RiImageEditLine } from '@remixicon/react';
+export const ImageEditLineIcon = RiImageEditLine;
+//# sourceMappingURL=image_edit_icon.js.map

package/build/esm/packages/aurora/src/assets/icons/image_edit_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image_edit_icon.js","sourceRoot":"","sources":["../../../../../../../src/assets/icons/image_edit_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC"}

package/build/esm/packages/aurora/src/assets/icons/layout_bottom_line_icon.d.ts

@@ -0,0 +1 @@
+export declare const LayoutBottomLineIcon: import("@remixicon/react").RemixiconComponentType;

package/build/esm/packages/aurora/src/assets/icons/layout_bottom_line_icon.js

@@ -0,0 +1,3 @@
+import { RiLayoutBottomLine } from '@remixicon/react';
+export const LayoutBottomLineIcon = RiLayoutBottomLine;
+//# sourceMappingURL=layout_bottom_line_icon.js.map

package/build/esm/packages/aurora/src/assets/icons/layout_bottom_line_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout_bottom_line_icon.js","sourceRoot":"","sources":["../../../../../../../src/assets/icons/layout_bottom_line_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,kBAAkB,CAAC"}

package/build/esm/packages/aurora/src/assets/icons/upload_icon.d.ts

@@ -0,0 +1 @@
+export declare const UploadLineIcon: import("@remixicon/react").RemixiconComponentType;

package/build/esm/packages/aurora/src/assets/icons/upload_icon.js

@@ -0,0 +1,3 @@
+import { RiUploadLine } from '@remixicon/react';
+export const UploadLineIcon = RiUploadLine;
+//# sourceMappingURL=upload_icon.js.map

package/build/esm/packages/aurora/src/assets/icons/upload_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload_icon.js","sourceRoot":"","sources":["../../../../../../../src/assets/icons/upload_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CAAC"}

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TBreadcrumbChildProps } from './breadcrumbs_types';
+export declare const BreadcrumbChild: ({ children, attributes }: TBreadcrumbChildProps) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import './breadcrumbs_types';
+export const BreadcrumbChild = ({ children, attributes }) => {
+    const breadcrumbRef = React.useRef(null);
+    React.useEffect(() => {
+        if (!breadcrumbRef.current || !attributes)
+            return;
+        Object.entries(attributes).forEach(([key, value]) => {
+            breadcrumbRef.current?.setAttribute(key, value);
+        });
+    }, []);
+    return (React.createElement("li", { ref: breadcrumbRef }, children));
+};
+//# sourceMappingURL=breadcrumb_child.js.map

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb_child.js","sourceRoot":"","sources":["../../../../../../../src/components/breadcrumbs/breadcrumb_child.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAsC,qBAAqB,CAAC;AAE5D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAyB,EAAE,EAAE;IAC/E,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,UAAU;YAAE,OAAO;QAElD,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAChD,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,4BAAI,GAAG,EAAE,aAAa,IACjB,QAAQ,CACR,CACR,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TBreadcrumbsProps } from './breadcrumbs_types';
+export declare const Breadcrumbs: ({ classname, as, children, attributes, withoutSeparator }: TBreadcrumbsProps) => React.ReactElement<{
+    className: string | undefined;
+}, string | React.JSXElementConstructor<any>>;
+export default Breadcrumbs;

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

@@ -0,0 +1,35 @@
+import React, { useEffect, useRef } from 'react';
+import { Stack } from '@auroraComponents/stack/stack';
+import { BreadcrumbChild } from './breadcrumb_child';
+import { ArrowRightSLineIcon } from '@auroraAssets/icons/arrow_right_s_line_icon';
+import './breadcrumbs_types';
+import { CSS_ICON_COLOR_TOKENS_VALUES } from '@auroraConstants/css_tokens/css_icon_color_tokens';
+export const Breadcrumbs = ({ classname, as = 'nav', children, attributes, withoutSeparator = false }) => {
+    const breadcrumbRef = useRef(null);
+    const allItems = React.Children.toArray(children).map((child, index) => (React.createElement(BreadcrumbChild, { attributes: {
+            'data-test-breadcrumb-index': index
+        }, key: `child-${index}` }, child)));
+    useEffect(() => {
+        if (!breadcrumbRef.current || !attributes)
+            return;
+        Object.entries(attributes).forEach(([key, value]) => {
+            breadcrumbRef.current?.setAttribute(key, value);
+        });
+    }, []);
+    return React.createElement(as, {
+        className: classname
+    }, React.createElement(Stack, { ref: breadcrumbRef, attributes: {
+            'aria-label': 'breadcrumbs'
+        }, align: "center", as: "ol", spacing: "1" }, withoutSeparator
+        ? allItems
+        : allItems.map((item, index) => {
+            if (index === allItems.length - 1)
+                return item;
+            return (React.createElement(React.Fragment, { key: index },
+                item,
+                React.createElement("li", { "aria-hidden": "true" },
+                    React.createElement(ArrowRightSLineIcon, { size: 16, color: CSS_ICON_COLOR_TOKENS_VALUES.subtle }))));
+        })));
+};
+export default Breadcrumbs;
+//# sourceMappingURL=breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAkC,qBAAqB,CAAC;AACxD,OAAO,EAAE,4BAA4B,EAAE,MAAM,mDAAmD,CAAC;AAEjG,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,GAAG,KAAK,EAAqB,EAAE,EAAE;IACxH,MAAM,aAAa,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACpE,oBAAC,eAAe,IACZ,UAAU,EAAE;YACR,4BAA4B,EAAE,KAAK;SACtC,EACD,GAAG,EAAE,SAAS,KAAK,EAAE,IAEpB,KAAK,CACQ,CACrB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,UAAU;YAAE,OAAO;QAElD,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAChD,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,KAAK,CAAC,aAAa,CACtB,EAAE,EACF;QACI,SAAS,EAAE,SAAS;KACvB,EACD,oBAAC,KAAK,IACF,GAAG,EAAE,aAAa,EAClB,UAAU,EAAE;YACR,YAAY,EAAE,aAAa;SAC9B,EACD,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,IAAI,EACP,OAAO,EAAC,GAAG,IAEV,gBAAgB;QACb,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,IAAI,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO,IAAI,CAAC;YAE/C,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;gBACrB,IAAI;gBACL,2CAAgB,MAAM;oBAClB,oBAAC,mBAAmB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,4BAA4B,CAAC,MAAM,GAAI,CAC5E,CACQ,CACpB,CAAC;QACN,CAAC,CAAC,CACJ,CACX,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type TBreadcrumbsProps = React.PropsWithChildren<{
+    withoutSeparator?: boolean;
+    classname?: string;
+    as?: string;
+    attributes?: Record<string, any>;
+}>;
+export declare type TBreadcrumbChildProps = React.PropsWithChildren<{
+    attributes?: Record<string, any>;
+}>;

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.js

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

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.js.map

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

package/build/esm/packages/aurora/src/components/control/control_types.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
+import React from 'react';
 export interface IControlProps {
     children: React.ReactNode;
     classname?: string;
 }
+export declare type TControlErrors = string | string[] | null;

package/build/esm/packages/aurora/src/components/control/control_types.js

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

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

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import React from 'react';
+export declare const ControlsGroup: ({ children }: PropsWithChildren) => React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import 'react';
+import { Stack } from '@auroraComponents/stack/stack';
+import React from 'react';
+export const ControlsGroup = ({ children }) => {
+    return (React.createElement(Stack, { spacing: "4", direction: "column" }, children));
+};
+//# sourceMappingURL=controls_group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controls_group.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/controls_group/controls_group.tsx"],"names":[],"mappings":"AAAA,OAAkC,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC7D,OAAO,CACH,oBAAC,KAAK,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,IAChC,QAAQ,CACL,CACX,CAAC;AACN,CAAC,CAAC"}

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

@@ -6,7 +6,7 @@ import { ErrorList } from '../../error_list/error_list.js';
 import { Control } from '../../control/control.js';
 import { Input } from '../../input/input.js';
 
-var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "onChange", "onKeyDown", "onKeyUp"];
+var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
 var InputControl = function InputControl(_ref) {
   var id = _ref.id,
     name = _ref.name,
@@ -21,6 +21,8 @@ var InputControl = function InputControl(_ref) {
     placeholder = _ref.placeholder,
     readOnly = _ref.readOnly,
     type = _ref.type,
+    required = _ref.required,
+    tooltip = _ref.tooltip,
     onChange = _ref.onChange,
     onKeyDown = _ref.onKeyDown,
     onKeyUp = _ref.onKeyUp,
@@ -29,6 +31,9 @@ var InputControl = function InputControl(_ref) {
     classname: "aurora-flex-col"
   }, label && (/*#__PURE__*/React__default.createElement(Label, {
     htmlFor: id,
+    required: required,
+    tooltip: tooltip,
+    disabled: disabled,
     className: "aurora-pb-1 aurora-text"
   }, label)), /*#__PURE__*/React__default.createElement(Input, _objectSpread2({
     id: id,

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -4,4 +4,5 @@ export declare type TInputControlProps = TInputProps & {
     label?: string | React.ReactNode;
     helperText?: string | React.ReactNode;
     errors?: string | string[];
+    tooltip?: string | React.ReactNode;
 };

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

@@ -38,7 +38,8 @@ var SwitchControl = function SwitchControl(_ref) {
     className: "aurora-ml-2 aurora-mt-1 aurora-flex aurora-flex-col aurora-gap-1"
   }, label && (/*#__PURE__*/React__default.createElement(Label, {
     required: required,
-    tooltip: tooltip
+    tooltip: tooltip,
+    disabled: disabled
   }, label)), helperText && /*#__PURE__*/React__default.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React__default.createElement(ErrorList, {
     errors: errors
   })));

package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control.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;"}
+{"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;"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TTextAreaControlProps } from './text_area_control_types';
+export declare const TextAreaControl: React.FC<TTextAreaControlProps>;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Label } from '@auroraComponents/label/label';
+import { ErrorList } from '@auroraComponents/error_list/error_list';
+import { Control } from '@auroraComponents/control/control';
+import classnames from 'classnames';
+import './text_area_control_types';
+import { TextArea } from '@auroraComponents/text_area/text_area';
+import { HelperText } from '@auroraComponents/helper_text/helper_text';
+export const TextAreaControl = ({ id, name, label, errors, placeholder, disabled, readOnly, value, defaultValue, helperText, required = false, tooltip, onChange, ...props }) => {
+    return (React.createElement(Control, { classname: "aurora-flex aurora-flex-col aurora-gap-2" },
+        label && (React.createElement(Label, { htmlFor: id, required: required, tooltip: tooltip, disabled: disabled, className: classnames('aurora-text-base aurora-text aurora-font-medium', disabled && 'aurora-text-subtle-light') }, label)),
+        React.createElement(TextArea, { id: id, name: name, placeholder: placeholder, value: value, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, errors: errors, onChange: onChange, ...props }),
+        helperText && React.createElement(HelperText, null, helperText),
+        errors && React.createElement(ErrorList, { errors: errors })));
+};
+TextAreaControl.displayName = 'TextAreaControl';
+//# sourceMappingURL=text_area_control.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text_area_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/text_area_control/text_area_control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAsC,2BAA2B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAEvE,MAAM,CAAC,MAAM,eAAe,GAAoC,CAAC,EAC7D,EAAE,EACF,IAAI,EACJ,KAAK,EACL,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,0CAA0C;QACxD,KAAK,IAAI,CACN,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,iDAAiD,EAAE,QAAQ,IAAI,0BAA0B,CAAC,IACzL,KAAK,CACF,CACX;QAED,oBAAC,QAAQ,IACL,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,KACd,KAAK,GACX;QACD,UAAU,IAAI,oBAAC,UAAU,QAAE,UAAU,CAAc;QACnD,MAAM,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAClC,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

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

@@ -0,0 +1,8 @@
+import { TTextAreaProps } from "../../text_area/text_area_types";
+import React from "react";
+export interface TTextAreaControlProps extends TTextAreaProps {
+    label?: string | React.ReactNode;
+    errors?: string | string[];
+    helperText?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+}

package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control_types.js

@@ -0,0 +1,3 @@
+import "@auroraComponents/text_area/text_area_types";
+import "react";
+//# sourceMappingURL=text_area_control_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text_area_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/text_area_control/text_area_control_types.ts"],"names":[],"mappings":"AAAA,OAA+B,6CAA6C,CAAC;AAC7E,OAAkB,OAAO,CAAC"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IXhrImagePickerControl } from './xhr_image_picker_control_types';
+export declare const XhrImagePickerControl: React.FC<IXhrImagePickerControl>;

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

@@ -0,0 +1,24 @@
+import React, { useState } from 'react';
+import { Control } from '@auroraComponents/control/control';
+import { Label } from '@auroraComponents/label/label';
+import { ErrorList } from '@auroraComponents/error_list/error_list';
+import '@auroraComponents/control/control_types';
+import './xhr_image_picker_control_types';
+import { XhrImagePicker } from '@auroraComponents/xhr_image_picker/xhr_image_picker';
+import '@auroraComponents/image_picker/image_picker_types';
+export const XhrImagePickerControl = ({ url, label, required, id, name, onChange, allowedExtensions, initialFile, className, errors, tooltip, onUploaded, onImageSizeUpdated, ImageEditor }) => {
+    const [, setErrors] = useState(errors);
+    const handleControlError = (errors) => {
+        setErrors(errors);
+    };
+    const handleControlChange = (file) => {
+        const { fileList, fileAsDataUrl } = file;
+        setErrors(null);
+        onChange?.({ fileList, fileAsDataUrl });
+    };
+    return (React.createElement(Control, { classname: "aurora-flex-col" },
+        label && (React.createElement(Label, { htmlFor: id, required: required, tooltip: tooltip }, label)),
+        React.createElement(XhrImagePicker, { url: url, id: id, name: name, onChange: handleControlChange, onError: handleControlError, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className, errors: errors, onUploaded: onUploaded, onImageSizeUpdated: onImageSizeUpdated, ImageEditor: ImageEditor }),
+        errors && React.createElement(ErrorList, { errors: errors })));
+};
+//# sourceMappingURL=xhr_image_picker_control.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xhr_image_picker_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/xhr_image_picker_control/xhr_image_picker_control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAA+B,yCAAyC,CAAC;AACzE,OAAuC,kCAAkC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;AACrF,OAAuC,mDAAmD,CAAC;AAE3F,MAAM,CAAC,MAAM,qBAAqB,GAAqC,CAAC,EACpE,GAAG,EACH,KAAK,EACL,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,MAAM,EACN,OAAO,EACP,UAAU,EACV,kBAAkB,EAClB,WAAW,EACd,EAAE,EAAE;IACD,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAwB,MAA+B,CAAC,CAAC;IAEvF,MAAM,kBAAkB,GAAG,CAAC,MAAgB,EAAE,EAAE;QAC5C,SAAS,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,IAA4B,EAAE,EAAE;QACzD,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QACzC,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhB,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB;QAC/B,KAAK,IAAI,CACN,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,IACnD,KAAK,CACF,CACX;QACD,oBAAC,cAAc,IACX,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,mBAAmB,EAC7B,OAAO,EAAE,kBAAkB,EAC3B,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,GAC1B;QACD,MAAM,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAClC,CACb,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+import { TControlErrors } from "../../control/control_types";
+import { IImagePicker, IUseFilePickerOnChange, TImageSize } from "../../image_picker/image_picker_types";
+import { TUploadedImageData } from "../../xhr_image_picker/xhr_image_picker_types";
+import { ReactNode } from 'react';
+export interface IXhrImagePickerControl extends IImagePicker {
+    url: string;
+    label?: string;
+    onChange?: (file: IUseFilePickerOnChange, size?: TImageSize) => void;
+    labelAdditionalInfo?: string | ReactNode;
+    onUploaded?: (data: TUploadedImageData) => void;
+    ImageEditor?: React.FunctionComponent;
+    errors?: TControlErrors;
+    required?: boolean;
+    tooltip?: string | ReactNode;
+}

package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control_types.js

@@ -0,0 +1,5 @@
+import '@auroraComponents/control/control_types';
+import '@auroraComponents/image_picker/image_picker_types';
+import '@auroraComponents/xhr_image_picker/xhr_image_picker_types';
+import 'react';
+//# sourceMappingURL=xhr_image_picker_control_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"xhr_image_picker_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/xhr_image_picker_control/xhr_image_picker_control_types.ts"],"names":[],"mappings":"AAAA,OAA+B,yCAAyC,CAAC;AACzE,OAAiE,mDAAmD,CAAC;AACrH,OAAmC,2DAA2D,CAAC;AAC/F,OAA0B,OAAO,CAAC"}

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { UploadLineIcon } from '@auroraAssets/icons/upload_icon';
+import { cn } from '@auroraUtilities/cn';
+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 format')}`,
+                ": ",
+                allowedExtensions.map((extension) => `*.${extension}`).join(', ')))));
+};
+//# 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;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAOxB,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,EAAE,EAAE;IAChF,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,kBAAkB,CAAC,EAAE;;gBAAI,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,KAAK,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAC7F,CACL,CACF,CACX,CAAC;AACN,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) => React.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,9 @@
+import React from 'react';
+declare type TUploadedImagePickerItemProps = {
+    file: any;
+    isValid: boolean;
+    imageSize: any;
+    onFileDelete: () => void;
+};
+export declare const UploadedImagePickerItem: ({ imageSize, onFileDelete, isValid, file }: TUploadedImagePickerItemProps) => React.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,3 @@
+import React from 'react';
+import { IImagePicker } from './image_picker_types';
+export declare const ImagePicker: React.FC<IImagePicker>;

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

@@ -0,0 +1,76 @@
+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';
+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 })));
+});
+//# sourceMappingURL=image_picker.js.map