@dreamcommerce/aurora 3.0.0-281 → 3.0.0-283
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js +5 -4
- package/build/cjs/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.js +2 -1
- package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +1 -1
- package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js +5 -4
- package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js +2 -1
- package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +1 -1
- package/build/index.css +1 -1
- package/package.json +2 -2
|
@@ -25,17 +25,18 @@ var UploadedImagePickerItem = function UploadedImagePickerItem(_ref) {
|
|
|
25
25
|
var imageWidth = imageSize && imageSize.width;
|
|
26
26
|
var imageHeight = imageSize && imageSize.height;
|
|
27
27
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
28
|
-
className:
|
|
28
|
+
className: "aurora-flex aurora-justify-between aurora-items-center aurora-pt-2 aurora-px-1 aurora-gap-1"
|
|
29
29
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
30
|
-
className:
|
|
30
|
+
className: "aurora-text-xs aurora-text-subtle aurora-overflow-hidden aurora-text-ellipsis"
|
|
31
31
|
}, isValid && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, imageName, ".".concat(imageExtension, " (").concat(imageWidth, "x").concat(imageHeight, "px)")))), /*#__PURE__*/React__default['default'].createElement("button", {
|
|
32
32
|
"data-test-id": "image-picker-remove-button",
|
|
33
33
|
onClick: onFileDelete,
|
|
34
|
-
className:
|
|
34
|
+
className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
|
|
35
|
+
type: "button"
|
|
35
36
|
}, /*#__PURE__*/React__default['default'].createElement(delete_bin_icon.DeleteBinLineIcon, {
|
|
36
37
|
className: "aurora-w-4 aurora-h-4 aurora-fill-danger"
|
|
37
38
|
}), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
38
|
-
className:
|
|
39
|
+
className: "aurora-text-xs aurora-text-danger aurora-font-semibold"
|
|
39
40
|
}, "".concat(t('Remove')))));
|
|
40
41
|
};
|
|
41
42
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -24,6 +24,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
|
|
|
24
24
|
setVisibleClass = _useState4[1];
|
|
25
25
|
var _useModalsContext = use_modals_context.useModalsContext(),
|
|
26
26
|
openedModals = _useModalsContext.openedModals;
|
|
27
|
+
var rootElement = document.body.querySelector('main') || document.body;
|
|
27
28
|
React.useEffect(function () {
|
|
28
29
|
var showWrapperTimeout;
|
|
29
30
|
if (openedModals.length) {
|
|
@@ -46,7 +47,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
|
|
|
46
47
|
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
47
48
|
id: modal_constants.MODALS_CONTENT_ID,
|
|
48
49
|
className: "aurora-flex aurora-items-center aurora-justify-center aurora-z-30"
|
|
49
|
-
}))), children),
|
|
50
|
+
}))), children), rootElement);
|
|
50
51
|
};
|
|
51
52
|
|
|
52
53
|
exports.ModalsWrapper = ModalsWrapper;
|
|
@@ -1 +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;"}
|
|
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;"}
|
|
@@ -46,7 +46,7 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
|
|
|
46
46
|
});
|
|
47
47
|
return /*#__PURE__*/React__default['default'].createElement("aside", _rollupPluginBabelHelpers.objectSpread2({
|
|
48
48
|
"aria-expanded": open,
|
|
49
|
-
className: cn.cn('aurora-relative'),
|
|
49
|
+
className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200'),
|
|
50
50
|
style: {
|
|
51
51
|
width: open ? width : 0,
|
|
52
52
|
maxWidth: open ? width : 0,
|
|
@@ -103,7 +103,7 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
|
|
|
103
103
|
}, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("aside", {
|
|
104
104
|
onScroll: onScroll,
|
|
105
105
|
ref: sidebarRef,
|
|
106
|
-
className: cn.cn(' aurora-w-full aurora-h-full -aurora-translate-x-full aurora-overflow-auto custom-scrollbar', {
|
|
106
|
+
className: cn.cn(' aurora-w-full aurora-h-full -aurora-translate-x-full aurora-duration-300 aurora-transition-[transform] aurora-overflow-auto custom-scrollbar', {
|
|
107
107
|
'aurora-translate-x-full': side === sidebar_constants.SIDEBAR_SIDE.right,
|
|
108
108
|
'-aurora-translate-x-full': side === sidebar_constants.SIDEBAR_SIDE.left
|
|
109
109
|
}, className)
|
|
@@ -17,17 +17,18 @@ var UploadedImagePickerItem = function UploadedImagePickerItem(_ref) {
|
|
|
17
17
|
var imageWidth = imageSize && imageSize.width;
|
|
18
18
|
var imageHeight = imageSize && imageSize.height;
|
|
19
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
className:
|
|
20
|
+
className: "aurora-flex aurora-justify-between aurora-items-center aurora-pt-2 aurora-px-1 aurora-gap-1"
|
|
21
21
|
}, /*#__PURE__*/React.createElement("div", {
|
|
22
|
-
className:
|
|
22
|
+
className: "aurora-text-xs aurora-text-subtle aurora-overflow-hidden aurora-text-ellipsis"
|
|
23
23
|
}, isValid && (/*#__PURE__*/React.createElement(React.Fragment, null, imageName, ".".concat(imageExtension, " (").concat(imageWidth, "x").concat(imageHeight, "px)")))), /*#__PURE__*/React.createElement("button", {
|
|
24
24
|
"data-test-id": "image-picker-remove-button",
|
|
25
25
|
onClick: onFileDelete,
|
|
26
|
-
className:
|
|
26
|
+
className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
|
|
27
|
+
type: "button"
|
|
27
28
|
}, /*#__PURE__*/React.createElement(DeleteBinLineIcon, {
|
|
28
29
|
className: "aurora-w-4 aurora-h-4 aurora-fill-danger"
|
|
29
30
|
}), /*#__PURE__*/React.createElement("span", {
|
|
30
|
-
className:
|
|
31
|
+
className: "aurora-text-xs aurora-text-danger aurora-font-semibold"
|
|
31
32
|
}, "".concat(t('Remove')))));
|
|
32
33
|
};
|
|
33
34
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -16,6 +16,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
|
|
|
16
16
|
setVisibleClass = _useState4[1];
|
|
17
17
|
var _useModalsContext = useModalsContext(),
|
|
18
18
|
openedModals = _useModalsContext.openedModals;
|
|
19
|
+
var rootElement = document.body.querySelector('main') || document.body;
|
|
19
20
|
useEffect(function () {
|
|
20
21
|
var showWrapperTimeout;
|
|
21
22
|
if (openedModals.length) {
|
|
@@ -38,7 +39,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
|
|
|
38
39
|
}), /*#__PURE__*/React.createElement("div", {
|
|
39
40
|
id: MODALS_CONTENT_ID,
|
|
40
41
|
className: "aurora-flex aurora-items-center aurora-justify-center aurora-z-30"
|
|
41
|
-
}))), children),
|
|
42
|
+
}))), children), rootElement);
|
|
42
43
|
};
|
|
43
44
|
|
|
44
45
|
export { ModalsWrapper };
|
|
@@ -1 +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;"}
|
|
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;"}
|
|
@@ -38,7 +38,7 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
38
38
|
});
|
|
39
39
|
return /*#__PURE__*/React.createElement("aside", _objectSpread2({
|
|
40
40
|
"aria-expanded": open,
|
|
41
|
-
className: cn('aurora-relative'),
|
|
41
|
+
className: cn('aurora-relative aurora-transition-all aurora-duration-200'),
|
|
42
42
|
style: {
|
|
43
43
|
width: open ? width : 0,
|
|
44
44
|
maxWidth: open ? width : 0,
|
|
@@ -95,7 +95,7 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
95
95
|
}, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("aside", {
|
|
96
96
|
onScroll: onScroll,
|
|
97
97
|
ref: sidebarRef,
|
|
98
|
-
className: cn(' aurora-w-full aurora-h-full -aurora-translate-x-full aurora-overflow-auto custom-scrollbar', {
|
|
98
|
+
className: cn(' aurora-w-full aurora-h-full -aurora-translate-x-full aurora-duration-300 aurora-transition-[transform] aurora-overflow-auto custom-scrollbar', {
|
|
99
99
|
'aurora-translate-x-full': side === SIDEBAR_SIDE.right,
|
|
100
100
|
'-aurora-translate-x-full': side === SIDEBAR_SIDE.left
|
|
101
101
|
}, className)
|