@dreamcommerce/aurora 3.1.29 → 3.1.31

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

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

@@ -1,6 +1,9 @@
 import React from 'react';
-import { TValuesSyncerControlProps } from './values_syncer_control_types';
-export declare const ValuesSyncerControl: {
-    <T>({ label, required, tooltip, errors, firstControl, secondControl, firstValue, secondValue, isLocked, onLock, disableLockButton, onChange, disabled, helperText, className }: TValuesSyncerControlProps<T>): React.JSX.Element;
-    displayName: string;
-};
+export declare const ValuesSyncerControl: React.ForwardRefExoticComponent<import("../../values_syncer/values_syncer_types").TValuesSyncerProps<unknown> & {
+    label?: React.ReactNode;
+    required?: boolean | undefined;
+    tooltip?: React.ReactNode;
+    helperText?: React.ReactNode;
+    errors?: string | string[] | undefined;
+    disabled?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -6,7 +6,7 @@ import { HelperText } from '../../helper_text/helper_text.js';
 import { Label } from '../../label/label.js';
 import { ValuesSyncer } from '../../values_syncer/values_syncer.js';
 
-var ValuesSyncerControl = function ValuesSyncerControl(_ref) {
+var ValuesSyncerControlInternal = function ValuesSyncerControlInternal(_ref, ref) {
   var label = _ref.label,
     _ref$required = _ref.required,
     required = _ref$required === void 0 ? false : _ref$required,
@@ -37,13 +37,15 @@ var ValuesSyncerControl = function ValuesSyncerControl(_ref) {
     onLock: onLock,
     disableLockButton: disableLockButton,
     onChange: onChange,
-    className: className
+    className: className,
+    ref: ref
   }), helperText ? /*#__PURE__*/React__default.createElement(HelperText, {
     color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
   }, helperText) : null, errors ? /*#__PURE__*/React__default.createElement(ErrorList, {
     errors: errors
   }) : null);
 };
+var ValuesSyncerControl = /*#__PURE__*/React__default.forwardRef(ValuesSyncerControlInternal);
 ValuesSyncerControl.displayName = 'ValuesSyncerControl';
 
 export { ValuesSyncerControl };

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

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IXhrImagePickerControl } from './xhr_image_picker_control_types';
-export declare const XhrImagePickerControl: React.ForwardRefExoticComponent<IXhrImagePickerControl & React.RefAttributes<HTMLButtonElement>>;
+export declare const XhrImagePickerControl: React.ForwardRefExoticComponent<IXhrImagePickerControl & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,3 @@
 import { IImagePicker } from './image_picker_types';
 import React from 'react';
-export declare const ImagePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<IImagePicker & React.RefAttributes<HTMLButtonElement>>>;
+export declare const ImagePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<IImagePicker & React.RefAttributes<HTMLDivElement>>>;

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

@@ -111,7 +111,7 @@ var ImagePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref, ref)
   };
   return /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-mb-1"
-  }, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative aurora-border-strong hover:aurora-border-extraStrong focus-visible:aurora-border-active focus-visible:aurora-outline-none', {
       'aurora-border aurora-border-dashed': !(errors && errors.length > 0 && !isDragOver),
       'aurora-border-2 aurora-border-danger aurora-border-solid hover:aurora-border-danger focus-visible:aurora-border-danger': errors && errors.length > 0,
@@ -121,8 +121,13 @@ var ImagePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref, ref)
       var _inputRef$current;
       return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
     },
+    onKeyDown: function onKeyDown(e) {
+      var _inputRef$current2;
+      return e.key === 'Enter' && ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.click());
+    },
     ref: ref,
-    type: 'button'
+    role: 'button',
+    tabIndex: 0
   }, /*#__PURE__*/React__default.createElement("div", {
     onDragOver: onDragOver,
     onDragLeave: onDragLeave
@@ -130,8 +135,7 @@ var ImagePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref, ref)
     className: "aurora-p-1 aurora-relative"
   }, /*#__PURE__*/React__default.createElement(ImagePickerPreviewContainer, {
     classname: "aurora-relative aurora-flex aurora-flex-col"
-  }, topButtons && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, topButtons), /*#__PURE__*/React__default.createElement("label", {
-    htmlFor: id,
+  }, topButtons && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, topButtons), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-relative"
   }, /*#__PURE__*/React__default.createElement(ImagePickerPreview, {
     file: file,

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/image_picker_delete_button.js

@@ -15,6 +15,9 @@ var ImagePickerDeleteButton = function ImagePickerDeleteButton(_ref) {
       e.preventDefault();
       onFileDelete();
     },
+    onKeyDown: function onKeyDown(e) {
+      return e.stopPropagation();
+    },
     className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
     type: "button"
   }, /*#__PURE__*/React__default.createElement(DeleteBinLineIcon, {

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;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;AACA;AACA;AACA;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/multiselect/multiselect.d.ts

@@ -1,6 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import React from 'react';
 import { TMultiSelectProps } from './multiselect_types';
-export declare const MultiSelect: {
-    ({ id, options, placeholder, disabled, hasSearch, searchPlaceholder, onValueChange, errors, value, searchNotFoundContent, ...props }: PropsWithChildren<TMultiSelectProps>): React.JSX.Element;
-    displayName: string;
-};
+export declare const MultiSelect: React.ForwardRefExoticComponent<TMultiSelectProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;

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

@@ -7,7 +7,7 @@ import { MultiSelectTrigger } from './components/multiselect_trigger.js';
 import { useMultiSelectValue } from './hooks/use_multiselect_value.js';
 
 var _excluded = ["id", "options", "placeholder", "disabled", "hasSearch", "searchPlaceholder", "onValueChange", "errors", "value", "searchNotFoundContent"];
-var MultiSelect = function MultiSelect(_ref) {
+var MultiSelect = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var id = _ref.id,
     options = _ref.options,
     placeholder = _ref.placeholder,
@@ -40,7 +40,8 @@ var MultiSelect = function MultiSelect(_ref) {
   return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({}, props), /*#__PURE__*/React__default.createElement(MultiSelectTrigger, {
     id: id,
     disabled: disabled,
-    hasErrors: !!(errors !== null && errors !== void 0 && errors.length)
+    hasErrors: !!(errors !== null && errors !== void 0 && errors.length),
+    ref: ref
   }, /*#__PURE__*/React__default.createElement("span", {
     className: cn('aurora-pointer-events-none aurora-select-none', showPlaceholder && 'aurora-text-subtle')
   }, !showPlaceholder ? selectedOptions.map(function (option) {
@@ -53,7 +54,7 @@ var MultiSelect = function MultiSelect(_ref) {
     searchPlaceholder: searchPlaceholder,
     searchNotFoundContent: searchNotFoundContent
   })));
-};
+});
 MultiSelect.displayName = 'MultiSelect';
 
 export { MultiSelect };

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

package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IResizableContainerProps } from '../resizable_container_types';
+export declare const ResizableContainer: React.FC<IResizableContainerProps>;

package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js

@@ -0,0 +1,34 @@
+import React__default from 'react';
+import { ResizableHandle } from './resizable_handle.js';
+
+var ResizableContainer = function ResizableContainer(_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    variant = _ref.variant,
+    onResize = _ref.onResize,
+    children = _ref.children;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "aurora-flex aurora-relative ".concat(className),
+    style: style
+  }, variant === 'horizontal' ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ResizableHandle, {
+    position: "left",
+    onMouseDown: function onMouseDown(e) {
+      return onResize(e, 'left');
+    }
+  }), /*#__PURE__*/React__default.createElement(ResizableHandle, {
+    position: "right",
+    onMouseDown: function onMouseDown(e) {
+      return onResize(e, 'right');
+    }
+  }))) : (/*#__PURE__*/React__default.createElement(ResizableHandle, {
+    position: variant,
+    onMouseDown: function onMouseDown(e) {
+      return onResize(e, variant);
+    }
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "aurora-flex-1"
+  }, children));
+};
+
+export { ResizableContainer };
+//# sourceMappingURL=resizable_container.js.map

package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IResizableHandleProps {
+    position: 'left' | 'right';
+    className?: string;
+    onMouseDown: (e: React.MouseEvent) => void;
+}
+export declare const ResizableHandle: React.FC<IResizableHandleProps>;
+export {};

package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js

@@ -0,0 +1,31 @@
+import React__default from 'react';
+import { cn } from '../../../utilities/cn.js';
+import { RESIZABLE_CONTAINER_RESIZER_CLASS, HANDLE_HOVER_SPACE, RESIZE_HANDLE_VARIANTS } from '../resizable_container_constants.js';
+import { useResizableContext } from '../hooks/use_resizable_context.js';
+
+var ResizableHandle = function ResizableHandle(_ref) {
+  var position = _ref.position,
+    className = _ref.className,
+    onMouseDown = _ref.onMouseDown;
+  var _useResizableContext = useResizableContext(),
+    isResizing = _useResizableContext.isResizing;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: cn("".concat(RESIZABLE_CONTAINER_RESIZER_CLASS, " ").concat(className, " aurora-absolute aurora-top-0 aurora-bottom-0 aurora-cursor-col-resize aurora-transition-opacity aurora-duration-200 aurora-z-[99999] aurora-opacity-0 hover:aurora-opacity-100"), {
+      'aurora-opacity-100': isResizing
+    }),
+    style: {
+      paddingLeft: "".concat(HANDLE_HOVER_SPACE, "px"),
+      paddingRight: "".concat(HANDLE_HOVER_SPACE, "px"),
+      left: position === RESIZE_HANDLE_VARIANTS.left ? "-".concat(HANDLE_HOVER_SPACE, "px") : '',
+      right: position === RESIZE_HANDLE_VARIANTS.right ? "-".concat(HANDLE_HOVER_SPACE, "px") : ''
+    },
+    onMouseDown: onMouseDown
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: cn('aurora-w-[2px] aurora-h-full aurora-bg-primary', {
+      'aurora-bg-primary-hover': isResizing
+    })
+  }));
+};
+
+export { ResizableHandle };
+//# sourceMappingURL=resizable_handle.js.map

package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IResizablePureProps } from '../resizable_container_types';
+export declare const ResizablePure: React.FC<IResizablePureProps>;

package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js

@@ -0,0 +1,33 @@
+import React__default, { useEffect } from 'react';
+import { RESIZE_HANDLE_VARIANTS } from '../resizable_container_constants.js';
+import { useResizableContext } from '../hooks/use_resizable_context.js';
+import { ResizableContainer } from './resizable_container.js';
+
+var ResizablePure = function ResizablePure(_ref) {
+  var children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? RESIZE_HANDLE_VARIANTS.left : _ref$variant,
+    widthConfig = _ref.widthConfig,
+    onResize = _ref.onResize,
+    className = _ref.className;
+  var _useResizableContext = useResizableContext(),
+    currentWidth = _useResizableContext.currentWidth,
+    handleResizing = _useResizableContext.handleResizing,
+    isResizing = _useResizableContext.isResizing;
+  useEffect(function () {
+    onResize === null || onResize === void 0 ? void 0 : onResize(currentWidth, isResizing);
+  }, [currentWidth, isResizing, onResize]);
+  return /*#__PURE__*/React__default.createElement(ResizableContainer, {
+    className: className || '',
+    style: {
+      width: currentWidth,
+      minWidth: widthConfig.min,
+      maxWidth: widthConfig.max
+    },
+    variant: variant,
+    onResize: handleResizing
+  }, children);
+};
+
+export { ResizablePure };
+//# sourceMappingURL=resizable_pure.js.map

package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.d.ts

@@ -0,0 +1,7 @@
+import type { TContainerWidthConfig, TResizerVariant, TResizingDirection } from '../resizable_container_types';
+declare const useResizable: (name: string, variant: TResizerVariant, widthConfig: TContainerWidthConfig) => {
+    isResizing: boolean;
+    currentWidth: number;
+    handleResizing: (e: React.MouseEvent, direction: TResizingDirection) => void;
+};
+export default useResizable;

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js

@@ -0,0 +1,75 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { RESIZING_DIRECTIONS } from '../resizable_container_constants.js';
+import { getInitialWidth, removeEventListeners, saveWidthToStorage, addEventListeners } from '../resizable_utils.js';
+
+var useResizable = function useResizable(name, variant, widthConfig) {
+  var storageKey = "sve_resizable_".concat(name, "_width");
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isResizing = _useState2[0],
+    setIsResizing = _useState2[1];
+  var isResizingRef = useRef(false);
+  var resizingDirection = useRef(RESIZING_DIRECTIONS.left);
+  var initialMouseX = useRef(0);
+  var initialWidth = useRef(0);
+  var _useState3 = useState(function () {
+      return getInitialWidth(storageKey, widthConfig);
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    width = _useState4[0],
+    setWidth = _useState4[1];
+  var widthRef = useRef(width);
+  var handleMouseMove = useCallback(function (e) {
+    if (!isResizingRef.current) return;
+    var direction = variant === 'horizontal' ? resizingDirection.current : variant;
+    var newWidth = calculateNewWidth(e.clientX, direction, widthConfig, initialMouseX.current, initialWidth.current);
+    widthRef.current = newWidth;
+    setWidth(newWidth);
+  }, []);
+  var handleMouseUp = useCallback(function () {
+    if (!isResizingRef.current) return;
+    isResizingRef.current = false;
+    setIsResizing(false);
+    removeEventListeners({
+      mousemove: handleMouseMove,
+      mouseup: handleMouseUp
+    });
+    saveWidthToStorage(storageKey, widthRef.current);
+  }, []);
+  var handleResizing = useCallback(function (e, direction) {
+    e.preventDefault();
+    isResizingRef.current = true;
+    setIsResizing(true);
+    resizingDirection.current = direction;
+    initialMouseX.current = e.clientX;
+    initialWidth.current = widthRef.current;
+    addEventListeners({
+      mousemove: handleMouseMove,
+      mouseup: handleMouseUp
+    });
+  }, []);
+  var calculateNewWidth = function calculateNewWidth(clientX, direction, widthConfig, initialMouseX, initialWidth) {
+    var min = widthConfig.min,
+      max = widthConfig.max;
+    var mouseDelta = clientX - initialMouseX;
+    var newWidth = direction === RESIZING_DIRECTIONS.left ? initialWidth - mouseDelta : initialWidth + mouseDelta;
+    return Math.min(Math.max(newWidth, min), max);
+  };
+  useEffect(function () {
+    return function () {
+      removeEventListeners({
+        mousemove: handleMouseMove,
+        mouseup: handleMouseUp
+      });
+    };
+  }, []);
+  return {
+    isResizing: isResizing,
+    currentWidth: width,
+    handleResizing: handleResizing
+  };
+};
+
+export default useResizable;
+//# sourceMappingURL=use_resizable.js.map

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js.map

@@ -0,0 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.d.ts

@@ -0,0 +1,2 @@
+import type { IResizableContextProps } from '../resizable_container_types';
+export declare function useResizableContext(): IResizableContextProps;

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { ResizableContext } from '../resizable_context.js';
+
+function useResizableContext() {
+  var context = useContext(ResizableContext);
+  if (!context) {
+    throw new Error("Resizable component cannot be rendered outside the ResizableProvider component");
+  }
+  return context;
+}
+
+export { useResizableContext };
+//# sourceMappingURL=use_resizable_context.js.map

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js.map

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IResizableProps } from './resizable_container_types';
+export declare const Resizable: React.FC<IResizableProps>;

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

@@ -0,0 +1,36 @@
+import React__default, { useMemo } from 'react';
+import useResizable from './hooks/use_resizable.js';
+import { ResizableContext } from './resizable_context.js';
+import { ResizablePure } from './components/resizable_pure.js';
+
+var Resizable = function Resizable(_ref) {
+  var name = _ref.name,
+    children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'left' : _ref$variant,
+    widthConfig = _ref.widthConfig,
+    onResize = _ref.onResize,
+    className = _ref.className;
+  var _useResizable = useResizable(name, variant, widthConfig),
+    isResizing = _useResizable.isResizing,
+    currentWidth = _useResizable.currentWidth,
+    handleResizing = _useResizable.handleResizing;
+  var contextVal = useMemo(function () {
+    return {
+      isResizing: isResizing,
+      currentWidth: currentWidth,
+      handleResizing: handleResizing
+    };
+  }, [isResizing, currentWidth, handleResizing]);
+  return /*#__PURE__*/React__default.createElement(ResizableContext.Provider, {
+    value: contextVal
+  }, /*#__PURE__*/React__default.createElement(ResizablePure, {
+    className: className || '',
+    variant: variant,
+    widthConfig: widthConfig,
+    onResize: onResize
+  }, children));
+};
+
+export { Resizable };
+//# sourceMappingURL=resizable.js.map

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

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.d.ts

@@ -0,0 +1,11 @@
+export declare const RESIZE_HANDLE_VARIANTS: {
+    readonly left: "left";
+    readonly right: "right";
+    readonly horizontal: "horizontal";
+};
+export declare const RESIZING_DIRECTIONS: {
+    readonly left: "left";
+    readonly right: "right";
+};
+export declare const HANDLE_HOVER_SPACE = 8;
+export declare const RESIZABLE_CONTAINER_RESIZER_CLASS = "js__resizable-container-resizer";

package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js

@@ -0,0 +1,14 @@
+var RESIZE_HANDLE_VARIANTS = {
+  left: 'left',
+  right: 'right',
+  horizontal: 'horizontal'
+};
+var RESIZING_DIRECTIONS = {
+  left: 'left',
+  right: 'right'
+};
+var HANDLE_HOVER_SPACE = 8;
+var RESIZABLE_CONTAINER_RESIZER_CLASS = 'js__resizable-container-resizer';
+
+export { HANDLE_HOVER_SPACE, RESIZABLE_CONTAINER_RESIZER_CLASS, RESIZE_HANDLE_VARIANTS, RESIZING_DIRECTIONS };
+//# sourceMappingURL=resizable_container_constants.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js.map

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

package/build/esm/packages/aurora/src/components/resizable/resizable_context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IResizableContextProps } from './resizable_container_types';
+export declare const ResizableContext: import("react").Context<IResizableContextProps>;

package/build/esm/packages/aurora/src/components/resizable/resizable_context.js

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+
+var ResizableContext = /*#__PURE__*/createContext({
+  isResizing: false,
+  currentWidth: 0,
+  handleResizing: function handleResizing() {}
+});
+
+export { ResizableContext };
+//# sourceMappingURL=resizable_context.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable_context.js.map

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

package/build/esm/packages/aurora/src/components/resizable/resizable_utils.d.ts

@@ -0,0 +1,5 @@
+import type { TContainerWidthConfig } from './resizable_container_types';
+export declare const getInitialWidth: (name: string, widthConfig: TContainerWidthConfig) => number;
+export declare const saveWidthToStorage: (name: string, width: number) => void;
+export declare const addEventListeners: (events: Record<string, EventListener>) => void;
+export declare const removeEventListeners: (events: Record<string, EventListener>) => void;

package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js

@@ -0,0 +1,30 @@
+import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+
+var getInitialWidth = function getInitialWidth(name, widthConfig) {
+  if (typeof window === 'undefined' || typeof localStorage === 'undefined') return widthConfig.default;
+  var saved = localStorage.getItem(name);
+  return saved ? Number(saved) : widthConfig.default;
+};
+var saveWidthToStorage = function saveWidthToStorage(name, width) {
+  if (typeof window === 'undefined' || typeof localStorage === 'undefined') return;
+  localStorage.setItem(name, width.toString());
+};
+var addEventListeners = function addEventListeners(events) {
+  Object.entries(events).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      eventType = _ref2[0],
+      handler = _ref2[1];
+    document.addEventListener(eventType, handler);
+  });
+};
+var removeEventListeners = function removeEventListeners(events) {
+  Object.entries(events).forEach(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      eventType = _ref4[0],
+      handler = _ref4[1];
+    document.removeEventListener(eventType, handler);
+  });
+};
+
+export { addEventListeners, getInitialWidth, removeEventListeners, saveWidthToStorage };
+//# sourceMappingURL=resizable_utils.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js.map

@@ -0,0 +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;"}

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

@@ -1,6 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import React from 'react';
 import { TSelectProps } from './select_types';
-export declare const Select: {
-    ({ children, id, value, options, disabled, placeholder, hasSearch, searchPlaceholder, hasClearValueButton, innerAdditionalContent, enableLocalSearch, localSearchNotFoundContent, errors, onValueChange, onScroll, onSearch, onClose, hasError, ...props }: PropsWithChildren<TSelectProps>): React.JSX.Element;
-    displayName: string | undefined;
-};
+export declare const Select: React.ForwardRefExoticComponent<TSelectProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;

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

@@ -8,7 +8,7 @@ import { SelectTrigger } from './components/select_trigger.js';
 import { useSelectValue } from './hooks/use_select_value.js';
 
 var _excluded = ["children", "id", "value", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "enableLocalSearch", "localSearchNotFoundContent", "errors", "onValueChange", "onScroll", "onSearch", "onClose", "hasError"];
-var Select = function Select(_ref) {
+var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _selectedOption$value;
   var children = _ref.children,
     id = _ref.id,
@@ -66,6 +66,7 @@ var Select = function Select(_ref) {
   }, /*#__PURE__*/React__default.createElement(SelectTrigger, {
     id: id,
     hasError: hasError || !!(errors !== null && errors !== void 0 && errors.length),
+    ref: ref,
     clearValueButton: value && hasClearValueButton && onValueChange && (/*#__PURE__*/React__default.createElement("div", {
       onPointerDown: function onPointerDown(e) {
         return e.stopPropagation();
@@ -90,7 +91,7 @@ var Select = function Select(_ref) {
     enableLocalSearch: enableLocalSearch,
     localSearchNotFoundContent: localSearchNotFoundContent
   }));
-};
+});
 Select.displayName = Root.displayName;
 
 export { Select };

package/build/esm/packages/aurora/src/components/select/select.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;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/values_syncer/values_syncer.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TValuesSyncerProps } from './values_syncer_types';
-export declare const ValuesSyncer: <T>({ firstControl, secondControl, firstValue, secondValue, isLocked, onLock, disableLockButton, onChange, className }: TValuesSyncerProps<T>) => React.JSX.Element;
+export declare const ValuesSyncer: React.ForwardRefExoticComponent<TValuesSyncerProps<unknown> & React.RefAttributes<HTMLDivElement>>;