@zohodesk/library-platform 1.1.2 → 1.1.3-exp.1

package/es/library/dot/legacy-to-new-arch/table-column-chooser/frameworks/ui/TableColumnChooserView.js

@@ -0,0 +1,79 @@
+/* eslint-disable max-lines-per-function */
+import React from 'react';
+import ColumnChooser from '@zohodesk-private/desk-components/es/ColumnChooser/ColumnChooser';
+import { TableColumnChooserConstants } from "../../../../../../cc/table-column-chooser";
+
+function TableColumnChooserView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    dispatch
+  } = helpers;
+  const {
+    options,
+    tooltip,
+    heading,
+    infoText,
+    hasSearch,
+    searchString,
+    searchPlaceholder
+  } = state.properties;
+  const {
+    emptyMessage,
+    errorMessage,
+    saveLabel,
+    cancelLabel
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(ColumnChooser, {
+    options: options,
+    getRef: ref,
+    tooltip: tooltip,
+    heading: heading,
+    infoText: infoText,
+    emptyMessage: emptyMessage,
+    getHelperContainer: () => document.querySelector('[data-id="table"]'),
+    hasSearch: hasSearch,
+    searchString: searchString,
+    searchPlacholder: searchPlaceholder,
+    onSearch: searchString => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_SEARCH_REQUESTED,
+      payload: {
+        searchString
+      }
+    }),
+    onClearSearch: () => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_SEARCH_REQUESTED,
+      payload: {
+        searchString: ''
+      }
+    }),
+    onOpen: () => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_OPEN_REQUESTED
+    }),
+    onClose: () => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_CLOSE_REQUESTED
+    }),
+    onSelect: data => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_SELECT_REQUESTED,
+      payload: {
+        data
+      }
+    }),
+    onReorder: reOrderedIndex => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_REORDER_REQUESTED,
+      payload: {
+        reOrderedIndex
+      }
+    }),
+    onSave: () => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_SAVE_REQUESTED
+    }),
+    errorMessage: errorMessage,
+    saveLabel: saveLabel,
+    cancelLabel: cancelLabel
+  });
+}
+
+export default TableColumnChooserView;

package/es/library/dot/legacy-to-new-arch/table-column-filter/frameworks/ui/TableColumnFilterView.js

@@ -54,9 +54,10 @@ function TableColumnFilterView(_ref, ref) {
         searchText
       }
     });
-  }; // For SingleSelectFilter, pass selectedOption (object)
-  // For MultiSelectFilter, pass selectedOptions (array)
+  };
 
+  const isFiltered = isMultiSelect ? Array.isArray(selectedOptions) && selectedOptions.length > 0 : selectedOptions && Object.keys(selectedOptions).length > 0; // For SingleSelectFilter, pass selectedOption (object)
+  // For MultiSelectFilter, pass selectedOptions (array)
 
   const commonProps = {
     customProps: {
@@ -72,9 +73,12 @@ function TableColumnFilterView(_ref, ref) {
               }
             },
             customStyle: {
-              container: `${style.container} ${(isMultiSelect ? Array.isArray(selectedOptions) && selectedOptions.length > 0 : selectedOptions && Object.keys(selectedOptions).length > 0) ? style.active : ''}`
+              container: `${style.container} ${isFiltered ? style.active : ''}`
             }
-          }
+          },
+          iconButtonProps: isFiltered ? {
+            isActive: true
+          } : undefined
         }
       }
     },

package/es/library/dot/legacy-to-new-arch/table-field-components/lookup-field/frameworks/ui/LookupFieldView.js

@@ -1,19 +1,17 @@
 import React from 'react';
-import Tag from '@zohodesk/components/es/Tag/Tag';
+import Link from "../../../../link/frameworks/ui/Link";
 export function LookupFieldView(_ref, ref) {
   let {
     state
   } = _ref;
   const {
     name,
-    photoURL
+    url
   } = state.properties.value;
-  return /*#__PURE__*/React.createElement(Tag, {
+  return /*#__PURE__*/React.createElement(Link, {
     getRef: ref,
-    text: name,
-    hasAvatar: true,
-    initial: name,
-    imageURL: photoURL,
-    tooltip: name
+    label: name,
+    variant: "secondary",
+    href: url
   });
 }

package/es/platform/client-actions/components/action-event-mediator/frameworks/ui/EventHandlersFactory.js

@@ -6,6 +6,7 @@ import PropertiesChangeUseCase from "../../applications/usecases/PropertiesChang
 import MountController from "../../adapters/controllers/MountController";
 import UnmountController from "../../adapters/controllers/UnmountController";
 import PropertiesChangeController from "../../adapters/controllers/PropertiesChangeController";
+import LifeCycleEvents from "../../../../../../cc/component/LifeCycleEventsEnum";
 export default class EventHandlersFactory {
   static create() {
     const repository = new Repository();
@@ -21,9 +22,9 @@ export default class EventHandlersFactory {
     const unmountController = new UnmountController(destroyUseCase);
     const propertiesChangeController = new PropertiesChangeController(propertiesChangeUseCase);
     return {
-      ['ActionEventMediator#MOUNT']: initializeController.handle,
-      ['ActionEventMediator#UPDATE_PROPERTIES']: propertiesChangeController.handle,
-      ['ActionEventMediator#UNMOUNT']: unmountController.handle
+      [`ActionEventMediator#${LifeCycleEvents.MOUNT}`]: initializeController.handle,
+      [`ActionEventMediator#${LifeCycleEvents.UPDATE_PROPERTIES}`]: propertiesChangeController.handle,
+      [`ActionEventMediator#${LifeCycleEvents.UN_MOUNT}`]: unmountController.handle
     };
   }
 

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

@@ -1,9 +1,3 @@
-[dir=ltr] .actions {
-    padding-left: var(--zd_size6) 
-}[dir=rtl] .actions {
-    padding-right: var(--zd_size6) 
-}
-
 .gap_small {
     gap: var(--zd_size4) 
 }

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActionsRendererView.js

@@ -17,7 +17,7 @@ function RowActionsRendererView(_ref, ref) {
     ref: ref,
     $ui_displayMode: "inline",
     $ui_alignItems: "center",
-    $ui_className: `${style.actions} ${gap !== ActionViewGap.NONE ? style[`gap_${gap}`] : ''}`
+    $ui_className: `${gap !== ActionViewGap.NONE ? style[`gap_${gap}`] : ''}`
   }, actions.map((action, index) => {
     return /*#__PURE__*/React.createElement(DynamicActionComponent, {
       action: action,

package/es/platform/column-chooser/adapters/controllers/AbstractController.js

@@ -0,0 +1,10 @@
+class AbstractController {
+  constructor(service) {
+    this.service = service;
+    this.handle = this.handle.bind(this);
+  } // TODO: Add event type
+
+
+}
+
+export default AbstractController;

package/es/platform/column-chooser/adapters/controllers/ColumnChooserCloseController.js

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

package/es/platform/column-chooser/adapters/controllers/ColumnChooserOpenController.js

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+
+class ColumnChooserOpenController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      action,
+      updateState
+    } = event;
+    const {
+      order,
+      selectedArray
+    } = action.payload;
+    const {
+      columnChooserOpenUseCase
+    } = this.service;
+    columnChooserOpenUseCase.updateDependencies(state, updateState);
+    columnChooserOpenUseCase.execute({
+      order,
+      selectedArray
+    });
+  }
+
+}
+
+export default ColumnChooserOpenController;

package/es/platform/column-chooser/adapters/controllers/ColumnChooserReorderController.js

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+
+class ColumnChooserReorderController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      action,
+      updateState
+    } = event;
+    const {
+      oldIndex: fromIndex,
+      newIndex: toIndex
+    } = action.payload.reOrderedIndex;
+    const {
+      columnChooserReorderUseCase
+    } = this.service;
+    columnChooserReorderUseCase.updateDependencies(state, updateState);
+    columnChooserReorderUseCase.execute({
+      fromIndex,
+      toIndex
+    });
+  }
+
+}
+
+export default ColumnChooserReorderController;

package/es/platform/column-chooser/adapters/controllers/ColumnChooserSaveController.js

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

package/es/platform/column-chooser/adapters/controllers/ColumnChooserSearchController.js

@@ -0,0 +1,24 @@
+import AbstractController from "./AbstractController";
+
+class ColumnChooserSearchController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      action,
+      updateState
+    } = event;
+    const {
+      searchString: searchText
+    } = action.payload;
+    const {
+      columnChooserSearchUseCase
+    } = this.service;
+    columnChooserSearchUseCase.updateDependencies(state, updateState);
+    columnChooserSearchUseCase.execute({
+      searchText
+    });
+  }
+
+}
+
+export default ColumnChooserSearchController;

package/es/platform/column-chooser/adapters/controllers/ColumnChooserSelectController.js

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+
+class ColumnChooserSelectController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      action,
+      updateState
+    } = event;
+    const {
+      id: columnId,
+      isChecked
+    } = action.payload.data;
+    const {
+      columnChooserSelectUseCase
+    } = this.service;
+    columnChooserSelectUseCase.updateDependencies(state, updateState);
+    columnChooserSelectUseCase.execute({
+      columnId,
+      isChecked
+    });
+  }
+
+}
+
+export default ColumnChooserSelectController;

package/es/platform/column-chooser/adapters/gateways/Repository.js

@@ -0,0 +1,38 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { DEFAULT_COLUMN_CHOOSE_MAX_COUNT } from "../../../../bc/column-chooser/Constants";
+import ColumnChooserImp from "../../domain/entities/ColumnChooserImp";
+import ReorderEntityImp from "../../domain/entities/ReorderEntityImp";
+import SearchEntityImp from "../../domain/entities/SearchEntityImp";
+import SelectEntityImp from "../../domain/entities/SelectEntityImp";
+
+class Repository {
+  constructor() {
+    _defineProperty(this, "state", void 0);
+  }
+
+  init(state) {
+    this.state = state;
+  }
+
+  getColumnChooser() {
+    const {
+      columnChooser
+    } = this.state.behaviours;
+    const reorderEntity = new ReorderEntityImp(columnChooser.order);
+    const searchEntity = this.createSearchEntity();
+    const selectEntity = new SelectEntityImp(columnChooser.selected, DEFAULT_COLUMN_CHOOSE_MAX_COUNT);
+    return new ColumnChooserImp(columnChooser.isSaved, reorderEntity, searchEntity, selectEntity);
+  }
+
+  createSearchEntity() {
+    const {
+      columnChooser,
+      zfield
+    } = this.state.behaviours;
+    return new SearchEntityImp(columnChooser.searchText, fieldName => zfield.fields.find(f => f.name === fieldName).i18NLabel);
+  }
+
+}
+
+export default Repository;

package/es/platform/column-chooser/adapters/gateways/Service.js

@@ -0,0 +1,34 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import ColumnChooserOpenUseCase from "../../applications/usecases/ColumnChooserOpenUseCase";
+import ColumnChooserSelectUseCase from "../../applications/usecases/ColumnChooserSelectUseCase";
+import ColumnChooserReorderUseCase from "../../applications/usecases/ColumnChooserReorderUseCase";
+import ColumnChooserSearchUseCase from "../../applications/usecases/ColumnChooserSearchUseCase";
+import ColumnChooserSaveUseCase from "../../applications/usecases/ColumnChooserSaveUseCase";
+import ColumnChooserCloseUseCase from "../../applications/usecases/ColumnChooserCloseUseCase";
+
+class Service {
+  constructor(dependencies) {
+    _defineProperty(this, "columnChooserOpenUseCase", void 0);
+
+    _defineProperty(this, "columnChooserSelectUseCase", void 0);
+
+    _defineProperty(this, "columnChooserReorderUseCase", void 0);
+
+    _defineProperty(this, "columnChooserSearchUseCase", void 0);
+
+    _defineProperty(this, "columnChooserSaveUseCase", void 0);
+
+    _defineProperty(this, "columnChooserCloseUseCase", void 0);
+
+    this.columnChooserOpenUseCase = new ColumnChooserOpenUseCase(dependencies);
+    this.columnChooserSelectUseCase = new ColumnChooserSelectUseCase(dependencies);
+    this.columnChooserReorderUseCase = new ColumnChooserReorderUseCase(dependencies);
+    this.columnChooserSearchUseCase = new ColumnChooserSearchUseCase(dependencies);
+    this.columnChooserSaveUseCase = new ColumnChooserSaveUseCase(dependencies);
+    this.columnChooserCloseUseCase = new ColumnChooserCloseUseCase(dependencies);
+  }
+
+}
+
+export default Service;

package/es/platform/column-chooser/adapters/gateways/State.js

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

package/es/platform/column-chooser/adapters/presenters/Presenter.js

@@ -0,0 +1,25 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+class Presenter {
+  constructor() {
+    _defineProperty(this, "updateState", void 0);
+
+    _defineProperty(this, "state", void 0);
+  }
+
+  updateDependencies(state, updateState) {
+    this.state = state;
+    this.updateState = updateState;
+  }
+
+  updateView(view) {
+    this.updateState({ ...this.state,
+      behaviours: { ...this.state.behaviours,
+        columnChooser: view
+      }
+    });
+  }
+
+}
+
+export default Presenter;

package/es/platform/column-chooser/applications/interfaces/UsecaseDependencies.js

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

package/es/platform/column-chooser/applications/interfaces/gateways/IRepository.js

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

package/es/platform/column-chooser/applications/interfaces/gateways/IService.js

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

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserCloseInput.js

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

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserOpenInput.js

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

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserReorderInput.js

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

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserSaveInput.js

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

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserSearchInput.js

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

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserSelectInput.js

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

package/es/platform/column-chooser/applications/interfaces/output/BehaviourState.js

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

package/es/platform/column-chooser/applications/interfaces/output/IPresenter.js

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

package/es/platform/column-chooser/applications/usecases/AbstractUseCase.js

@@ -0,0 +1,18 @@
+class AbstractUseCase {
+  constructor(dependencies) {
+    this.dependencies = dependencies;
+  }
+
+  // TODO: Add type for state and updateState
+  updateDependencies(state, updateState) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    repository.init(state);
+    presenter.updateDependencies(state, updateState);
+  }
+
+}
+
+export default AbstractUseCase;

package/es/platform/column-chooser/applications/usecases/ColumnChooserCloseUseCase.js

@@ -0,0 +1,34 @@
+import { COLUMN_CHOOSER_BEHAVIOUR_CANCELED } from "../../../../bc/column-chooser/Constants";
+import AbstractUseCase from "./AbstractUseCase";
+
+class ColumnChooserCloseUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      dispatch
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+    const selectedArray = columnChooser.getSelectedWithOrder();
+    const order = columnChooser.getOrder();
+    const isSaved = columnChooser.hasBeenSaved();
+    columnChooser.init([], []);
+    columnChooser.markAsUnsaved();
+    presenter.updateView(columnChooser.toObject());
+
+    if (!isSaved) {
+      dispatch({
+        type: COLUMN_CHOOSER_BEHAVIOUR_CANCELED,
+        payload: {
+          selectedArray,
+          order
+        }
+      });
+    }
+  }
+
+}
+
+export default ColumnChooserCloseUseCase;

package/es/platform/column-chooser/applications/usecases/ColumnChooserOpenUseCase.js

@@ -0,0 +1,20 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ColumnChooserOpenUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      order,
+      selectedArray
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+    columnChooser.init(order, selectedArray);
+    presenter.updateView(columnChooser.toObject());
+  }
+
+}
+
+export default ColumnChooserOpenUseCase;

package/es/platform/column-chooser/applications/usecases/ColumnChooserReorderUseCase.js

@@ -0,0 +1,20 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ColumnChooserReorderUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      fromIndex,
+      toIndex
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+    columnChooser.arrayMoveImmutable(fromIndex, toIndex);
+    presenter.updateView(columnChooser.toObject());
+  }
+
+}
+
+export default ColumnChooserReorderUseCase;

package/es/platform/column-chooser/applications/usecases/ColumnChooserSaveUseCase.js

@@ -0,0 +1,31 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { COLUMN_CHOOSER_BEHAVIOUR_UPDATED } from "../../../../bc/column-chooser/Constants";
+
+class ColumnChooserSaveUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      dispatch
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+    const selectedArray = columnChooser.getSelectedWithOrder();
+    const order = columnChooser.getOrder();
+    columnChooser.markAsSaved();
+    presenter.updateView(columnChooser.toObject()); // TODO: exposer.columnChooserUpdated({ fields });
+
+    dispatch({
+      type: COLUMN_CHOOSER_BEHAVIOUR_UPDATED,
+      payload: {
+        selectedArray,
+        order
+      }
+    });
+    presenter.updateView(columnChooser.toObject());
+  }
+
+}
+
+export default ColumnChooserSaveUseCase;

package/es/platform/column-chooser/applications/usecases/ColumnChooserSearchUseCase.js

@@ -0,0 +1,19 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ColumnChooserSearchUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      searchText
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+    columnChooser.setSearchText(searchText);
+    presenter.updateView(columnChooser.toObject());
+  }
+
+}
+
+export default ColumnChooserSearchUseCase;

package/es/platform/column-chooser/applications/usecases/ColumnChooserSelectUseCase.js

@@ -0,0 +1,26 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ColumnChooserSelectUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      columnId,
+      isChecked
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+
+    if (isChecked) {
+      columnChooser.select(columnId);
+    } else {
+      columnChooser.deselect(columnId);
+    }
+
+    presenter.updateView(columnChooser.toObject());
+  }
+
+}
+
+export default ColumnChooserSelectUseCase;