@dreamcommerce/aurora 3.1.28 → 3.1.29

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

@@ -1,4 +1,4 @@
-import React, { forwardRef, useRef, useState, useEffect } from 'react';
+import React__default, { forwardRef, useRef, useState, useEffect } from 'react';
 import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Loader } from '../loader/loader.js';
@@ -29,7 +29,7 @@ var XhrImagePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _useTranslation2 = _slicedToArray(_useTranslation, 1),
     t = _useTranslation2[0];
   var httpApi = useHttpApi();
-  var pendingRequestRef = React.useRef();
+  var pendingRequestRef = React__default.useRef();
   var initialImageFile = useRef();
   var _useModalsContext = useModalsContext(),
     showModal = _useModalsContext.showModal,
@@ -187,17 +187,17 @@ var XhrImagePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   }, []);
   var renderImageEditor = function renderImageEditor(defaultProps) {
-    return ImageEditor ? (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps)))) : null;
+    return ImageEditor ? (/*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(ImageEditor, _objectSpread2({}, defaultProps)))) : null;
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-relative"
-  }, isLoading && (/*#__PURE__*/React.createElement("div", {
+  }, isLoading && (/*#__PURE__*/React__default.createElement("div", {
     className: "aurora-absolute aurora-z-30 aurora-h-full aurora-w-full"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-bg aurora-h-full aurora-w-full aurora-border aurora-border-dashed aurora-rounded-8 aurora-flex aurora-flex-col aurora-items-center aurora-justify-center"
-  }, /*#__PURE__*/React.createElement(Loader, null), /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement(Loader, null), /*#__PURE__*/React__default.createElement("span", {
     className: "aurora-text-subtle-light aurora-text-xs aurora-pt-2"
-  }, "".concat(t('Transfering file...')))))), /*#__PURE__*/React.createElement(ImagePicker, {
+  }, "".concat(t('Transfering file...')))))), /*#__PURE__*/React__default.createElement(ImagePicker, {
     id: id,
     name: name,
     onChange: handleControlChange,
@@ -207,7 +207,7 @@ var XhrImagePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     allowedExtensionsLabel: allowedExtensionsLabel,
     initialFile: initialImageFile.current,
     onImageSizeUpdated: onImageSizeUpdated,
-    topButtons: !!ImageEditor && imageExtenstion !== 'svg' && (/*#__PURE__*/React.createElement("button", {
+    topButtons: !!ImageEditor && imageExtenstion !== 'svg' && (/*#__PURE__*/React__default.createElement("button", {
       onClick: function onClick(e) {
         e.preventDefault();
         e.stopPropagation();
@@ -215,16 +215,16 @@ var XhrImagePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       },
       type: "button",
       className: "aurora-absolute aurora-top-2 aurora-right-2 aurora-z-10 aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-rounded-full aurora-px-3 aurora-py-[6px] aurora-bg"
-    }, /*#__PURE__*/React.createElement(ImageEditLineIcon, {
+    }, /*#__PURE__*/React__default.createElement(ImageEditLineIcon, {
       className: "aurora-w-4 aurora-h-4 aurora-fill"
-    }), /*#__PURE__*/React.createElement("span", {
+    }), /*#__PURE__*/React__default.createElement("span", {
       className: "aurora-text-xs aurora-text aurora-font-semibold"
     }, "".concat(t('Edit'))))),
     editedImageResult: imageEditorResult,
     ref: ref
-  })), !!ImageEditor && (/*#__PURE__*/React.createElement(Modal, {
+  })), !!ImageEditor && (/*#__PURE__*/React__default.createElement(Modal, {
     name: modalId,
-    header: /*#__PURE__*/React.createElement(React.Fragment, null, t('Edit image')),
+    header: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, t('Edit image')),
     width: "l"
   }, renderImageEditor({
     src: imageEditorSrc,

package/build/esm/packages/aurora/src/hooks/use_scroll.d.ts

@@ -2,4 +2,5 @@ import { RefObject } from 'react';
 export declare function useScroll(elRef: RefObject<HTMLDivElement | null>): {
     atTop: boolean;
     atBottom: boolean;
+    hasScroll: boolean;
 };

package/build/esm/packages/aurora/src/hooks/use_scroll.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useMemo } from 'react';
+import { useState, useEffect, useLayoutEffect, useMemo } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 
 function useScroll(elRef) {
@@ -10,6 +10,10 @@ function useScroll(elRef) {
     _useState4 = _slicedToArray(_useState3, 2),
     atBottom = _useState4[0],
     setAtBottom = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasScroll = _useState6[0],
+    setHasScroll = _useState6[1];
   useEffect(function () {
     var element = elRef.current;
     if (!element) return;
@@ -25,12 +29,35 @@ function useScroll(elRef) {
       return element.removeEventListener('scroll', handleScroll);
     };
   }, [elRef]);
+  useLayoutEffect(function () {
+    var element = elRef.current;
+    if (!element) return;
+    function getScroll() {
+      if (!element) return;
+      var hasScroll = element.scrollHeight > element.clientHeight;
+      setHasScroll(hasScroll);
+    }
+    var resizeObserver = new ResizeObserver(getScroll);
+    var mutationObserver = new MutationObserver(getScroll);
+    resizeObserver.observe(element);
+    mutationObserver.observe(element, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+    getScroll();
+    return function () {
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+    };
+  }, [elRef]);
   return useMemo(function () {
     return {
       atTop: atTop,
-      atBottom: atBottom
+      atBottom: atBottom,
+      hasScroll: hasScroll
     };
-  }, [atTop, atBottom]);
+  }, [atTop, atBottom, hasScroll]);
 }
 
 export { useScroll };

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

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

@@ -79,6 +79,7 @@ export { PopoverTrigger } from './components/popover/components/popover_trigger.
 export { LINK_DECORATION_TYPES, LINK_SIZE_TYPES, LINK_VARIANT_TYPES } from './components/link/link_constants.js';
 export { Link } from './components/link/link.js';
 export { useModalsContext } from './components/modal/hooks/use_modals_context.js';
+export { useScroll } from './hooks/use_scroll.js';
 export { Modal } from './components/modal/components/modal/modal.js';
 export { ModalsManager } from './components/modal/modals_manager.js';
 export { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from './components/message_box/message_box_constants.js';
@@ -113,7 +114,6 @@ export { XhrImagePickerControl } from './components/controls/xhr_image_picker_co
 export { ValuesSyncer } from './components/values_syncer/values_syncer.js';
 export { ValuesSyncerControl } from './components/controls/values_syncer_control/values_syncer_control.js';
 export { useToggle } from './hooks/use_toggle.js';
-export { useScroll } from './hooks/use_scroll.js';
 export { useTimeout } from './hooks/use_timeout.js';
 export { useResizeObserver } from './hooks/use_resize_observer.js';
 export { Tree } from './components/tree/tree.js';

package/build/esm/packages/aurora/tailwind.config.js

@@ -372,23 +372,35 @@ var tailwind_config = {
             opacity: '0'
           },
           to: {
-            oapcity: '1'
+            opacity: '0.7'
+          }
+        },
+        'modal-backdrop-fade-out': {
+          from: {
+            opacity: '0.7'
+          },
+          to: {
+            opacity: '0'
           }
         },
         'modal-slide-in': {
           from: {
-            transform: 'translate3d(0, -20vh, 0)'
+            opacity: '0',
+            transform: 'translate(-50%, calc(-20vh - 50%))'
           },
           to: {
-            transform: 'translate3d(0, 0, 0)'
+            opacity: '1',
+            transform: 'translate(-50%, -50%)'
           }
         },
         'modal-slide-out': {
           from: {
-            transform: 'translate3d(0, 0, 0)'
+            opacity: '1',
+            transform: 'translate(-50%, -50%)'
           },
           to: {
-            transform: 'translate3d(0, -20vh, 0)'
+            opacity: '0',
+            transform: 'translate(-50%, calc(-20vh - 50%))'
           }
         },
         'toast-slide-in-from-right': {
@@ -440,6 +452,7 @@ var tailwind_config = {
         'accordion-down': 'accordion-down 0.2s ease-out',
         'accordion-up': 'accordion-up 0.2s ease-out',
         'modal-backdrop-fade-in': 'modal-backdrop-fade-in 0.3s ease',
+        'modal-backdrop-fade-out': 'modal-backdrop-fade-out 0.3s ease',
         'modal-slide-in': 'modal-slide-in 0.2s ease',
         'modal-slide-out': 'modal-slide-out 0.2s ease',
         'toast-slide-in-from-right': 'toast-slide-in-from-right 0.15s ease-out',

package/build/esm/packages/aurora/tailwind.config.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,6CAAiD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6CAAiD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}