@antscorp/antsomi-ui 1.3.5-beta.267 → 1.3.5-beta.268

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { TRanking } from '../../atoms/InputDynamic/types';
 interface AlgorithmsSettingProps {
     isShowErrorAlert: boolean;
+    isHideRanking?: boolean;
     journeySettings: Record<string, any>;
     contentSourceGroupId: string;
     itemTypeId: number;

package/es/components/organism/AlgorithmsSetting/index.js

@@ -73,7 +73,7 @@ const styleGrid = {
 };
 export const AlgorithmsSetting = (props) => {
     var _a;
-    const { data, itemTypeId, itemTypeName, isShowErrorAlert, journeySettings, onChange } = props;
+    const { data, itemTypeId, isHideRanking, itemTypeName, isShowErrorAlert, journeySettings, onChange, } = props;
     // Translations
     const { t } = i18nInstance;
     // Selectors
@@ -757,9 +757,12 @@ export const AlgorithmsSetting = (props) => {
             });
         }
     };
-    return (React.createElement(AlgorithmsSettingWrapper, null,
-        React.createElement(SettingWrapper, { containerStyle: isCDP ? { justifyContent: 'flex-start' } : {}, label: t(translations.ranking.title), labelStyle: { fontWeight: isCDP ? 'normal' : 'bold', width: isCDP ? LABEL_WIDTH : 'auto' }, labelColor: isCDP ? (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorText : undefined },
-            React.createElement(RadioGroup, { options: Object.values(RANKING_TYPE), value: ranking.type, onChange: onChangeType })),
+    return (React.createElement(AlgorithmsSettingWrapper, { style: { marginTop: isHideRanking ? -20 : 0 } },
+        !isHideRanking && (React.createElement(SettingWrapper, { containerStyle: isCDP ? { justifyContent: 'flex-start' } : {}, label: t(translations.ranking.title), labelStyle: {
+                fontWeight: isCDP ? 'normal' : 'bold',
+                width: isCDP ? LABEL_WIDTH : 'auto',
+            }, labelColor: isCDP ? (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorText : undefined },
+            React.createElement(RadioGroup, { options: Object.values(RANKING_TYPE), value: ranking.type, onChange: onChangeType }))),
         ranking.type === RANKING_TYPE.ALGORITHMS.value ? (React.createElement(StyledTabs, { defaultActiveKey: activeTab, activeKey: activeTab, onChange: onChangeTabs, destroyInactiveTabPane: true }, Object.values(ALGORITHM_TABS)
             .filter(({ value }) => {
             if (itemTypeId === PRODUCT_ITEM_TYPE_ID || itemTypeName === ITEM_TYPE_NAME.ARTICLE) {

package/es/components/organism/ContentSources/Content.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import { TContentSourceGroup, UpdateGroupAction } from './types';
+import { HideOptionTypes, TContentSourceGroup, UpdateGroupAction } from './types';
 import { FallbackBO } from '@antscorp/antsomi-ui/es/models/FallbackBO';
 export type TProps = {
     groups: TContentSourceGroup[];
     isLoadingListBO: boolean;
     listBO: any;
+    hideOptionTypes?: HideOptionTypes;
     onChange?: (contentSources: TContentSourceGroup[]) => void;
     expanded?: string[];
     onDeleteGroup?: (groupId: string) => void;

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

@@ -25,7 +25,7 @@ const defaultProps = {
 };
 const Content = (props = defaultProps) => {
     // prettier-ignore
-    const { groups, isLoadingListBO, listBO, onChangeGroup, onChangeExpand, expanded, isShowErrorAlert, listFallbackBO, journeySettings, onDeleteGroup } = props;
+    const { groups, isLoadingListBO, listBO, onChangeGroup, onChangeExpand, expanded, isShowErrorAlert, hideOptionTypes, listFallbackBO, journeySettings, onDeleteGroup } = props;
     const { t } = i18nInstance;
     const mode = useSelectModeView();
     const isCDP = mode === 'CDP';
@@ -69,7 +69,7 @@ const Content = (props = defaultProps) => {
                 }, onClick: (e) => handleOnDeleteGroup(e, group.groupId), type: "icon-ants-outline-delete", size: 20 })));
     };
     return (React.createElement(Collapse, { ghost: true, bordered: true, activeKey: expanded, expandIconPosition: "end", onChange: handleOnChangeExpand, destroyInactivePanel: true, rootClassName: "no-border-top" }, groups.map((group, index) => {
-        const groupNode = (React.createElement(Group, { data: group, groupNames: groupNames, isLoadingSelectBO: isLoadingListBO, listBO: listBO, onChange: onChangeGroup, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, listFallbackBO: listFallbackBO }));
+        const groupNode = (React.createElement(Group, { data: group, hideOptionTypes: hideOptionTypes, groupNames: groupNames, isLoadingSelectBO: isLoadingListBO, listBO: listBO, onChange: onChangeGroup, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, listFallbackBO: listFallbackBO }));
         if (isCDP) {
             return React.createElement(React.Fragment, { key: group.groupId }, groupNode);
         }

package/es/components/organism/ContentSources/Group.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { TContentSourceGroup, UpdateGroupAction } from './types';
+import { HideOptionTypes, TContentSourceGroup, UpdateGroupAction } from './types';
 import { FallbackBO } from '@antscorp/antsomi-ui/es/models/FallbackBO';
 type TProps = {
     data: TContentSourceGroup;
     listBO: any[];
+    hideOptionTypes?: HideOptionTypes;
     isLoadingSelectBO: boolean;
     onChange?: (groupId: string, action: UpdateGroupAction) => void;
     isShowErrorAlert: boolean;

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

@@ -31,7 +31,7 @@ const cdpStyle = {
 };
 const Group = (props) => {
     var _a, _b;
-    const { data, isLoadingSelectBO, listBO, listFallbackBO, isShowErrorAlert, journeySettings, onChange, } = props;
+    const { data, isLoadingSelectBO, listBO, listFallbackBO, hideOptionTypes, isShowErrorAlert, journeySettings, onChange, } = props;
     const { itemTypeId, filters, level, itemTypeName } = data;
     const mode = useSelectModeView();
     const isCDP = mode === 'CDP';
@@ -78,6 +78,10 @@ const Group = (props) => {
         return listFallback;
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [listFallbackBO, itemTypeName]);
+    const isShowLevelSetting = useMemo(() => itemTypeId === PRODUCT_ITEM_TYPE_ID &&
+        relationship &&
+        !!(relationship === null || relationship === void 0 ? void 0 : relationship.enabled) &&
+        !(hideOptionTypes === null || hideOptionTypes === void 0 ? void 0 : hideOptionTypes.level), [hideOptionTypes === null || hideOptionTypes === void 0 ? void 0 : hideOptionTypes.level, itemTypeId, relationship]);
     useDeepCompareEffect(() => {
         var _a;
         if (!isEmpty(relationship)) {
@@ -105,18 +109,18 @@ const Group = (props) => {
                 type: 'BO_TYPE',
                 payload: { itemTypeId: value },
             }), errorArchive: isCheckBOArchiveDelete(listBO, itemTypeId) }),
-        itemTypeId === PRODUCT_ITEM_TYPE_ID && relationship && !!(relationship === null || relationship === void 0 ? void 0 : relationship.enabled) && (React.createElement(LevelSetting, { value: level || 'parent', levelOption: relationship.recommendation_level, onChange: e => {
+        isShowLevelSetting && (React.createElement(LevelSetting, { value: level || 'parent', levelOption: relationship.recommendation_level, onChange: e => {
                 handleChange({
                     type: 'LEVEL',
                     payload: { level: e.target.value },
                 });
             } })),
         itemTypeId && (React.createElement(React.Fragment, null,
-            React.createElement(FilterSetting, { boId: itemTypeId, filters: filters, onOKChangeFilter: (conditions) => handleChange({
+            !(hideOptionTypes === null || hideOptionTypes === void 0 ? void 0 : hideOptionTypes.filter) && (React.createElement(FilterSetting, { boId: itemTypeId, filters: filters, onOKChangeFilter: (conditions) => handleChange({
                     type: 'FILTER',
                     payload: { conditions },
-                }) }),
-            React.createElement(AlgorithmsSetting, { journeySettings: journeySettings, contentSourceGroupId: data.groupId, isShowErrorAlert: isShowErrorAlert, itemTypeId: itemTypeId, data: data.ranking, onChange: (value) => handleChange({
+                }) })),
+            React.createElement(AlgorithmsSetting, { journeySettings: journeySettings, contentSourceGroupId: data.groupId, isHideRanking: hideOptionTypes === null || hideOptionTypes === void 0 ? void 0 : hideOptionTypes.ranking, isShowErrorAlert: isShowErrorAlert, itemTypeId: itemTypeId, data: data.ranking, onChange: (value) => handleChange({
                     type: 'ALGORITHMS',
                     payload: { ranking: value },
                 }), itemTypeName: itemTypeName }),

package/es/components/organism/ContentSources/Settings.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import type { TServiceAuth } from '@antscorp/antsomi-ui/es/types';
-import type { ContentSourceModeView, JourneySettings, TContentSourceSettings } from './types';
+import type { ContentSourceModeView, HideOptionTypes, JourneySettings, TContentSourceSettings } from './types';
 interface SettingsProps {
     serviceAuth: TServiceAuth;
     mode: ContentSourceModeView;
+    hideOptionTypes?: HideOptionTypes;
     onChange: (contentSource: TContentSourceSettings) => void;
     initValue?: TContentSourceSettings;
     isShowErrorAlert: boolean;

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

@@ -36,7 +36,7 @@ import { deleteContentSourceGroup, setContentSourceGroup, setContentSourceGroupB
 import { handleError } from '@antscorp/antsomi-ui/es/utils';
 const PATH = 'src/components/organism/ContentSources/Settings.tsx';
 const Settings = (props) => {
-    const { serviceAuth, mode, isShowErrorAlert, initValue, journeySettings, onChange } = props;
+    const { serviceAuth, mode, isShowErrorAlert, initValue, journeySettings, hideOptionTypes, onChange, } = props;
     const { url = '', userId, token, accountId } = serviceAuth;
     const { t } = i18nInstance;
     const boIdByGroupCS = useSelectBoIdByGroupFromCS();
@@ -280,7 +280,7 @@ const Settings = (props) => {
         }
     }, [contentSourcesDebounce]);
     return (React.createElement(ContentContainer, { className: "contentsource-container" },
-        React.createElement(Content, { isLoadingListBO: isLoadingListBO || isLoadingDataTableBO, listBO: listBO, groups: groups, expanded: expanded, onChangeExpand: expanded => {
+        React.createElement(Content, { isLoadingListBO: isLoadingListBO || isLoadingDataTableBO, hideOptionTypes: hideOptionTypes, listBO: listBO, groups: groups, expanded: expanded, onChangeExpand: expanded => {
                 contentSourceDispatch({
                     type: 'EXPANDED',
                     payload: {

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

@@ -1,10 +1,11 @@
 import React from 'react';
 import { TServiceAuth } from '@antscorp/antsomi-ui/es/types';
-import { ContentSourceModeView, JourneySettings, TContentSourceSettings } from './types';
+import { ContentSourceModeView, HideOptionTypes, JourneySettings, TContentSourceSettings } from './types';
 export interface ContentSourceProps {
     useQueryClient: boolean;
     serviceAuth: TServiceAuth;
     isShowErrorAlert: boolean;
+    hideOptionTypes?: HideOptionTypes;
     mode: ContentSourceModeView;
     initValue?: TContentSourceSettings;
     onChange: (contentSource: TContentSourceSettings) => void;

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

@@ -11,6 +11,11 @@ import { JOURNEY_SETTINGS_DEFAULT } from './constants';
 const defaultProps = {
     useQueryClient: true,
     isShowErrorAlert: false,
+    hideOptionTypes: {
+        filter: false,
+        level: false,
+        ranking: false,
+    },
     journeySettings: JOURNEY_SETTINGS_DEFAULT,
     mode: 'CDP',
     onChange: () => { },
@@ -22,12 +27,12 @@ const defaultProps = {
     },
 };
 const ContentSource = (props) => {
-    const { useQueryClient, serviceAuth, mode, isShowErrorAlert, initValue, journeySettings, onChange, } = props;
+    const { useQueryClient, serviceAuth, mode, isShowErrorAlert, initValue, hideOptionTypes, journeySettings, onChange, } = props;
     if (!useQueryClient)
-        return (React.createElement(Settings, { mode: mode, initValue: initValue, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }));
+        return (React.createElement(Settings, { mode: mode, initValue: initValue, hideOptionTypes: hideOptionTypes, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }));
     return (React.createElement(QueryClientProviderAntsomiUI, { client: queryClientAntsomiUI },
         React.createElement(ContentSourceProvider, null,
-            React.createElement(Settings, { mode: mode, initValue: initValue, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }))));
+            React.createElement(Settings, { mode: mode, initValue: initValue, hideOptionTypes: hideOptionTypes, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }))));
 };
 ContentSource.defaultProps = defaultProps;
 export default memo(ContentSource);

package/es/components/organism/ContentSources/types.d.ts

@@ -44,6 +44,11 @@ export type TContentSourceSettings = {
     expanded: string[];
     isLoadingDataBO: boolean;
 };
+export interface HideOptionTypes {
+    filter?: boolean;
+    level?: boolean;
+    ranking?: boolean;
+}
 export type TRelationship = {
     enabled: 1 | 0;
     parent_attr: string;

package/package.json

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