@zohodesk/library-platform 1.1.11 → 1.1.12-exp.2

package/es/library/dot/legacy-to-new-arch/tag/frameworks/ui/TagView.js

@@ -0,0 +1,96 @@
+import React from 'react';
+import { TagConstants } from "../../../../../../cc/tag";
+import Tag from '@zohodesk/components/es/Tag/Tag';
+import ColoredTag from '@zohodesk-private/desk-components/es/ColoredTag/ColoredTag'; // @ts-ignore
+
+import style from "./Tag.module.css";
+
+function TagView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  let {
+    dispatch
+  } = helpers;
+  let {
+    id,
+    label,
+    color,
+    isDisabled,
+    iconName,
+    imageAltText,
+    imageSrc,
+    isRemovable,
+    cursor,
+    size,
+    tooltip
+  } = state.properties;
+
+  if (!!color) {
+    return /*#__PURE__*/React.createElement(ColoredTag, {
+      $data_id: id,
+      $data_text: label,
+      $data_color: color,
+      $event_onClick: id => {
+        dispatch({
+          type: TagConstants.TAG_CLICKED,
+          payload: {
+            id
+          }
+        });
+      },
+      $event_onRemove: isRemovable ? id => {
+        dispatch({
+          type: TagConstants.TAG_REMOVED,
+          payload: {
+            id
+          }
+        });
+      } : undefined,
+      customStyle: {
+        chip: cursor && !isDisabled ? style[`cursor_${cursor}`] : ''
+      },
+      $customProps_tag: {
+        getRef: ref,
+        disabled: isDisabled,
+        size,
+        tooltip
+      }
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(Tag, {
+    getRef: ref,
+    id: id,
+    text: label,
+    imageURL: imageSrc,
+    initial: imageAltText || label,
+    hasAvatar: !!imageSrc || !!imageAltText,
+    iconName: iconName,
+    size: size,
+    tooltip: tooltip,
+    disabled: isDisabled,
+    customClass: {
+      customTag: cursor && !isDisabled ? style[`cursor_${cursor}`] : ''
+    },
+    onSelectTag: id => {
+      dispatch({
+        type: TagConstants.TAG_CLICKED,
+        payload: {
+          id
+        }
+      });
+    },
+    onRemove: isRemovable ? id => {
+      dispatch({
+        type: TagConstants.TAG_REMOVED,
+        payload: {
+          id
+        }
+      });
+    } : undefined
+  });
+}
+
+export default TagView;

package/es/library/dot/legacy-to-new-arch/tags-list-dropdown/frameworks/ui/TagContractAdapter.js

@@ -0,0 +1,24 @@
+export default function TagContractAdapter(tag) {
+  const {
+    id,
+    label,
+    imageSrc,
+    imageAltText,
+    iconName,
+    iconSize,
+    disabled,
+    tooltip
+  } = tag;
+  return {
+    id,
+    text: label,
+    name: imageAltText,
+    imageUrl: imageSrc,
+    iconName,
+    iconSize,
+    customProps: {
+      disabled,
+      tooltip
+    }
+  };
+}

package/es/library/dot/legacy-to-new-arch/tags-list-dropdown/frameworks/ui/TagsListDropdown.js

@@ -0,0 +1,12 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import TagsListDropdownProperties from "../../../../../../cc/tags-list-dropdown/Properties";
+import TagsListDropdownEvents from "../../../../../../cc/tags-list-dropdown/Events";
+import TagsListDropdownView from "./TagsListDropdownView";
+let TagsListDropdown = createCustomComponent({
+  name: "TagsListDropdown",
+  View: TagsListDropdownView,
+  properties: TagsListDropdownProperties,
+  events: TagsListDropdownEvents,
+  eventHandlers: {}
+});
+export default TagsListDropdown;

package/es/library/dot/legacy-to-new-arch/tags-list-dropdown/frameworks/ui/TagsListDropdownView.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import TagsListDropdown from '@zohodesk-private/desk-components/es/TagsListDropdown/TagsListDropdown';
+import Constants from "../../../../../../cc/tags-list-dropdown/Constants";
+import TagContractAdapter from "./TagContractAdapter";
+
+function TagsListDropdownView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  let {
+    dispatch
+  } = helpers;
+  let {
+    tags,
+    hasSearch,
+    searchPlaceholder,
+    text,
+    dropdownHeading,
+    emptyMessage
+  } = state.properties;
+  let tagsList = tags.map(TagContractAdapter);
+  return /*#__PURE__*/React.createElement(TagsListDropdown, {
+    getRef: ref,
+    listData: tagsList,
+    hasSearch: hasSearch,
+    searchPlaceholder: searchPlaceholder,
+    text: text,
+    dropdownHeading: dropdownHeading,
+    emptyMessage: emptyMessage,
+    onSearch: value => {
+      dispatch({
+        type: Constants.TAG_LIST_DROPDOWN_SEARCHED,
+        payload: {
+          value
+        }
+      });
+    }
+  });
+}
+
+export default TagsListDropdownView;

package/es/library/dot/legacy-to-new-arch/text-area/frameworks/ui/css/TextAreaView.module.css

@@ -4,13 +4,13 @@
 
 .rightPlaceholder {
     position: absolute;
-    bottom: 4px;
+    bottom: var(--zd_size4) ;
 }
 
 [dir=ltr] .rightPlaceholder {
-    right: 12px;
+    right: var(--zd_size12) ;
 }
 
 [dir=rtl] .rightPlaceholder {
-    left: 12px;
+    left: var(--zd_size12) ;
 }

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer.module.css

@@ -1,19 +1,19 @@
 .wrapper {
-    max-width: 100%
+    max-width: 100% 
 }
 
 .gap_small {
-    gap: 4px
+    gap: var(--zd_size4) 
 }
 
 .gap_xmedium {
-    gap: 6px
+    gap: var(--zd_size6) 
 }
 
 .gap_medium {
-    gap: 8px
+    gap: var(--zd_size8) 
 }
 
 .gap_large {
-    gap: 10px
+    gap: var(--zd_size10) 
 }

package/es/platform/components/table-connected/adapters/resources/SmartTableResource.js

@@ -1,6 +1,5 @@
 import { AbstractResource } from "../../../../sdk/application/interfaces/gateways/AbstractResource";
 import ZListRepository from "../../../../zlist/adapters/gateways/Repository";
-import ZListSortBy from "../../../../zlist/adapters/gateways/SortBy";
 import ZListPresenters from "../../../../zlist/adapters/presenters/Presenters";
 import ZRecordRepository from "../../../../zrecord/adapters/gateways/Repository";
 import ZRecordPresenter from "../../../../zrecord/adapters/presenters/Presenter";
@@ -17,10 +16,17 @@ import UpdateMultipleRecordUseCase from "../../../../zlist/applications/usecases
 import GetContextUseCase from "../../../../zlist/applications/usecases/GetContextUseCase";
 import ReOrderUseCase from "../../../../zlist/applications/usecases/ReOrderUseCase";
 import { SdkContracts } from "../../../../../cc/table-connected/SdkContract";
-import SortUseCase from "../../../../zlist/applications/usecases/SortUseCase";
 import { Analytics } from "../../../../../library/analytics";
 import MarkAsReadUseCase from "../../../../zrecord/applications/usecases/MarkAsReadUseCase";
 import MarkAsUnReadUseCase from "../../../../zrecord/applications/usecases/MarkAsUnReadUseCase";
+import GetFilterConditionUseCase from "../../../../zrecord/applications/usecases/GetFilterConditionUseCase";
+import SetFilterUseCase from "../../../../zrecord/applications/usecases/SetFilterUseCase";
+import ClearAllFiltersUseCase from "../../../../zrecord/applications/usecases/ClearAllFiltersUseCase";
+import RefreshRecordsUseCase from "../../../../zrecord/applications/usecases/RefreshRecordsUseCase";
+import GetFilterConfigUseCase from "../../../../zrecord/applications/usecases/GetFilterConfigUseCase";
+import { initialSortConfig } from "../../../../../bc/zlist/Types";
+import GetSortConfigUseCase from "../../../../zlist/applications/usecases/GetSortConfigUseCase";
+import SetSortConfigUseCase from "../../../../zlist/applications/usecases/SetSortConfigUseCase";
 export class SmartTableResource extends AbstractResource {
   initialize() {}
 
@@ -37,8 +43,7 @@ export class SmartTableResource extends AbstractResource {
   getListDependencies() {
     const dependencies = {
       repository: new ZListRepository(),
-      presenter: new ZListPresenters(),
-      sortBy: new ZListSortBy()
+      presenter: new ZListPresenters()
     };
     return dependencies;
   }
@@ -68,7 +73,7 @@ export class SmartTableResource extends AbstractResource {
     } = this.dependencies;
     const now = new Date().toISOString();
     const smartTableSdkMethodUsed = {
-      event: "smart_table_sdk_method_used",
+      event: 'smart_table_sdk_method_used',
       timestamp: now,
       contextDetails: {
         moduleName: state.moduleName,
@@ -237,6 +242,95 @@ export class SmartTableResource extends AbstractResource {
     return getData();
   }
 
+  getFilterCondition() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, GetFilterConditionUseCase);
+    usecase.execute({
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  getFilterConfig() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, GetFilterConfigUseCase);
+    usecase.execute({
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  setFilter(filterConfig) {
+    this.validateInput('setFilter', {
+      filterConfig
+    }, SdkContracts.setFilterInputMeta);
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, SetFilterUseCase);
+    usecase.execute({
+      filterConfig,
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  clearAllFilters() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, ClearAllFiltersUseCase);
+    usecase.execute({
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  refreshRecords() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, RefreshRecordsUseCase);
+    usecase.execute({
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
   selectRecords(ids) {
     this.validateInput('selectRecords', {
       ids
@@ -304,7 +398,8 @@ export class SmartTableResource extends AbstractResource {
       oldIndex: fromIndex,
       dispatch
     });
-  }
+  } // @deprecated use sortRecords
+
 
   sortRecords(sortBy) {
     this.validateInput('sortRecords', {
@@ -313,12 +408,78 @@ export class SmartTableResource extends AbstractResource {
     const {
       dispatch
     } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, SetSortConfigUseCase);
+    const sortConfig = {
+      fieldName: sortBy.name,
+      order: sortBy.order
+    };
+    usecase.execute({
+      sortConfig,
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  getSortConfig() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, GetSortConfigUseCase);
+    usecase.execute({
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  setSortConfig(sortConfig) {
+    this.validateInput('setSortConfig', {
+      sortConfig
+    }, SdkContracts.setSortConfigInputMeta);
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
     const dependencies = this.getListDependencies();
-    const usecase = this.createUseCase(dependencies, SortUseCase);
+    const usecase = this.createUseCase(dependencies, SetSortConfigUseCase);
     usecase.execute({
-      sortBy,
+      sortConfig,
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  clearSorting() {
+    const {
       dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, SetSortConfigUseCase);
+    usecase.execute({
+      sortConfig: initialSortConfig,
+      dispatch,
+      callback: setData
     });
+    return getData();
   }
 
   markAsRead(recordId) {

package/es/platform/components/table-connected/frameworks/EventHandlersFactory.js

@@ -23,6 +23,9 @@ import { TableListConstants } from "../../../../cc/table-list";
 import ResolutionBasedLimitController from "../adapters/controllers/ResolutionBasedLimitController";
 import { TableTextOverflowConstants } from "../../../../cc/table-text-overflow";
 import { TEXT_OVERFLOW_BEHAVIOUR_UPDATE_REQUESTED } from "../../../../bc/clip-wrap/Constants";
+import { SMART_TABLE_SORT_BY_REQUESTED } from "../../../../cc/table-connected/constants/Events";
+import { SortedBy } from "../../../../cc/table-list/data-types/Header";
+import { SortOrder } from "../../../../bc/zlist/Types";
 const {
   TABLE_LIST_RESIZE_START_REQUESTED,
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
@@ -330,14 +333,20 @@ export default class EventHandlersFactory {
       [RESIZE_FINISHED]: new ResizeFinishController().handle,
       [TABLE_LIST_RESIZE_START_REQUESTED]: new ResizeStartController().handle,
       [TABLE_LIST_RESIZE_MOVE_REQUESTED]: new ResizeByMouseController().handle,
-      [SmartTableConstants.Events.SORT]: _ref => {
+      [SMART_TABLE_SORT_BY_REQUESTED]: _ref => {
         let {
           action,
           dispatch
         } = _ref;
         return dispatch({
           type: ZLIST_SORT,
-          payload: action.payload
+          payload: {
+            fieldName: action.payload.name,
+            order: {
+              [SortedBy.Ascending]: SortOrder.ASC,
+              [SortedBy.Descending]: SortOrder.DES
+            }[action.payload.order] || SortOrder.NONE
+          }
         });
       },
       [TABLE_LIST_RESIZE_END_REQUESTED]: new ResizeEndController().handle,

package/es/platform/data-source/http-template/fetchLookupFields.js

@@ -4,12 +4,6 @@ const fetchLookupFields = {
   parameters: `{}`,
   type: 'GET',
   transformer: data => data,
-  getResponse: async _ref => {
-    let {
-      params,
-      payload
-    } = _ref;
-  },
   properties: {
     layoutId: {
       required: true,

package/es/platform/data-source/http-template/getComponentMapping.js

@@ -0,0 +1,17 @@
+let getComponentMapping = {
+  name: 'getComponentMapping',
+  api: '/{{servicePrefix}}/{{orgName}}',
+  parameters: `{}`,
+  type: 'GET',
+  getResponse: async _ref => {
+    let {
+      params,
+      payload,
+      headers
+    } = _ref;
+    return {};
+  },
+  transformer: res => res,
+  properties: {}
+};
+export default getComponentMapping;

package/es/platform/data-source/http-template/getRecords.js

@@ -3,6 +3,7 @@ let getRecords = {
   api: '/{{servicePrefix}}/{{orgName}}/api/v1/{{moduleName}}',
   parameters: `{
         "viewId":"{{viewId}}",
+        "filter":"{{filter}}",
         "from":{{from}},
         "limit":{{limit}},
         "sortBy":"{{sortBy}}"

package/es/platform/zform/adapters/gateway/FormRepository.js

@@ -25,7 +25,8 @@ class FormRepository {
       validationRules = [],
       sections = [],
       layoutRules = [],
-      dependencyMappings = []
+      dependencyMappings = [],
+      layoutId
     } = zform;
     let validationRuleEntities = validationRules.map(rule => {
       return new ZValidationRule(rule);
@@ -59,6 +60,7 @@ class FormRepository {
       dependencyMappings: dependencyMappingsEntities,
       layoutRules: layoutRulesEntities,
       context,
+      layoutId: layoutId,
       isMyFormFetching: zform.isMyFormFetching,
       isDependencyFetching: zform.isDependencyFetching,
       isLayoutRulesFetching: zform.isLayoutRulesFetching,

package/es/platform/zform/adapters/presenter/translators/fields/LookUpFieldTranslator.js

@@ -5,20 +5,21 @@ const LookUpFieldTranslator = _ref => {
     fieldPreModified,
     uiConfig
   } = _ref;
-  const fieldModified = {
-    type,
-    uiConfig,
-    value: field.value || '',
-    //state.behaviours.zform.values[field.apiName],
-    name: field.apiName,
-    ...fieldPreModified,
+  const fieldModified = { ...fieldPreModified,
+    uiConfig: uiConfig,
+    type: type,
+    fieldType: field.type,
+    value: field.value,
+    name: field.name,
     id: field.id,
     label: field.i18NLabel,
-    required: field.isMandatory,
-    readonly: field.isReadOnly,
-    // visibility: field.isVisible,
+    apiName: field.apiName,
+    errorMessage: field.errorMessage,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || '',
+    readonly: field.isReadOnly,
+    required: field.isMandatory,
+    isCustomField: field.isCustomField,
+    maxLength: field.maxLength,
     lookup: field.lookup
   };
   return fieldModified;

package/es/platform/zform/applications/usecases/MyFormSuccessUseCase.js

@@ -21,8 +21,9 @@ class MyFormSuccessUseCase extends AbstractUseCase {
       sections
     } = myForm;
     const zFormEntity = repository.getFormEntity();
+    const layoutId = zFormEntity.getLayoutId();
     const context = { ...zFormEntity.getContext(),
-      layoutId: zFormEntity.getLayoutId()
+      layoutId: layoutId
     };
     const lookupFields = sections.flatMap(section => section.fields.filter(field => field.type === 'LookUp'));
     const sectionEntities = sections.map(section => {
@@ -63,24 +64,22 @@ class MyFormSuccessUseCase extends AbstractUseCase {
         type: DATA_SOURCE_EXECUTE,
         payload: {
           actionName: 'fetchLookupFields',
-          props: { ...context
-          }
+          props: context
         },
         metaData: {
           actionName: 'fetchLookupFields',
-          //hack
           [DATA_SOURCE_NO_CONTENT]: {
             type: ZFORM_LOOKUP_FIELD_SUCCESS,
             metaData: {
               actionName: 'fetchLookupFields'
             }
           },
-          // [DATA_SOURCE_FAILURE]: {
-          //   type: ZFORM_LOOKUP_FIELD_SUCCESS,
-          //   metaData: {
-          //     actionName: 'fetchValidationRules'
-          //   }
-          // },
+          [DATA_SOURCE_FAILURE]: {
+            type: ZFORM_API_FAILURE,
+            metaData: {
+              actionName: 'fetchLookupFields'
+            }
+          },
           [DATA_SOURCE_SUCCESS]: {
             type: ZFORM_LOOKUP_FIELD_SUCCESS,
             metaData: {

package/es/platform/zform/domain/ZForm.js

@@ -21,6 +21,7 @@ export default class ZForm {
       dependencyMappings,
       context,
       focusedFieldName,
+      layoutId,
 
       /*hack*/
       isMyFormFetching,
@@ -45,6 +46,7 @@ export default class ZForm {
     this.dependencyMappings = dependencyMappings;
     this.context = context;
     this.focusedFieldName = focusedFieldName || null;
+    this.layoutId = layoutId;
     /*hack*/
 
     this.isMyFormFetching = isMyFormFetching;

package/es/platform/zlist/adapters/controllers/RefreshRecordsRequestedController.js

@@ -0,0 +1,21 @@
+import AbstractController from "./AbstractController";
+
+class RefreshRecordsRequestedController extends AbstractController {
+  handle(event) {
+    const {
+      refreshRecordsRequestedUseCase
+    } = this.service;
+    const {
+      state,
+      updateState,
+      dispatch
+    } = event;
+    refreshRecordsRequestedUseCase.updateDependency(state, updateState);
+    refreshRecordsRequestedUseCase.execute({
+      dispatch
+    });
+  }
+
+}
+
+export default RefreshRecordsRequestedController;

package/es/platform/zlist/adapters/controllers/SortController.js

@@ -11,10 +11,10 @@ class SortController extends AbstractController {
       action,
       dispatch
     } = event;
-    const sortBy = action.payload;
+    const sortConfig = action.payload;
     sortUseCase.updateDependency(state, updateState);
     sortUseCase.execute({
-      sortBy,
+      sortConfig,
       dispatch
     });
   }