@zohodesk/library-platform 1.1.13 → 1.2.0

package/es/library/dot/components/form-fields/decimal/frameworks/ui/DecimalView.js

@@ -13,6 +13,7 @@ function DecimalView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -42,6 +43,7 @@ function DecimalView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     required: required,
     disabled: disabled,
     readonly: readonly,

package/es/library/dot/components/form-fields/email/frameworks/ui/Email.js

@@ -1,5 +1,5 @@
 import { createCustomComponent } from "../../../../../../custom-component";
-import EmailProperties from "../../../../../../../cc/fields/text/Properties";
+import EmailProperties from "../../../../../../../cc/fields/email/Properties";
 import EmailView from "./EmailView";
 import EventHandlersFactory from "./EventHandlerFactory";
 import FocusFieldBehaviourFactory from "../../../../../../behaviours/field-focus/frameworks/ui/FocusFieldBehaviourFactory";

package/es/library/dot/components/form-fields/email/frameworks/ui/EmailView.js

@@ -13,6 +13,7 @@ function EmailView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     disabled,
     readonly,
     errorMessage,
@@ -42,6 +43,7 @@ function EmailView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/form-fields/number/frameworks/ui/NumberView.js

@@ -13,6 +13,7 @@ function NumberView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -42,6 +43,7 @@ function NumberView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/form-fields/phone/frameworks/ui/PhoneView.js

@@ -13,6 +13,7 @@ function PhoneView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -42,6 +43,7 @@ function PhoneView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/form-fields/textarea/frameworks/ui/TextArea.js

@@ -1,5 +1,5 @@
 import { createCustomComponent } from "../../../../../../custom-component";
-import TextAreaProperties from "../../../../../../../cc/fields/text/Properties";
+import TextAreaProperties from "../../../../../../../cc/fields/multi-line/Properties";
 import TextAreaView from "./TextAreaView";
 import EventHandlerFactory from "./EventHandlerFactory";
 import FocusFieldBehaviourFactory from "../../../../../../behaviours/field-focus/frameworks/ui/FocusFieldBehaviourFactory";

package/es/library/dot/components/form-fields/textarea/frameworks/ui/TextAreaView.js

@@ -20,7 +20,8 @@ function TextAreaView(_ref, ref) {
     uiConfig,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    maxLength
   } = state.properties;
   const {
     size,
@@ -46,7 +47,8 @@ function TextAreaView(_ref, ref) {
     disabled: disabled,
     readonly: readonly,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    maxLength: maxLength
   })));
 }
 

package/es/library/dot/components/form-fields/textbox/frameworks/ui/TextBoxView.js

@@ -13,6 +13,7 @@ function TextBoxView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -42,6 +43,7 @@ function TextBoxView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     required: required,
     disabled: disabled,
     readonly: readonly,

package/es/library/dot/components/form-fields/url/frameworks/ui/UrlView.js

@@ -13,6 +13,7 @@ function UrlView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     uiConfig,
     errorMessage,
     disabled,
@@ -42,6 +43,7 @@ function UrlView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

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

@@ -41,7 +41,7 @@ function HeaderData(_ref) {
       },
       $customProps_container: hasActions ? {
         $ui_displayMode: 'flex',
-        $ui_alignItems: 'center',
+        $ui_alignItems: isMultiline ? 'baseline' : 'center',
         $ui_justifyContent: AlignmentOfFlex[alignment]
       } : null,
       customStyle: hasActions ? {

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

@@ -6,6 +6,16 @@ export default function TextFieldView(_ref, ref) {
   } = _ref;
   const {
     text,
+    size,
+    display,
+    decoration,
+    textAlign,
+    lineClamp,
+    lineHeight,
+    transform,
+    whiteSpace,
+    wordWrap,
+    wordBreak,
     weight,
     isDotted,
     tooltip
@@ -13,6 +23,16 @@ export default function TextFieldView(_ref, ref) {
   return /*#__PURE__*/React.createElement(Text, {
     getRef: ref,
     text: text,
+    size: size,
+    display: display,
+    decoration: decoration,
+    textAlign: textAlign,
+    lineClamp: lineClamp,
+    lineHeight: lineHeight,
+    transform: transform,
+    whiteSpace: whiteSpace,
+    wordWrap: wordWrap,
+    wordBreak: isDotted ? wordBreak : 'breakWord',
     tooltip: tooltip,
     weight: weight,
     isDotted: isDotted

package/es/library/dot/legacy-to-new-arch/text/frameworks/ui/Text.js

@@ -5,7 +5,7 @@ let WrapText = createCustomComponent({
   name: "TableText",
   View: TextView,
   properties: TextProperties,
-  actions: TextActions,
-  actionHandlers: {}
+  events: TextActions,
+  eventHandlers: {}
 });
 export default WrapText;

package/es/library/dot/legacy-to-new-arch/text/frameworks/ui/TextView.js

@@ -12,7 +12,18 @@ function TextView(_ref, ref) {
   } = helpers;
   let {
     text,
+    size,
+    display,
+    decoration,
+    textAlign,
+    lineClamp,
+    lineHeight,
+    letterSpacing,
+    transform,
+    whiteSpace,
+    wordWrap,
     weight,
+    wordBreak,
     tooltip,
     isDotted
   } = state.properties;
@@ -27,9 +38,19 @@ function TextView(_ref, ref) {
         });
       }
     },
-    $ui_size: "14",
+    $ui_size: size,
     $flag_dotted: isDotted,
+    $ui_display: display,
+    $ui_decoration: decoration,
     $ui_weight: weight,
+    $ui_textAlign: textAlign,
+    $ui_wordBreak: wordBreak,
+    $ui_lineClamp: lineClamp,
+    $ui_letterSpacing: letterSpacing,
+    $ui_lineHeight: lineHeight,
+    $ui_transform: transform,
+    $ui_whiteSpace: whiteSpace,
+    $ui_wordWrap: wordWrap,
     $i18n_dataTitle: tooltip || text
   }, text);
 }

package/es/platform/app-context-behaviour/adapters/controllers/AbstractController.js

@@ -0,0 +1,9 @@
+class AbstractController {
+  constructor(service) {
+    this.service = service;
+    this.handle = this.handle.bind(this);
+  }
+
+}
+
+export default AbstractController;

package/es/platform/app-context-behaviour/adapters/controllers/UpdatePropertiesController.js

@@ -0,0 +1,32 @@
+import AbstractController from "./AbstractController";
+
+class UpdatePropertiesController extends AbstractController {
+  handle(event) {
+    const {
+      updatePropertiesUsecase
+    } = this.service;
+    const {
+      state,
+      updateState,
+      action
+    } = event;
+    const {
+      currentProperties,
+      previousProperties
+    } = action.payload;
+    const {
+      context
+    } = previousProperties;
+    const {
+      context: newContext
+    } = currentProperties;
+    updatePropertiesUsecase.updateDependencies(state, updateState);
+    updatePropertiesUsecase.execute({
+      context,
+      newContext
+    });
+  }
+
+}
+
+export default UpdatePropertiesController;

package/es/platform/app-context-behaviour/adapters/gateway/Repository.js

@@ -0,0 +1,22 @@
+import { platformSDK } from "../../../sdk/frameworks/Sdk";
+import ResourceNamesEnum from "../../../../bc/sdk/ResourceNamesEnum";
+import AppContext from "../../domain/entities/AppContext";
+const EMPTY_OBJ = {};
+export default class Repository {
+  init(state) {
+    this.state = state;
+  }
+
+  getAppContextEntity() {
+    const {
+      context
+    } = this.state.properties;
+    const appResource = platformSDK[ResourceNamesEnum.APP];
+    const headers = appResource ? appResource.getApiHeader() : EMPTY_OBJ;
+    const appContext = appResource ? appResource.getContext() : EMPTY_OBJ;
+    return new AppContext({ ...appContext,
+      ...context
+    }, headers);
+  }
+
+}

package/es/platform/app-context-behaviour/adapters/gateway/Service.js

@@ -0,0 +1,10 @@
+import UpdatePropertiesUsecase from "../../applications/usecases/UpdatePropertiesUsecase";
+
+class Service {
+  constructor(dependencies) {
+    this.updatePropertiesUsecase = new UpdatePropertiesUsecase(dependencies);
+  }
+
+}
+
+export default Service;

package/es/platform/app-context-behaviour/adapters/presenter/Presenter.js

@@ -0,0 +1,16 @@
+export default class Presenter {
+  updateDependencies(state, updateState) {
+    this.state = state;
+    this.updateState = updateState;
+  }
+
+  updateBehaviourState(data) {
+    this.state = { ...this.state,
+      behaviours: { ...this.state.behaviours,
+        appContext: data
+      }
+    };
+    this.updateState(this.state);
+  }
+
+}

package/es/platform/app-context-behaviour/applications/interfaces/UseCaseDependencies.js

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

package/es/platform/app-context-behaviour/applications/interfaces/gateways/IRepository.js

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

package/es/platform/app-context-behaviour/applications/interfaces/gateways/IService.js

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

package/es/platform/app-context-behaviour/applications/interfaces/input/UpdatePropertiesInputModel.js

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

package/es/platform/app-context-behaviour/applications/interfaces/output/BehaviourOutputModel.js

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

package/es/platform/app-context-behaviour/applications/interfaces/output/IPresenter.js

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

package/es/platform/app-context-behaviour/applications/usecases/AbstractUseCase.js

@@ -0,0 +1,17 @@
+class AbstractUseCase {
+  constructor(dependencies) {
+    this.dependencies = dependencies;
+  }
+
+  updateDependencies(state, updateState) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    repository.init(state);
+    presenter.updateDependencies(state, updateState);
+  }
+
+}
+
+export default AbstractUseCase;

package/es/platform/app-context-behaviour/applications/usecases/UpdatePropertiesUsecase.js

@@ -0,0 +1,25 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class UpdatePropertiesUsecase extends AbstractUseCase {
+  execute(input) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const {
+      context,
+      newContext
+    } = input;
+    const appContext = repository.getAppContextEntity();
+
+    if (appContext.isEqualContext(context, newContext)) {
+      return;
+    }
+
+    appContext.updateContext(newContext);
+    presenter.updateBehaviourState(appContext.toObject());
+  }
+
+}
+
+export default UpdatePropertiesUsecase;

package/es/platform/app-context-behaviour/domain/entities/AppContext.js

@@ -0,0 +1,44 @@
+class AppContext {
+  constructor(context, headers) {
+    this.context = context;
+    this.headers = headers;
+  }
+
+  updateContext(context) {
+    this.context = { ...this.context,
+      ...context
+    };
+  }
+
+  getContext() {
+    return this.context;
+  }
+
+  isEqualContext(context1, context2) {
+    // shallow comparison
+    const keys1 = Object.keys(context1);
+    const keys2 = Object.keys(context2);
+
+    if (keys1.length !== keys2.length) {
+      return false;
+    }
+
+    for (const key of keys1) {
+      if (context1[key] !== context2[key]) {
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  toObject() {
+    return {
+      context: this.context,
+      headers: this.headers
+    };
+  }
+
+}
+
+export default AppContext;

package/es/platform/app-context-behaviour/domain/entities/interfaces/IAppContext.js

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

package/es/platform/app-context-behaviour/frameworks/AppContextBehaviourFactory.js

@@ -1,6 +1,7 @@
 import AppContextProperties from "../../../bc/app-context/Properties";
 import { platformSDK } from "../../sdk/frameworks/Sdk";
 import ResourceNamesEnum from "../../../bc/sdk/ResourceNamesEnum";
+import EventHandlersFactory from "./EventHandlerFactory";
 
 class AppContextBehaviourFactory {
   static create() {
@@ -20,8 +21,7 @@ class AppContextBehaviourFactory {
           }
         };
       },
-      // eventHandlers: EventHandlerFactory.create(),
-      eventHandlers: {},
+      eventHandlers: EventHandlersFactory.create(),
       properties: AppContextProperties
     };
   }

package/es/platform/app-context-behaviour/frameworks/EventHandlerFactory.js

@@ -0,0 +1,22 @@
+import LifeCycleAction from "../../../cc/architecture/LifeCycleActionEnum";
+import Repository from "../adapters/gateway/Repository";
+import Service from "../adapters/gateway/Service";
+import Presenter from "../adapters/presenter/Presenter";
+import UpdatePropertiesController from "../adapters/controllers/UpdatePropertiesController";
+
+class EventHandlersFactory {
+  static create() {
+    const presenter = new Presenter();
+    const repository = new Repository();
+    const service = new Service({
+      presenter,
+      repository
+    });
+    return {
+      [LifeCycleAction.UPDATE_PROPERTIES]: new UpdatePropertiesController(service).handle
+    };
+  }
+
+}
+
+export default EventHandlersFactory;

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

@@ -4,20 +4,28 @@ class ColumnChooserOpenController extends AbstractController {
   handle(event) {
     const {
       state,
-      action,
       updateState
     } = event;
     const {
-      order,
-      selectedArray
-    } = action.payload;
+      zfield
+    } = state.behaviours;
+    const {
+      fields: availableFields,
+      selectedFields
+    } = zfield;
+    const columnChooserOptionsOrder = [...selectedFields];
+    availableFields.forEach(field => {
+      if (!selectedFields.includes(field.name)) {
+        columnChooserOptionsOrder.push(field.name);
+      }
+    });
     const {
       columnChooserOpenUseCase
     } = this.service;
     columnChooserOpenUseCase.updateDependencies(state, updateState);
     columnChooserOpenUseCase.execute({
-      order,
-      selectedArray
+      order: columnChooserOptionsOrder,
+      selectedArray: selectedFields
     });
   }
 

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

@@ -0,0 +1,22 @@
+import AbstractController from "./AbstractController";
+export default class ColumnChooserUpdateController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      dispatch,
+      action
+    } = event;
+    const {
+      selectedArray
+    } = action.payload;
+    const {
+      columnChooserUpdateUseCase
+    } = this.service;
+    columnChooserUpdateUseCase.updateDependencies(state, dispatch);
+    columnChooserUpdateUseCase.execute({
+      selectedArray,
+      dispatch
+    });
+  }
+
+}

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

@@ -13,10 +13,21 @@ class Repository {
     const {
       columnChooser
     } = this.state.behaviours;
+    const {
+      context
+    } = this.state.behaviours.appContext;
+    const {
+      viewId,
+      departmentId
+    } = this.state.properties;
     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);
+    return new ColumnChooserImp(columnChooser.isSaved, reorderEntity, searchEntity, selectEntity, {
+      context,
+      viewId,
+      departmentId
+    });
   }
 
   createSearchEntity() {

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

@@ -4,6 +4,7 @@ import ColumnChooserReorderUseCase from "../../applications/usecases/ColumnChoos
 import ColumnChooserSearchUseCase from "../../applications/usecases/ColumnChooserSearchUseCase";
 import ColumnChooserSaveUseCase from "../../applications/usecases/ColumnChooserSaveUseCase";
 import ColumnChooserCloseUseCase from "../../applications/usecases/ColumnChooserCloseUseCase";
+import ColumnChooserUpdateUseCase from "../../applications/usecases/ColumnChooserUpdateUseCase";
 
 class Service {
   constructor(dependencies) {
@@ -13,6 +14,7 @@ class Service {
     this.columnChooserSearchUseCase = new ColumnChooserSearchUseCase(dependencies);
     this.columnChooserSaveUseCase = new ColumnChooserSaveUseCase(dependencies);
     this.columnChooserCloseUseCase = new ColumnChooserCloseUseCase(dependencies);
+    this.columnChooserUpdateUseCase = new ColumnChooserUpdateUseCase(dependencies);
   }
 
 }

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

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

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

@@ -1,3 +1,4 @@
+import { COLUMN_CHOOSER_SAVED } from "../../../../cc/table-column-chooser/Constants";
 import AbstractUseCase from "./AbstractUseCase";
 import { COLUMN_CHOOSER_BEHAVIOUR_UPDATED } from "../../../../bc/column-chooser/Constants";
 
@@ -16,6 +17,7 @@ class ColumnChooserSaveUseCase extends AbstractUseCase {
     columnChooser.markAsSaved();
     presenter.updateView(columnChooser.toObject()); // TODO: exposer.columnChooserUpdated({ fields });
 
+    presenter.updateView(columnChooser.toObject());
     dispatch({
       type: COLUMN_CHOOSER_BEHAVIOUR_UPDATED,
       payload: {
@@ -23,7 +25,12 @@ class ColumnChooserSaveUseCase extends AbstractUseCase {
         order
       }
     });
-    presenter.updateView(columnChooser.toObject());
+    dispatch({
+      type: COLUMN_CHOOSER_SAVED,
+      payload: {
+        selectedArray
+      }
+    });
   }
 
 }

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

@@ -0,0 +1,35 @@
+import { FIELD_EXECUTE } from "../../../../bc/zfield/Constants";
+import AbstractUseCase from "./AbstractUseCase";
+
+class ColumnChooserUpdateUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      selectedArray,
+      dispatch
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+    const {
+      context,
+      viewId,
+      departmentId
+    } = columnChooser.getContexts();
+    dispatch({
+      type: FIELD_EXECUTE,
+      payload: {
+        actionName: 'updateSelectedFields',
+        props: { ...context,
+          fields: selectedArray,
+          viewId,
+          departmentId
+        },
+        apiName: 'updateSelectedFields'
+      }
+    });
+  }
+
+}
+
+export default ColumnChooserUpdateUseCase;

package/es/platform/column-chooser/domain/entities/ColumnChooserImp.js

@@ -4,10 +4,16 @@ export default class ColumnChooserImp {
     let reorderEntity = arguments.length > 1 ? arguments[1] : undefined;
     let searchEntity = arguments.length > 2 ? arguments[2] : undefined;
     let selectEntity = arguments.length > 3 ? arguments[3] : undefined;
+    let contexts = arguments.length > 4 ? arguments[4] : undefined;
     this.isSaved = isSaved;
     this.reorderEntity = reorderEntity;
     this.searchEntity = searchEntity;
     this.selectEntity = selectEntity;
+    this.contexts = contexts;
+  }
+
+  getContexts() {
+    return this.contexts;
   }
 
   markAsSaved() {