@antscorp/antsomi-ui 1.3.5-beta.138 → 1.3.5-beta.139

package/es/components/organism/ContentSources/Settings.js

@@ -1,6 +1,6 @@
 // Libraries
 import React, { memo, useEffect, useLayoutEffect, useState } from 'react';
-import { get, isArray, isEqual, set } from 'lodash';
+import { get, isArray, set } from 'lodash';
 // Locale
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
 import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
@@ -214,17 +214,20 @@ const Settings = (props) => {
     }, [isCDP, contentSourceDispatch, groups.length]);
     // init data
     useDeepCompareEffect(() => {
-        if (initValue && !isEqual(initValue, contentSources)) {
+        if (initValue) {
             contentSourceDispatch(updateContentSourceSettings(initValue));
+            if (isCDP) {
+                setIsInitDataCDPDone(true);
+            }
         }
-    }, [initValue, contentSources, contentSourceDispatch]);
+    }, [initValue, contentSourceDispatch, isCDP]);
     // callback data out
     useDeepCompareEffect(() => {
         if (typeof onChange === 'function') {
             onChange(contentSourcesDebounce);
         }
     }, [contentSourcesDebounce]);
-    return (React.createElement(ContentContainer, null,
+    return (React.createElement(ContentContainer, { className: "contentsource-container" },
         React.createElement(Content, { isLoadingListBO: isLoadingListBO, listBO: listBO, groups: groups, expanded: expanded, onChangeExpand: expanded => {
                 contentSourceDispatch({
                     type: 'EXPANDED',

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

@@ -3,4 +3,4 @@ export { Menu } from './Menu';
 export { PositionSetting, PositionSettingPopover } from './PositionSetting';
 export { Table, ExplorePivotTable, EXPLORE_PIVOT_TABLE_TEST_DATA } from './Table';
 export { GenerativeInsights } from './GenerativeInsights';
-export * from './ContentSources';
+export { default as ContentSources } from './ContentSources';

package/es/components/organism/index.js

@@ -3,4 +3,4 @@ export { Menu } from './Menu';
 export { PositionSetting, PositionSettingPopover } from './PositionSetting';
 export { Table, ExplorePivotTable, EXPLORE_PIVOT_TABLE_TEST_DATA } from './Table';
 export { GenerativeInsights } from './GenerativeInsights';
-export * from './ContentSources';
+export { default as ContentSources } from './ContentSources';

package/es/test.js

@@ -2,9 +2,10 @@
 import React, { useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import '@antscorp/icons/main.css';
-import { ConfigProvider, InputDynamic, } from './components';
+import { ConfigProvider, InputDynamic, SettingWrapper, UploadImage, } from './components';
 // Queries configs
 import ContentSource from './components/organism/ContentSources';
+import { queryClientAntsomiUI, QueryClientProviderAntsomiUI } from './queries';
 export const BACKGROUND_COLOR_STYLE = {
     SOLID: {
         value: 'color',
@@ -166,61 +167,31 @@ export const App = () => {
     //     />
     //   </div>
     // );
-    // return (
-    //   <QueryClientProviderAntsomiUI client={queryClientAntsomiUI}>
-    //     <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}
-    //         allowDynamicOptions={['addPersonalization', 'shortlink']}
-    //         value={valueShortlink}
-    //       />
-    //       <SettingWrapper vertical label="Background Image" containerStyle={{ gap: '20px' }}>
-    //         <UploadImage
-    //           domainMedia="https://sandbox-media-template.antsomi.com"
-    //           slug="cdp/api/v1"
-    //           labelButtonSelect="Select Toggle from Computor"
-    //           labelHeadingModal="Toggle Selection"
-    //           searchPlaceholder="Search toggle"
-    //           paramConfigs={{
-    //             token: '5474r2x214z294b423a4y474d4j5q274p4g494f4k5p5',
-    //             userId: '1600084695',
-    //             accountId: '1600084695',
-    //           }}
-    //           // title="Background Image"
-    //           selectedImage={{
-    //             url: 'https://th.bing.com/th?id=OSK.8664d1b5838c79a3d74a3e97739978b5&w=148&h=148&c=7&o=6&dpr=2&pid=SANGAM',
-    //           }}
-    //           onChangeImage={image =>
-    //             // onChangeSettings('backgroundImageObj', {
-    //             //   name: image.name,
-    //             //   previewUrl: image.url,
-    //             // })
-    //             {}
-    //           }
-    //           onRemoveImage={() => {
-    //             // onChangeSettings('backgroundImageObj', {
-    //             //   name: '',
-    //             //   previewUrl: '',
-    //             // });
-    //           }}
-    //         />
-    //       </SettingWrapper>
-    //     </div>
-    //   </QueryClientProviderAntsomiUI>
-    // );
+    return (React.createElement(QueryClientProviderAntsomiUI, { client: queryClientAntsomiUI },
+        React.createElement("div", { style: {
+                width: 500,
+                height: 500,
+                border: '1px solid black',
+                margin: '0 auto',
+                padding: 12,
+                borderRadius: '10px',
+            } },
+            React.createElement(InputDynamic, { errors: [], onChange: dataOut => setValueShortlink(dataOut), onError: () => { }, isViewMode: false, canMultipleLine: false, allowDynamicOptions: ['addPersonalization', 'shortlink'], value: valueShortlink }),
+            React.createElement(SettingWrapper, { vertical: true, label: "Background Image", containerStyle: { gap: '20px' } },
+                React.createElement(UploadImage, { domainMedia: "https://sandbox-media-template.antsomi.com", slug: "cdp/api/v1", labelButtonSelect: "Select Toggle from Computor", labelHeadingModal: "Toggle Selection", searchPlaceholder: "Search toggle", paramConfigs: {
+                        token: '5474r2x214z294b423a4y474d4j5q274p4g494f4k5p5',
+                        userId: '1600084695',
+                        accountId: '1600084695',
+                    }, 
+                    // title="Background Image"
+                    selectedImage: {
+                        url: 'https://th.bing.com/th?id=OSK.8664d1b5838c79a3d74a3e97739978b5&w=148&h=148&c=7&o=6&dpr=2&pid=SANGAM',
+                    }, onChangeImage: image => { }, onRemoveImage: () => {
+                        // onChangeSettings('backgroundImageObj', {
+                        //   name: '',
+                        //   previewUrl: '',
+                        // });
+                    } })))));
     // --------------------------- Test SlideBar end -------------------------------------------
     // ----------------------------  Test Input Dynamic start ------------------------------
     // return (
@@ -453,6 +424,36 @@ export const App = () => {
     //     <Slider className="test-classname" />
     //   </div>
     // );
+    // ------------------------ Template Listing test -------------------------
+    // return (
+    //   <div
+    //     style={{
+    //       height: '50vh',
+    //     }}
+    //   >
+    //     <TemplateListing
+    //       templatesProps={{
+    //         items: templateItems,
+    //         loading: isLoadingTemplateList,
+    //         onLoadMoreTemplates,
+    //       }}
+    //       categoryListingProps={{
+    //         loading: isLoadingCategoryList,
+    //         items: categoryItems,
+    //         checkedCategories,
+    //         openKeys: openCategoryKeys,
+    //         onOpenChange: onChangeOpenCategoryKeys,
+    //         onMenuChange: onChangeCheckedCategories,
+    //       }}
+    //       templateItemProps={{
+    //         removeModalProps: {
+    //           // onOk
+    //           onOk: onRemoveObjectTemplate,
+    //         },
+    //       }}
+    //     />
+    //   </div>
+    // );
 };
 const container = document.getElementById('root');
 const root = createRoot(container);

package/package.json

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