@antscorp/antsomi-ui 1.3.5-beta.676 → 1.3.5-beta.678

package/es/components/molecules/DatePicker/components/AdvancedPicker/AdvancedPicker.js

@@ -64,6 +64,8 @@ export const AdvancedPicker = props => {
         },
         date: dayjs().tz(timezone).format(format),
         dateDisplay: dayjs().tz(timezone).format(format),
+        // date: dayjs(propsDate).tz(timezone).format(format),
+        // dateDisplay: dayjs(propsDate).tz(timezone).format(format),
     });
     const { isOpen, option, date, dateDisplay } = state;
     const isShowFixed = option.dateType.value === 'fixed' || onlyShowFixed;
@@ -146,9 +148,17 @@ export const AdvancedPicker = props => {
         }
     }, [option, format, timezone]);
     useDeepCompareEffect(() => {
+        const DEFAULT_OPTION = onlyShowFixed
+            ? {
+                dateType: 'fixed',
+                calculationDate: 'days',
+                calculationType: 'minus',
+                value: 0,
+            }
+            : {};
         try {
-            if (propsOption) {
-                const { dateType, calculationType, calculationDate, value = 0 } = propsOption || {};
+            if (propsOption || onlyShowFixed) {
+                const { dateType, calculationType, calculationDate, value = 0, } = propsOption || DEFAULT_OPTION;
                 const newDateTypes = DATE_TYPES;
                 const newDateType = newDateTypes.find(dType => dType.value === dateType);
                 const newCalculationType = CALCULATION_TYPES.find(calType => calType.value === calculationType);

package/es/components/molecules/UploadImage/index.js

@@ -345,7 +345,7 @@ export const UploadImage = props => {
                 React.createElement(Input, { label: mode === 'video' ? 'Video URL' : 'Image URL', required: required, placeholder: placeholder, value: selectedMedia.url ? selectedMedia.url : '', focused: focused, onAfterChange: value => handleSelectMedia({
                         url: value,
                     }) }))))),
-        React.createElement(Modal, { title: labelModalDelete, visible: isOpenConfirmDelete, onOk: () => handleRemoveUploadedMedia(deleteMediaRef.current, false), onCancel: () => setOpenConfirmDelete(prev => !prev), okText: "OK", cancelText: "Cancel", destroyOnClose: true },
+        React.createElement(Modal, { title: labelModalDelete, open: isOpenConfirmDelete, onOk: () => handleRemoveUploadedMedia(deleteMediaRef.current, false), onCancel: () => setOpenConfirmDelete(prev => !prev), okText: "OK", cancelText: "Cancel", destroyOnClose: true },
             React.createElement("p", null,
                 "Are you sure you want to delete ", (_d = deleteMediaRef.current) === null || _d === void 0 ? void 0 :
                 _d.name,

package/es/providers/ConfigProvider/GlobalStyle.js

@@ -50,18 +50,26 @@ export const GlobalStyle = () => {
 
       /* width */
       ::-webkit-scrollbar {
+        background: transparent !important;
         width: ${scrollBarSize} !important;
         height: ${scrollBarSize} !important;
       }
 
       /* Track */
       ::-webkit-scrollbar-track {
-        background: #fff !important;
+        background: transparent !important;
       }
 
       /* Handle */
       ::-webkit-scrollbar-thumb {
-        background: ${gray5};
+        background-color: transparent;
+        border-radius: 4px;
+      }
+
+      *:hover {
+        &::-webkit-scrollbar-thumb {
+          background-color: ${gray5} !important;
+        }
       }
 
       .rc-virtual-list {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.676",
+  "version": "1.3.5-beta.678",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",