@zohodesk/library-platform 1.0.2-exp.1.1 → 1.0.2-exp.1.3

package/es/platform/zlist/adapters/presenters/utils/DefaultClientActions.js

@@ -0,0 +1,54 @@
+import ClientAction from "../../../../client-actions/behaviour/zclient-actions/domain/entities/ClientAction";
+
+class DefaultClientActions {
+  static constructAction(clientAction) {
+    return new ClientAction(clientAction).toObject();
+  }
+
+  static constructSortAction() {
+    return this.constructAction({
+      uiComponentMapping: {
+        component: 'TableColumnSort',
+        name: 'SortBy',
+        propertiesValueMapping: {
+          value: '{{@context.field.sort.order}}',
+          ascendingLabel: 'Ascending',
+          descendingLabel: 'Descending'
+        },
+        eventMappings: [{
+          payloadValueMapping: {
+            id: '{{@context.field.id}}',
+            name: '{{@context.field.name}}',
+            order: `{{@payload.value}}`
+          },
+          sourceEvent: 'SORT#CLICKED',
+          targetEvent: 'SMART_TABLE#SORT',
+          id: '4000000080005'
+        }],
+        id: '4000000080003'
+      },
+      conditions: {
+        fields: [{
+          fieldName: 'field.isSortable',
+          condition: '=',
+          value: ['true']
+        }],
+        pattern: '1'
+      },
+      location: 'header_actions',
+      id: '4000000080009',
+      modules: ['MODULE'],
+      name: 'SortBy Action',
+      component: 'SmartTable',
+      modifiedTime: '2024-11-21T06:11:59.000Z',
+      createdTime: '2024-11-21T06:11:59.000Z'
+    });
+  }
+
+  static createSortActions(fields, clientActions) {
+    return [...clientActions, this.constructSortAction()];
+  }
+
+}
+
+export default DefaultClientActions;

package/es/platform/zlist/applications/interfaces/output/IPresenter.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/usecases/AbstractUseCase.js

@@ -4,11 +4,13 @@ class AbstractUseCase {
     this.execute = this.execute.bind(this);
   }
 
-  updateDependency(state) {
+  updateDependency(state, updateState) {
     const {
-      repository
+      repository,
+      presenter
     } = this.dependencies;
     repository.init(state);
+    presenter.updateDependencies(state, updateState);
   }
 
 }

package/es/platform/zlist/applications/usecases/RecordSuccessCallbackUsecase.js

@@ -0,0 +1,24 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class RecordSuccessCallbackUsecase extends AbstractUseCase {
+  execute(input) {
+    const {
+      dispatch,
+      payload,
+      metaData
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const list = repository.getList();
+
+    if (list.isAcknowledgeBySortBy(metaData)) {
+      list.setSortBy(metaData);
+      presenter.updateView(list.toObject());
+    }
+  }
+
+}
+
+export default RecordSuccessCallbackUsecase;

package/es/platform/zlist/applications/usecases/SortUseCase.js

@@ -1,3 +1,4 @@
+import { SmartTableConstants } from "../../../../cc/table-connected";
 import AbstractUseCase from "./AbstractUseCase";
 
 class SortUseCase extends AbstractUseCase {
@@ -8,11 +9,16 @@ class SortUseCase extends AbstractUseCase {
     } = input;
     const {
       repository,
-      sortBy: sortByGateway
+      presenter
     } = this.dependencies;
     const list = repository.getList();
-    const sortByQueryString = sortByGateway.toQueryString(sortBy);
-    dispatch(list.createSortByRefetchAction(sortByQueryString));
+    list.setSortBy(sortBy);
+    dispatch(list.createRecordsRefetchAction());
+    dispatch({
+      type: SmartTableConstants.Events.SORTED,
+      payload: sortBy
+    });
+    presenter.updateView(list.toObject());
   }
 
 }

package/es/platform/zlist/domain/entities/List.js

@@ -3,6 +3,7 @@ import { FIELD_EXECUTE, FIELD_REFETCH } from "../../../../bc/zfield/Constants";
 import { ZLIST_RECORD_DELETE_FAILED, ZLIST_RECORD_DELETE_SUCCEEDED, ZLIST_RECORD_UPDATE_FAILED, ZLIST_RECORD_UPDATE_SUCCEEDED } from "../../../../bc/zlist/Constants";
 import { CLIENTACTION_BEHAVIOUR_EXECUTE } from "../../../client-actions/bc/zclient-actions/Constants";
 import { SmartTableConstants } from "../../../../cc/table-connected";
+import SortBy from "./SortBy";
 
 class List {
   constructor(limit, sortBy, query, context) {
@@ -12,6 +13,28 @@ class List {
     this.context = context;
   }
 
+  toObject() {
+    return {
+      sortBy: this.sortBy.toObject()
+    };
+  }
+
+  setSortBy(sortBy) {
+    this.sortBy = new SortBy(sortBy.id, sortBy.name, sortBy.order);
+  }
+
+  toggleSortBy() {
+    const {
+      id,
+      name
+    } = this.sortBy;
+    this.sortBy.doSorting(id, name);
+  }
+
+  isAcknowledgeBySortBy(metaData) {
+    return metaData && metaData['SMART_TABLE#SORTED'];
+  }
+
   createApiProps() {
     const {
       query,
@@ -21,17 +44,12 @@ class List {
     } = this;
     return {
       limit,
-      sortBy,
+      sortBy: sortBy.toQueryString(),
       ...query,
       ...context
     };
   }
 
-  createSortByRefetchAction(sortBy) {
-    this.sortBy = sortBy;
-    return this.createRecordsRefetchAction();
-  }
-
   getInitialMountFetchActions() {
     return [this.createRecordsFetchAction(), this.createAvailableFieldsFetchAction(), this.createSelectedFieldsFetchAction(), this.createClientActionsFetchAction()];
   }
@@ -288,15 +306,21 @@ class List {
     };
   }
 
-  createRecordsRefetchAction() {
+  createRecordsRefetchAction(triggerer) {
     const props = this.createApiProps();
+    const metaData = triggerer === 'sortBy' && {
+      ['SMART_TABLE#SORTED']: {
+        sortBy: this.sortBy.toObject()
+      }
+    };
     return {
       type: RECORD_REFETCH,
       payload: {
         actionName: RecordApiActionName.GET_RECORDS,
         props,
         apiName: 'records'
-      }
+      },
+      metaData
     };
   }
 

package/es/platform/zlist/domain/entities/SortBy.js

@@ -0,0 +1,58 @@
+import { SortOrder } from "./interfaces/Properties";
+
+class SortBy {
+  constructor(id, name, order) {
+    this.id = id;
+    this.name = name;
+    this.order = order;
+  }
+
+  toObject() {
+    return {
+      id: this.id,
+      name: this.name,
+      order: this.order
+    };
+  }
+
+  toQueryString() {
+    const {
+      name,
+      order
+    } = this;
+    let sortQueryString = '';
+
+    if (order === SortOrder.DES) {
+      sortQueryString = `-${name}`;
+    } else if (order === SortOrder.ASC) {
+      sortQueryString = name;
+    }
+
+    return sortQueryString;
+  }
+
+  doSorting(id, name) {
+    if (this.id === id) {
+      this.toggleSort();
+    } else {
+      this.resetSortBy(id, name);
+    }
+  }
+
+  toggleSort() {
+    if (this.order === SortOrder.ASC) {
+      this.order = SortOrder.DES;
+    } else {
+      this.order = SortOrder.ASC;
+    }
+  }
+
+  resetSortBy(id, name) {
+    this.id = id;
+    this.name = name;
+    this.order = SortOrder.ASC;
+  }
+
+}
+
+export default SortBy;

package/es/platform/zlist/domain/entities/interfaces/ISortBy.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/domain/entities/interfaces/ListModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/domain/entities/interfaces/Properties.js

@@ -1 +1,6 @@
-export {};
+export let SortOrder = /*#__PURE__*/function (SortOrder) {
+  SortOrder["NONE"] = "none";
+  SortOrder["ASC"] = "ascending";
+  SortOrder["DES"] = "descending";
+  return SortOrder;
+}({});

package/es/platform/zlist/frameworks/EventHandlersFactory.js

@@ -4,7 +4,7 @@ import Service from "../adapters/gateways/Service";
 import Repository from "../adapters/gateways/Repository";
 import MountController from "../adapters/controllers/MountController";
 import PropertiesChangeController from "../adapters/controllers/PropertiesChangeController";
-import { ZLIST_DELETE_RECORD, ZLIST_DELETE_RECORDS, ZLIST_FETCH_MORE, ZLIST_FETCH_SORTED, ZLIST_RECORD_DELETE_SUCCEEDED, ZLIST_RECORD_UPDATE, ZLIST_RECORD_UPDATE_SUCCEEDED } from "../../../bc/zlist/Constants";
+import { ZLIST_DELETE_RECORD, ZLIST_DELETE_RECORDS, ZLIST_FETCH_MORE, ZLIST_RECORD_DELETE_SUCCEEDED, ZLIST_RECORD_UPDATE, ZLIST_RECORD_UPDATE_SUCCEEDED, ZLIST_SORT } from "../../../bc/zlist/Constants";
 import FetchMoreController from "../adapters/controllers/FetchMoreController";
 import SortController from "../adapters/controllers/SortController";
 import FieldChangeController from "../adapters/controllers/FieldChangeController";
@@ -15,16 +15,20 @@ import RecordUpdateController from "../adapters/controllers/RecordUpdateControll
 import DeleteSingleRecordController from "../adapters/controllers/DeleteSingleRecordController";
 import RecordExecuteFailedController from "../adapters/controllers/RecordExecuteFailedController";
 import RecordExecuteSucceededController from "../adapters/controllers/RecordExecuteSucceededController";
-import { RECORD_EXECUTE_FAILED, RECORD_EXECUTE_SUCCEEDED } from "../../../bc/zrecord/Constants";
+import { RECORD_EXECUTE_FAILED, RECORD_EXECUTE_SUCCEEDED, RECORD_EXECUTE_SUCCESS_CALLBACK } from "../../../bc/zrecord/Constants";
 import UpdateSuccessController from "../adapters/controllers/UpdateSuccessController";
 import DeleteSuccessController from "../adapters/controllers/DeleteSuccessController";
+import Presenter from "../adapters/presenters/Presenters";
+import RecordSuccessCallbackController from "../adapters/controllers/RecordSuccessCallbackController";
 export default class ActionHandlersFactory {
   static create() {
     const repository = new Repository();
+    const presenter = new Presenter();
     const sortByGateway = new SortBy();
     const service = new Service({
       repository,
-      sortBy: sortByGateway
+      sortBy: sortByGateway,
+      presenter
     });
     return {
       [LifeCycleAction.MOUNT]: new MountController(service).handle,
@@ -36,7 +40,8 @@ export default class ActionHandlersFactory {
       [TableListConstants.TABLE_LIST_FIELD_CHANGED]: new FieldChangeController(service).handle,
       [RECORD_EXECUTE_SUCCEEDED]: new RecordExecuteSucceededController(service).handle,
       [RECORD_EXECUTE_FAILED]: new RecordExecuteFailedController(service).handle,
-      [ZLIST_FETCH_SORTED]: new SortController(service).handle,
+      [ZLIST_SORT]: new SortController(service).handle,
+      [RECORD_EXECUTE_SUCCESS_CALLBACK]: new RecordSuccessCallbackController(service).handle,
       [ZLIST_RECORD_UPDATE_SUCCEEDED]: new UpdateSuccessController(service).handle,
       // ({ dispatch, action }) => dispatch({ type: 'SMART_TABLE#RECORD_UPDATED', payload: action.payload }),
       [ZLIST_RECORD_DELETE_SUCCEEDED]: new DeleteSuccessController(service).handle // ({ dispatch, action }) => dispatch({ type: 'SMART_TABLE#RECORD_DELETED', payload: { id: action.payload.id } })

package/es/platform/zlist/frameworks/ZListBehaviourFactory.js

@@ -4,7 +4,13 @@ export default class ZListBehaviourFactory {
   static create() {
     return {
       name: 'zlist',
-      setInitialState: () => ({}),
+      setInitialState: () => ({
+        sortBy: {
+          id: '',
+          name: '',
+          order: 'none'
+        }
+      }),
       eventHandlers: EventHandlersFactory.create(),
       properties: Properties
     };

package/es/platform/zrecord/adapters/controllers/ActionExecutorController.js

@@ -22,7 +22,8 @@ export default class ActionExecutorController extends AbstractController {
       dispatch,
       apiName,
       actionName,
-      props
+      props,
+      sourceMetaData: action.metaData
     });
   }
 

package/es/platform/zrecord/adapters/controllers/RefetchController.js

@@ -26,7 +26,8 @@ export default class RefetchController {
         dispatch,
         actionName,
         apiName,
-        props
+        props,
+        sourceMetaData: action.metaData
       });
     });
   }

package/es/platform/zrecord/applications/usecases/ExecuteActionUseCase.js

@@ -10,7 +10,8 @@ class ExecuteActionUseCase extends AbstractUseCase {
       props,
       dispatch,
       apiName,
-      actionName
+      actionName,
+      sourceMetaData
     } = input;
     const recordManager = repository.getRecordsManagerEntity();
 
@@ -18,7 +19,7 @@ class ExecuteActionUseCase extends AbstractUseCase {
       return;
     }
 
-    const metaData = recordManager.createFetchRecordMeta(actionName, apiName, props);
+    const metaData = recordManager.createFetchRecordMeta(actionName, apiName, props, sourceMetaData);
 
     if (recordManager.isGetRecordsApi(actionName)) {
       recordManager.fetchingStarted();

package/es/platform/zrecord/applications/usecases/RefetchUseCase.js

@@ -9,7 +9,8 @@ export default class RefetchUseCase extends AbstractUseCase {
       props,
       dispatch,
       actionName,
-      apiName
+      apiName,
+      sourceMetaData
     } = input;
     const recordManager = repository.getRecordsManagerEntity();
 
@@ -18,7 +19,7 @@ export default class RefetchUseCase extends AbstractUseCase {
     }
 
     recordManager.resetRecords();
-    const metaData = recordManager.createFetchRecordMeta(actionName, apiName, props);
+    const metaData = recordManager.createFetchRecordMeta(actionName, apiName, props, sourceMetaData);
     recordManager.fetchingStarted();
     presenter.updateRecord(recordManager.toObject());
     dispatch(recordManager.createDataSourceExecuteEvent(props, actionName, metaData));

package/es/platform/zrecord/domain/entities/RecordsManager.js

@@ -47,7 +47,7 @@ export default class RecordsManager {
   }
 
   createRecordMeta(record) {
-    return this.createDataBrokerMeta({
+    return this.createDataSourceMeta({
       actionName: RecordApiActionName.CREATE_RECORD,
       successMeta: {
         type: RECORD_EXECUTE_SUCCESS_CALLBACK,
@@ -76,11 +76,12 @@ export default class RecordsManager {
     });
   }
 
-  createFetchRecordMeta(actionName, apiName, props) {
+  createFetchRecordMeta(actionName, apiName, props, sourceMetaData) {
     const recordExecuteStrategyMeta = {
       actionName,
       apiName,
-      props
+      props,
+      sourceMetaData
     };
 
     if (this.isGetRecordsApi(actionName)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.0.2-exp.1.1",
+  "version": "1.0.2-exp.1.3",
   "description": "",
   "main": "es/index.js",
   "files": [
@@ -44,19 +44,19 @@
     "@typescript-eslint/parser": "^7.11.0",
     "@zoho/SecurityJS": "5.0.2",
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
-    "@zohodesk-private/desk-components": "1.3.1",
+    "@zohodesk-private/desk-components": "1.3.2",
     "@zohodesk-private/node-plugins": "1.1.9",
     "@zohodesk/a11y": "2.2.6",
     "@zohodesk/codestandard-analytics": "0.0.2",
     "@zohodesk/codestandard-validator": "0.0.4",
-    "@zohodesk/components": "1.2.46",
-    "@zohodesk/dot": "1.7.0",
+    "@zohodesk/components": "1.2.62",
+    "@zohodesk/dot": "1.7.8",
     "@zohodesk/eslint-plugin-architecturerules": "0.0.5-exp-3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/i18n": "1.0.0-beta.26",
-    "@zohodesk/icons": "1.0.61",
+    "@zohodesk/icons": "1.0.72",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/svg": "1.1.22",
+    "@zohodesk/svg": "1.1.27",
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.13",
@@ -75,15 +75,15 @@
     "typescript": "4.9.5"
   },
   "peerDependencies": {
-    "@zohodesk-private/desk-components": "1.3.1",
+    "@zohodesk-private/desk-components": "1.3.2",
     "@zohodesk/a11y": "2.2.6",
-    "@zohodesk/components": "1.2.46",
-    "@zohodesk/dot": "1.7.0",
+    "@zohodesk/components": "1.2.62",
+    "@zohodesk/dot": "1.7.8",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/i18n": "1.0.0-beta.26",
-    "@zohodesk/icons": "1.0.61",
+    "@zohodesk/icons": "1.0.72",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/svg": "1.1.22",
+    "@zohodesk/svg": "1.1.27",
     "@zohodesk/utils": "1.3.14",
     "color": "4.2.3"
   },

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/HeaderText.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import SortableHeading from '@zohodesk-private/desk-components/es/table/SortableHeading/SortableHeading';
-import TableHeading from '@zohodesk-private/desk-components/es/table/TableHeading/TableHeading';
-import { TableListConstants } from "../../../../../../../../cc/table-list";
-export default function HeaderText(_ref) {
-  let {
-    id,
-    name,
-    text,
-    sortable,
-    sortedBy,
-    sortTooltip,
-    dispatch
-  } = _ref;
-
-  if (sortable) {
-    return /*#__PURE__*/React.createElement(SortableHeading, {
-      $i18n_text: text,
-      $data_sortOrder: sortedBy,
-      $i18n_iconTooltip: sortTooltip,
-      $event_onClick: () => dispatch({
-        type: TableListConstants.TABLE_LIST_SORTED,
-        payload: {
-          id,
-          name
-        }
-      })
-    });
-  }
-
-  return /*#__PURE__*/React.createElement(TableHeading, {
-    $i18n_text: text
-  });
-}

package/es/library/dot/legacy-to-new-arch/action-icon/frameworks/ui/css/ActionIcon.module.css

@@ -1,3 +0,0 @@
-.hide {
-    display: none
-}