@antscorp/antsomi-ui 1.3.3-beta.92 → 1.3.3-beta.94

package/es/components/atoms/index.d.ts

@@ -31,9 +31,9 @@ export { Alert } from './Alert';
 export { ScrollBox } from './ScrollBox';
 export { Rate } from './Rate';
 export { SliderV2 } from './SliderV2';
+export { InputDynamic } from './InputDynamic';
 export * from './Flex';
 export * from './RateV2';
-export { InputDynamic } from './InputDynamic';
 export * from './PreviewTabs';
 export * from './MobileFrame';
 export * from './SlideBar';

package/es/components/atoms/index.js

@@ -31,9 +31,9 @@ export { Alert } from './Alert';
 export { ScrollBox } from './ScrollBox';
 export { Rate } from './Rate';
 export { SliderV2 } from './SliderV2';
+export { InputDynamic } from './InputDynamic';
 export * from './Flex';
 export * from './RateV2';
-export { InputDynamic } from './InputDynamic';
 export * from './PreviewTabs';
 export * from './MobileFrame';
 export * from './SlideBar';

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

@@ -307,7 +307,7 @@ export const AdvancedPicker = props => {
         };
         return (React.createElement("div", { style: contentStyle, ref: ref },
             React.createElement(DropdownHeader, { className: "dropdown-header" },
-                React.createElement(DropdownLabel, { valueType: valueType, date: date, format: format, type: type, showTime: showTime, operatorKey: operatorKey, formatInputDisplay: formatInputDisplay, dateType: option.dateType.value })),
+                React.createElement(DropdownLabel, { valueType: valueType, date: date, format: format, type: type, showTime: showTime, operatorKey: operatorKey, formatInputDisplay: formatInputDisplay })),
             React.createElement(DropdownContent, { className: "dropdown-content" },
                 renderDateTypeOptions(),
                 option.dateType.value === 'fixed' ? (React.createElement(React.Fragment, null,

package/es/components/molecules/DatePicker/components/DropdownLabel/DropdownLabel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TAdvancedType, TDateType, TOperatorKey, ValueTypes } from '../AdvancedPicker/types';
+import { TAdvancedType, TOperatorKey, ValueTypes } from '../AdvancedPicker/types';
 interface DropdownLabelProps {
     valueType?: ValueTypes;
     date?: string;
@@ -8,7 +8,6 @@ interface DropdownLabelProps {
     showTime?: boolean;
     operatorKey?: TOperatorKey;
     formatInputDisplay?: string;
-    dateType?: TDateType;
 }
 export declare const DropdownLabel: React.FC<DropdownLabelProps>;
 export {};

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

@@ -8,7 +8,7 @@ import { ADVANCED_PICKER_TYPE, DEFAULT_DATE_FORMAT, HIDE_TIME_LABEL_ARR, QUARTER
 // Instance
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
 import { getFormatDisplay, getLabelQuarterRange } from '../AdvancedPicker/utils';
-export const DropdownLabel = React.memo(({ valueType, date, format, type, showTime, operatorKey, formatInputDisplay, dateType }) => {
+export const DropdownLabel = React.memo(({ valueType, date, format, type, showTime, operatorKey, formatInputDisplay }) => {
     var _a;
     const { t } = i18nInstance;
     const title = (_a = Object.values(ADVANCED_PICKER_TYPE).find(({ value }) => value === type)) === null || _a === void 0 ? void 0 : _a.label;
@@ -31,11 +31,14 @@ export const DropdownLabel = React.memo(({ valueType, date, format, type, showTi
             const dayObj = dayjs(date || new Date(), format).locale('en');
             // const dayObj = dayjs(date || new Date(), format).locale(locale || 'en');
             formatLabel = `${WEEK_PLACEHOLDER}W, YYYY`;
-            subLabel = `${dayjs(dayObj)
-                .day(['today', 'first_day_of_week_mon_sun'].includes(dateType || '') ? 1 : 0)
-                .format('MMMM DD, YYYY')} - ${dayjs(dayObj)
-                .day(['today', 'first_day_of_week_mon_sun'].includes(dateType || '') ? 7 : 6)
+            subLabel = `${dayjs(dayObj).day(0).format('MMMM DD, YYYY')} - ${dayjs(dayObj)
+                .day(6)
                 .format('MMMM DD, YYYY')}`;
+            // subLabel = `${dayjs(dayObj)
+            //   .day(['today', 'first_day_of_week_mon_sun'].includes(dateType || '') ? 1 : 0)
+            //   .format('MMMM DD, YYYY')} - ${dayjs(dayObj)
+            //   .day(['today', 'first_day_of_week_mon_sun'].includes(dateType || '') ? 7 : 6)
+            //   .format('MMMM DD, YYYY')}`;
             break;
         }
         case 'YEAR_MONTH_DAY_HOUR':

package/es/components/molecules/EditorScript/EditorScript.js

@@ -71,7 +71,7 @@ export const EditorScript = props => {
                         transform: 'scaleX(-1)',
                     } }),
                 t(translations.expandEditor.title)))),
-        React.createElement(Modal, { visible: isExpandEditor, title: expandModalLabel, onCancel: onCancelModal, centered: true, width: 1000, footer: React.createElement(Button, { onClick: onCancelModal }, t(translations.close)) }, renderAceEditor('500px'))));
+        React.createElement(Modal, { visible: isExpandEditor, title: expandModalLabel, onCancel: onCancelModal, centered: true, width: 1000, footer: React.createElement(Button, { onClick: onCancelModal }, t(translations.close.title)) }, renderAceEditor('500px'))));
 };
 EditorScript.defaultProps = {
     expandModalLabel: 'Editor Script',

package/es/components/molecules/PreviewModal/PreviewModal.js

@@ -25,6 +25,6 @@ export const PreviewModal = props => {
         React.createElement(ModalHeader, { className: modalHeaderClassName },
             React.createElement(Button, { className: "close-btn", onClick: onCancel },
                 React.createElement(Icon, { type: "icon-ants-remove-slim", size: 12 }),
-                t(translations.close))),
+                t(translations.close.title))),
         React.createElement(ModalBody, { className: modalBodyClassName }, children)));
 };

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

@@ -11,7 +11,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 /* eslint-disable @typescript-eslint/no-use-before-define */
 /* eslint-disable react-hooks/exhaustive-deps */
 // Libraries
-import React, { lazy, Suspense, useEffect, useState, useRef } from 'react';
+import React, { lazy, useEffect, useState, useRef } from 'react';
 import Upload from 'antd/lib/upload';
 // Hooks
 import { useDeepCompareEffect } from '@antscorp/antsomi-ui/es/hooks';
@@ -136,8 +136,7 @@ export const UploadImage = props => {
         var _a;
         return (React.createElement(WrapperListImages, { className: "ants-group", key: idx },
             React.createElement(Boxed, null,
-                React.createElement(Suspense, { fallback: React.createElement(Image, { src: PlaceholderImage, alt: "fallback image" }) },
-                    React.createElement(LazyThumbnail, { mode: mode, media: media })),
+                React.createElement(Image, { src: mode === 'video' ? media.thumbnail : media.url, alt: "img", loading: "lazy" }),
                 React.createElement(WrapperBtn, { className: "group-hover" },
                     React.createElement(Button, { onClick: () => handleSelectMedia(media), style: { backgroundColor: 'rgb(255,255,255)' } }, "USE"),
                     React.createElement(Button, { onClick: () => handleRemoveUploadedMedia(media), style: { backgroundColor: 'rgb(255,255,255)' } },
@@ -249,6 +248,7 @@ export const UploadImage = props => {
                         name: data.fileName,
                         properties: {
                             url: data.url,
+                            thumbnail: data.thumbnail || '',
                             file: data.file,
                             extension: data.extension,
                             dimensions_file: data.dimensionsFile,

package/es/locales/en/translation.json

@@ -14,8 +14,8 @@
             "firstDayOfMonth": "First day of this month",
             "firstDayOfQuarter": "First day of this quarter",
             "firstDayOfYear": "First day of this year",
-            "lastDayOfWeekMonSun": "Last day of this week (Mon - Sun)",
-            "lastDayOfWeekSunSat": "Last day of this week (Sun - Sat)",
+            "lastDayOfWeekMonSun": "First day of this week (Mon - Sun)",
+            "lastDayOfWeekSunSat": "First day of this week (Sun - Sat)",
             "lastDayOfMonth": "Last day of this month",
             "lastDayOfQuarter": "Last day of this quarter",
             "lastDayOfYear": "Last day of this year",
@@ -34,6 +34,10 @@
         "title": "Edit",
         "description": ""
     },
+    "close": {
+        "title": "Close",
+        "description": ""
+    },
     "duplicate": {
         "title": "Duplicate"
     },
@@ -224,6 +228,5 @@
         "ninth": "Ninth",
         "tenth": "Tenth"
     },
-    "close": "Close",
     "cellAction": "Click to add image"
 }

package/es/locales/i18n.d.ts

@@ -36,6 +36,10 @@ export declare const translationsJson: {
                 title: string;
                 description: string;
             };
+            close: {
+                title: string;
+                description: string;
+            };
             duplicate: {
                 title: string;
             };
@@ -226,7 +230,6 @@ export declare const translationsJson: {
                 ninth: string;
                 tenth: string;
             };
-            close: string;
             cellAction: string;
         };
     };

package/es/locales/translations.d.ts

@@ -36,6 +36,10 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         title: string;
         description: string;
     };
+    close: {
+        title: string;
+        description: string;
+    };
     duplicate: {
         title: string;
     };
@@ -226,7 +230,6 @@ export declare const convertLanguageJsonToObject: (json: any, objToConvertTo?: C
         ninth: string;
         tenth: string;
     };
-    close: string;
     cellAction: string;
 }>, current?: string) => void;
 export declare const t: (id: string, ...rest: any[]) => [string, ...any[]];

package/es/models/SavedMedia.d.ts

@@ -6,6 +6,7 @@ export type TSavedMedia = {
     name: string;
     properties: {
         url: string;
+        thumbnail: string;
         size: number;
         file: {
             path: string;
@@ -26,6 +27,7 @@ export declare class SavedMedia extends Model<TSavedMedia> {
     get id(): string;
     get name(): string;
     get url(): string;
+    get thumbnail(): string;
     get createdAt(): moment.Moment | null;
     get size(): number;
     get sizeString(): string;

package/es/models/SavedMedia.js

@@ -11,6 +11,10 @@ export class SavedMedia extends Model {
         var _a;
         return ((_a = this.model.properties) === null || _a === void 0 ? void 0 : _a.url) || '';
     }
+    get thumbnail() {
+        var _a;
+        return ((_a = this.model.properties) === null || _a === void 0 ? void 0 : _a.thumbnail) || '';
+    }
     get createdAt() {
         return moment(this.model.ctime, true).isValid() ? moment(this.model.ctime) : null;
     }

package/es/models/Upload.d.ts

@@ -1,6 +1,7 @@
 import { Model } from './model';
 type TUpload = {
     url: string;
+    thumbnail: string;
     file: {
         path: string;
     };
@@ -20,6 +21,7 @@ export declare class Upload extends Model<TUpload> {
         path: string;
     } | undefined;
     get url(): string;
+    get thumbnail(): string | undefined;
     get extension(): string;
     get dimensionsFile(): {
         height: number;

package/es/models/Upload.js

@@ -9,6 +9,9 @@ export class Upload extends Model {
     get url() {
         return this.model.url || '';
     }
+    get thumbnail() {
+        return this.model.thumbnail;
+    }
     get extension() {
         return this.model.extension || '';
     }

package/es/services/MediaTemplateDesign/UploadFile/index.js

@@ -78,6 +78,7 @@ export const uploadFile = (domainUrl, slug, infos, files) => __awaiter(void 0, v
             ? uploadData.map((file) => new Upload({
                 url: file.url,
                 file: file.file,
+                thumbnail: file.thumbnail || '',
                 extension: file.extension,
                 dimensions_file: file.dimensions_file,
                 size: file.size,

package/es/test.js

@@ -157,6 +157,29 @@ export const App = () => {
                         //   previewUrl: '',
                         // });
                     } })))));
+    // --------------------------- Test SlideBar end -------------------------------------------
+    // ----------------------------  Test Input Dynamic start ------------------------------
+    // return (
+    //   <div
+    //     style={{
+    //       width: 500,
+    //       height: 500,
+    //       border: '1px solid black',
+    //       margin: '0 auto',
+    //       padding: 12,
+    //       borderRadius: '10px',
+    //     }}
+    //   >
+    //     <InputDynamic
+    //       errors={[]}
+    //       onChange={dataOut => setValueShortlink(dataOut)}
+    //       onError={() => {}}
+    //       isViewMode={false}
+    //       canMultipleLine={false}
+    //       value={valueShortlink}
+    //     />
+    //   </div>
+    // );
     // ----------------------------  Test Input Dynamic End ------------------------------
     // ----------------------------  Test Helps Start ------------------------------
     // return (

package/es/types/index.d.ts

@@ -14,10 +14,10 @@ export type TConfigErrorInfo = {
     priority?: 'low' | 'medium' | 'high';
     from?: 'try-catch' | 'error-boundary';
 };
+export * from './richMenu';
+export * from './variables';
 export type PayloadInfo = {
     userId?: string;
     token?: string;
     accountId?: string;
 };
-export * from './richMenu';
-export * from './variables';

package/package.json

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