@zohodesk/library-platform 1.1.9 → 1.1.10-exp.2

package/es/library/dot/legacy-to-new-arch/multi-select/frameworks/ui/css/MultiSelectView.module.css

@@ -0,0 +1,37 @@
+.actionContainer {
+    margin-top: 4px;
+}
+
+.custmInputWrapper {
+    position: absolute;
+    top: 0;
+    width: 100%;
+}
+
+[dir=ltr] .custmInputWrapper {
+    left: 0;
+}
+
+[dir=rtl] .custmInputWrapper {
+    right: 0;
+}
+
+.clearIconContainer {
+    --textboxicon_icon_margin: 0;
+}
+
+[dir=ltr] .paddingRight64 {
+    padding-right: 64px;
+}
+
+[dir=rtl] .paddingRight64 {
+    padding-left: 64px;
+}
+
+[dir=ltr] .paddingRight96 {
+    padding-right: 96px;
+}
+
+[dir=rtl] .paddingRight96 {
+    padding-left: 96px;
+}

package/es/library/dot/legacy-to-new-arch/select/frameworks/ui/SelectView.js

@@ -1,7 +1,7 @@
 import React from "react";
 import Select from '@zohodesk/components/es/Select/Select';
 import SelectConstants from "../../../../../../cc/select/Constants";
-import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
+import RowActionsRenderer from "../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 
 function SelectView(_ref, ref) {
   let {
@@ -27,7 +27,7 @@ function SelectView(_ref, ref) {
   }));
 
   const renderRightFieldActions = () => {
-    return actions !== null && actions !== void 0 && actions.length ? /*#__PURE__*/React.createElement(ActionEventMediator, {
+    return actions?.length ? /*#__PURE__*/React.createElement(RowActionsRenderer, {
       actions: actions
     }) : null;
   };

package/es/library/dot/legacy-to-new-arch/switch/frameworks/ui/SwitchView.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Switch from '@zohodesk/components/es/Switch/Switch';
+import Switch from '@zohodesk-private/dot-registry/es/Switch/Switch';
 import { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import { SwitchConstants } from "../../../../../../cc";
 
@@ -21,14 +21,14 @@ function SwitchView(_ref, ref) {
   let id = getId();
   return /*#__PURE__*/React.createElement(Switch, {
     customProps: {
-      SwitchProps: {
-        eleRef: ref
+      container: {
+        ref
       }
     },
     id: id,
     size: size,
-    checked: checked,
-    disabled: disabled,
+    isChecked: checked,
+    isDisabled: disabled,
     title: tooltip,
     onChange: () => {
       dispatch({

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

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import SingleSelectFilter from '@zohodesk-private/desk-components/es/SingleSelectFilter/SingleSelectFilter';
 import MultiSelectFilter from '@zohodesk-private/desk-components/es/MultiSelectFilter/MultiSelectFilter';
@@ -95,11 +97,11 @@ function TableColumnFilterView(_ref, ref) {
     onClear: handleClear,
     onSearch: handleSearch
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isMultiSelect ? /*#__PURE__*/React.createElement(MultiSelectFilter, { ...commonProps,
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isMultiSelect ? /*#__PURE__*/React.createElement(MultiSelectFilter, _extends({}, commonProps, {
     selectedOptions: selectedOptions
-  }) : /*#__PURE__*/React.createElement(SingleSelectFilter, { ...commonProps,
+  })) : /*#__PURE__*/React.createElement(SingleSelectFilter, _extends({}, commonProps, {
     selectedOption: selectedOptions
-  }));
+  })));
 }
 
 export default TableColumnFilterView;

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

@@ -1,14 +1,22 @@
 import React from 'react';
 import { Text } from "../../../..";
+import { formatCurrency } from "../../../../../../translator-common";
 export function CurrencyFieldView(_ref, ref) {
   let {
     state
   } = _ref;
   const {
-    value
+    value,
+    currencyLocale,
+    currencySymbol
   } = state.properties;
+  const formatedValue = formatCurrency({
+    value,
+    locale: currencyLocale,
+    symbol: currencySymbol
+  });
   return /*#__PURE__*/React.createElement(Text, {
     getRef: ref,
-    text: value
+    text: formatedValue
   });
 }

package/es/library/dot/legacy-to-new-arch/table-field-components/index.js

@@ -19,6 +19,7 @@ import MultiSelectField from "./multiselect-field/frameworks/ui/MultiSelectField
 const FieldComponents = {
   [FieldTypes.CheckboxField]: CheckboxField,
   [FieldTypes.SwitchField]: SwitchField,
+  // TODO: Need to register SwitchField
   [FieldTypes.SingleLineField]: SingleLineField,
   [FieldTypes.EmailField]: EmailField,
   [FieldTypes.URLField]: UrlField,

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

@@ -11,7 +11,6 @@ export default function SwitchFieldView(_ref, ref) {
     getRef: ref,
     checked: value,
     disabled: false,
-    size: 'small',
     tooltip: ""
   });
 }

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

@@ -1,5 +1,5 @@
 import React from "react";
-import Typography from "@zohodesk/components/es/v1/Typography/Typography";
+import Typography from "@zohodesk/components/es/Typography/Typography";
 import { TextConstants } from "../../../../../../cc";
 
 function TextView(_ref, ref) {

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

@@ -1,6 +1,9 @@
 import React from "react";
 import Textarea from '@zohodesk/components/es/Textarea/Textarea';
-import TextAreaConstants from "../../../../../../cc/textarea/Constants";
+import TextAreaConstants from "../../../../../../cc/textarea/Constants"; // @ts-ignore
+
+import style from "./css/TextAreaView.module.css";
+import RowActionsRenderer from "../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 
 function TextAreaView(_ref, ref) {
   let {
@@ -17,9 +20,10 @@ function TextAreaView(_ref, ref) {
     value,
     required,
     disabled,
-    readonly
+    readonly,
+    actions
   } = state.properties;
-  return /*#__PURE__*/React.createElement(Textarea, {
+  const textAreaRenderer = /*#__PURE__*/React.createElement(Textarea, {
     getRef: ref,
     htmlId: id,
     maxLength: maxLength,
@@ -29,6 +33,7 @@ function TextAreaView(_ref, ref) {
     isDisabled: disabled,
     animated: !readonly && !disabled,
     size: "xsmall",
+    resize: "vertical",
     customAttributes: {
       'aria-required': required
     },
@@ -45,8 +50,21 @@ function TextAreaView(_ref, ref) {
           value
         }
       });
-    }
+    },
+    customClass: `${actions?.length ? style[`paddingRight${actions.length === 1 ? 32 : actions.length === 2 ? 64 : 96}`] : ''}`
   });
+
+  if (!actions?.length) {
+    return textAreaRenderer;
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.hasChildren
+  }, textAreaRenderer, /*#__PURE__*/React.createElement("div", {
+    className: style.rightPlaceholder
+  }, /*#__PURE__*/React.createElement(RowActionsRenderer, {
+    actions: actions
+  })));
 }
 
 export default TextAreaView;

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

@@ -0,0 +1,40 @@
+.hasChildren {
+    position: relative;
+}
+
+.rightPlaceholder {
+    position: absolute;
+    bottom: 4px;
+}
+
+[dir=ltr] .rightPlaceholder {
+    right: 12px;
+}
+
+[dir=rtl] .rightPlaceholder {
+    left: 12px;
+}
+
+[dir=ltr] .paddingRight32 {
+    padding-right: 32px;
+}
+
+[dir=rtl] .paddingRight32 {
+    padding-left: 32px;
+}
+
+[dir=ltr] .paddingRight64 {
+    padding-right: 64px;
+}
+
+[dir=rtl] .paddingRight64 {
+    padding-left: 64px;
+}
+
+[dir=ltr] .paddingRight96 {
+    padding-right: 96px;
+}
+
+[dir=rtl] .paddingRight96 {
+    padding-left: 96px;
+}

package/es/library/dot/legacy-to-new-arch/textbox/frameworks/ui/TextBoxView.js

@@ -1,7 +1,7 @@
 import React from "react";
-import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import TextBox from "@zohodesk/components/es/TextBoxIcon/TextBoxIcon";
 import TextBoxConstants from "../../../../../../cc/textbox/Constants";
+import RowActionsRenderer from "../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 
 function TextBoxView(_ref, ref) {
   let {
@@ -25,7 +25,7 @@ function TextBoxView(_ref, ref) {
   } = state.properties;
 
   const renderRightFieldActions = () => {
-    return actions !== null && actions !== void 0 && actions.length ? /*#__PURE__*/React.createElement(ActionEventMediator, {
+    return actions?.length ? /*#__PURE__*/React.createElement(RowActionsRenderer, {
       actions: actions
     }) : null;
   };

package/es/library/slot/frameworks/ui/ConvertSlotToComponent.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import ComponentRegistry from "../../../custom-component/frameworks/ui/ComponentRegistry";
 export default function ConvertSlotToComponent(slot) {
@@ -15,9 +17,8 @@ export default function ConvertSlotToComponent(slot) {
       properties
     } = component;
     const Child = ComponentRegistry.get(type);
-    return /*#__PURE__*/React.createElement(Child, {
-      key: index,
-      ...properties
-    });
+    return /*#__PURE__*/React.createElement(Child, _extends({
+      key: index
+    }, properties));
   });
 }

package/es/library/translator-common/adapters/presenter/formatCurrency.js

@@ -0,0 +1,42 @@
+function isValidNumber() {
+  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  const rejexPattern = new RegExp('^(\\d+\\.?\\d*|\\.\\d+)$');
+  const isValidInt = rejexPattern.test(value);
+  return isValidInt;
+}
+
+export default function formatCurrency(_ref) {
+  let {
+    value,
+    symbol = 'Rs.',
+    locale = 'IN'
+  } = _ref;
+  const isValidInt = isValidNumber(value);
+
+  if (isValidInt && symbol) {
+    const currencyArr = new Intl.NumberFormat(`en-${locale}`).formatToParts(value);
+    let currencyVal = '';
+    currencyArr.map(val => {
+      if (val.type == 'group') {
+        currencyVal += ',';
+      } else if (val.type == 'integer') {
+        currencyVal += val.value;
+      }
+    });
+
+    if (value.indexOf('.') != -1) {
+      const fractionVal = value.split(".")[1];
+
+      for (let i = fractionVal.length - 1; i >= 0; i--) {
+        if (fractionVal[i] != 0) {
+          currencyVal += `.${fractionVal.slice(0, i + 1)}`;
+          break;
+        }
+      }
+    }
+
+    return `${symbol}${currencyVal}`;
+  }
+
+  return value;
+}

package/es/library/translator-common/index.js

@@ -1 +1,2 @@
-export { default as TransFormState } from "./adapters/presenter/TransFormState";
+export { default as TransFormState } from "./adapters/presenter/TransFormState";
+export { default as formatCurrency } from "./adapters/presenter/formatCurrency";

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

@@ -0,0 +1,31 @@
+import AppContextProperties from "../../../bc/app-context/Properties";
+import { platformSDK } from "../../sdk/frameworks/Sdk";
+import ResourceNamesEnum from "../../../bc/sdk/ResourceNamesEnum";
+
+class AppContextBehaviourFactory {
+  static create() {
+    return {
+      name: 'appContext',
+      setInitialState: _ref => {
+        let {
+          properties: {
+            context
+          }
+        } = _ref;
+        const appResource = platformSDK[ResourceNamesEnum.APP];
+        return {
+          headers: appResource.getApiHeader(),
+          context: { ...appResource.getContext(),
+            ...context
+          }
+        };
+      },
+      // eventHandlers: EventHandlerFactory.create(),
+      eventHandlers: {},
+      properties: AppContextProperties
+    };
+  }
+
+}
+
+export default AppContextBehaviourFactory;

package/es/platform/client-actions/behaviour/zclient-actions/adapters/controllers/MountController.js

@@ -1,25 +1,22 @@
-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; }
-
 export default class MountController {
   constructor(recordApis, service) {
     this.recordApis = recordApis;
     this.service = service;
-
-    _defineProperty(this, "handle", event => {
-      const {
-        state,
-        updateState,
-        dispatch
-      } = event;
-      const {
-        initializeUseCase
-      } = this.service;
-      initializeUseCase.updateDependency(state, updateState);
-      initializeUseCase.execute({
-        dispatch,
-        apiTemplates: this.recordApis
-      });
-    });
   }
 
+  handle = event => {
+    const {
+      state,
+      updateState,
+      dispatch
+    } = event;
+    const {
+      initializeUseCase
+    } = this.service;
+    initializeUseCase.updateDependency(state, updateState);
+    initializeUseCase.execute({
+      dispatch,
+      apiTemplates: this.recordApis
+    });
+  };
 }

package/es/platform/client-actions/behaviour/zclient-actions/adapters/gateways/Repository.js

@@ -1,11 +1,5 @@
-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 ClientActionManagerFactory from "../../applications/entities-factory/ClientActionManagerFactory";
 export default class Repository {
-  constructor() {
-    _defineProperty(this, "state", void 0);
-  }
-
   init(state) {
     this.state = state;
   }

package/es/platform/client-actions/behaviour/zclient-actions/adapters/gateways/Service.js

@@ -1,5 +1,3 @@
-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 InitializeUseCase from "../../applications/usecases/InitializeUseCase";
 import ExecuteActionBehaviourUseCase from "../../applications/usecases/ExecuteActionBehaviourUseCase";
 import FailureUseCase from "../../applications/usecases/FailureUseCase";
@@ -9,20 +7,6 @@ import SetClientActionsUseCase from "../../applications/usecases/SetClientAction
 import FetchStateStopUseCase from "../../applications/usecases/FetchStateStopUseCase";
 export default class Service {
   constructor(dependencies) {
-    _defineProperty(this, "initializeUseCase", void 0);
-
-    _defineProperty(this, "executeActionBehaviourUseCase", void 0);
-
-    _defineProperty(this, "failureUseCase", void 0);
-
-    _defineProperty(this, "successUseCase", void 0);
-
-    _defineProperty(this, "fetchStateStopUseCase", void 0);
-
-    _defineProperty(this, "noContentUseCase", void 0);
-
-    _defineProperty(this, "setClientActionsUseCase", void 0);
-
     this.initializeUseCase = new InitializeUseCase(dependencies);
     this.executeActionBehaviourUseCase = new ExecuteActionBehaviourUseCase(dependencies);
     this.failureUseCase = new FailureUseCase(dependencies);

package/es/platform/client-actions/behaviour/zclient-actions/adapters/presenters/Presenter.js

@@ -1,12 +1,4 @@
-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; }
-
 export default class Presenter {
-  constructor() {
-    _defineProperty(this, "updateState", void 0);
-
-    _defineProperty(this, "state", void 0);
-  }
-
   updateDependencies(state, updateState) {
     this.updateState = updateState;
     this.state = state;

package/es/platform/client-actions/behaviour/zclient-actions/adapters/resources/ClientActionResource.js

@@ -20,15 +20,13 @@ export class ClientActionResource extends AbstractResource {
   }
 
   createUseCase(dependencies, UseCaseClass) {
-    var _usecase$updateDepend, _usecase$updateDepend2;
-
     const {
       state,
       updateState
     } = this.dependencies;
     const usecase = new UseCaseClass(dependencies);
-    (_usecase$updateDepend = usecase.updateDependency) === null || _usecase$updateDepend === void 0 ? void 0 : _usecase$updateDepend.call(usecase, state, updateState);
-    (_usecase$updateDepend2 = usecase.updateDependencies) === null || _usecase$updateDepend2 === void 0 ? void 0 : _usecase$updateDepend2.call(usecase, state, updateState);
+    usecase.updateDependency?.(state, updateState);
+    usecase.updateDependencies?.(state, updateState);
     return usecase;
   }
 

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/GetClientActionLocationUseCase.js

@@ -12,7 +12,7 @@ class GetClientActionLocationUseCase extends AbstractUseCase {
     const clientActionManager = repository.getClientActionsManagerEntity();
     clientActionManager.validateClientActionId(id);
     const clientAction = clientActionManager.getClientAction(id);
-    callback === null || callback === void 0 ? void 0 : callback(clientAction.getLocation());
+    callback?.(clientAction.getLocation());
   }
 
 }

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/GetClientActionUIComponentPropertiesUseCase.js

@@ -12,7 +12,7 @@ class GetClientActionUIComponentPropertiesUseCase extends AbstractUseCase {
     const clientActionManager = repository.getClientActionsManagerEntity();
     clientActionManager.validateClientActionId(id);
     const clientAction = clientActionManager.getClientAction(id);
-    callback === null || callback === void 0 ? void 0 : callback(clientAction.getUIComponentProperties());
+    callback?.(clientAction.getUIComponentProperties());
   }
 
 }

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/GetClientActionsUseCase.js

@@ -10,7 +10,7 @@ class GetClientActionsUseCase extends AbstractUseCase {
     } = this.dependencies;
     const clientActionManager = repository.getClientActionsManagerEntity();
     const clientActions = clientActionManager.getClientActionModels();
-    callback === null || callback === void 0 ? void 0 : callback(clientActions);
+    callback?.(clientActions);
   }
 
 }

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/SetClientActionsUseCase.js

@@ -10,9 +10,14 @@ class SetClientActionsUseCase extends AbstractUseCase {
     const {
       clientActions
     } = input;
+
+    if (!clientActions) {
+      return;
+    }
+
     const recordManager = repository.getClientActionsManagerEntity();
     const recordsEntity = ClientActionFactory.createMultipleClientActions(clientActions);
-    recordManager.setClientActions(recordsEntity);
+    recordManager.setData(recordsEntity);
     presenter.updateClientAction(recordManager.toObject());
   }
 

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/UpdateClientActionUIComponentPropertiesUseCase.js

@@ -24,7 +24,7 @@ class UpdateClientActionUIComponentPropertiesUseCase extends AbstractUseCase {
         clientActions: updatedClientActions
       }
     });
-    callback === null || callback === void 0 ? void 0 : callback(updatedClientAction.getUIComponentProperties());
+    callback?.(updatedClientAction.getUIComponentProperties());
   }
 
 }

package/es/platform/client-actions/behaviour/zclient-actions/domain/entities/ClientAction.js

@@ -1,32 +1,6 @@
-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 UIComponentMapping from "./UIComponentMapping";
 export default class ClientAction {
   constructor(clientActionObj) {
-    _defineProperty(this, "id", void 0);
-
-    _defineProperty(this, "name", void 0);
-
-    _defineProperty(this, "component", void 0);
-
-    _defineProperty(this, "location", void 0);
-
-    _defineProperty(this, "uiComponentMapping", void 0);
-
-    _defineProperty(this, "modules", void 0);
-
-    _defineProperty(this, "modifiedTime", void 0);
-
-    _defineProperty(this, "createdTime", void 0);
-
-    _defineProperty(this, "modifiedBy", void 0);
-
-    _defineProperty(this, "createdBy", void 0);
-
-    _defineProperty(this, "conditions", void 0);
-
-    _defineProperty(this, "conditionMeta", void 0);
-
     this.id = clientActionObj.id;
     this.name = clientActionObj.name;
     this.component = clientActionObj.component;