@zohodesk/library-platform 1.1.0-exp.2 → 1.1.1-exp.6

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

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import { TableColumnSortProperties } from "../../../../../../cc/table-column-sort";
+import TableColumnSortView from "./TableColumnSortView";
+const TableColumnSort = createCustomComponent({
+  name: 'TableColumnSort',
+  View: TableColumnSortView,
+  properties: TableColumnSortProperties,
+  events: [],
+  eventHandlers: {}
+});
+export default TableColumnSort;

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import SortDropdown from '@zohodesk-private/desk-components/es/table/SortDropdown/SortDropdown';
+import { TableColumnSortConstants } from "../../../../../../cc/table-column-sort"; // @ts-ignore
+
+import style from "./css/TableColumnSort.module.css";
+
+function TableColumnSortView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  let {
+    dispatch
+  } = helpers;
+  let {
+    value,
+    ascendingLabel,
+    descendingLabel
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(SortDropdown, {
+    selectedValue: value,
+    ascendingLabel: ascendingLabel,
+    descendingLabel: descendingLabel,
+    onSort: _ref2 => {
+      let {
+        value
+      } = _ref2;
+      return dispatch({
+        type: TableColumnSortConstants.SORT_CLICKED,
+        payload: {
+          value
+        }
+      });
+    },
+    customStyle: {
+      parentContainer: `${style.parentContainer} ${value !== 'none' ? style.active : ''}`
+    },
+    customAttributes_container: {
+      ref
+    }
+  });
+}
+
+export default TableColumnSortView;

package/es/library/dot/legacy-to-new-arch/table-column-sort/frameworks/ui/css/TableColumnSort.module.css

@@ -0,0 +1,11 @@
+.parentContainer {
+  visibility: hidden;
+  opacity: 0;
+}
+
+:global(.GLOBAL_ZDDC_tableHead:hover) .parentContainer,
+:global(.GLOBAL_ZDDC_tableHead:has([dot-ui-element="dropbox"])) .parentContainer,
+.active {
+  visibility: visible;
+  opacity: 1;
+}

package/es/library/dot/legacy-to-new-arch/table-field-components/coloured-multiselect-field/frameworks/ui/ColouredMultiSelectField.js

@@ -0,0 +1,12 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import ColouredMultiSelectProperties from "../../../../../../../cc/fields/coloured-multi-select/Properties";
+import ColouredMultiSelectEvents from "../../../../../../../cc/fields/coloured-multi-select/Events";
+import { ColouredMultiSelectFieldView } from "./ColouredMultiSelectFieldView";
+const ColouredMultiSelectField = createCustomComponent({
+  name: 'ColouredMultiSelectField',
+  View: ColouredMultiSelectFieldView,
+  properties: ColouredMultiSelectProperties,
+  events: ColouredMultiSelectEvents,
+  eventHandlers: {}
+});
+export default ColouredMultiSelectField;

package/es/library/dot/legacy-to-new-arch/table-field-components/coloured-multiselect-field/frameworks/ui/ColouredMultiSelectFieldView.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Tags } from "../../../..";
+export function ColouredMultiSelectFieldView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    value,
+    options
+  } = state.properties;
+  const selectedOptions = value.map(item => {
+    const option = options.find(opt => opt.value === item);
+    return {
+      id: option.value,
+      label: option.value,
+      color: option.colorCode
+    };
+  });
+  return /*#__PURE__*/React.createElement(Tags, {
+    getRef: ref,
+    tags: selectedOptions
+  });
+}

package/es/library/dot/legacy-to-new-arch/table-field-components/coloured-picklist-field/frameworks/ui/ColouredPickListField.js

@@ -0,0 +1,14 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import ColouredPickListProperties from "../../../../../../../cc/fields/coloured-pick-list/Properties";
+import ColouredPickListEvents from "../../../../../../../cc/fields/coloured-pick-list/Events";
+import TextToFieldClickBehaviourFactory from "../../../../../../behaviours/text-to-field-click/frameworks/ui/TextToFieldClickBehaviourFactory";
+import { ColouredPickListFieldView } from "./ColouredPickListFieldView";
+const ColouredPickListField = createCustomComponent({
+  name: 'ColouredPickListField',
+  View: ColouredPickListFieldView,
+  properties: ColouredPickListProperties,
+  behaviours: [TextToFieldClickBehaviourFactory.create()],
+  events: ColouredPickListEvents,
+  eventHandlers: {}
+});
+export default ColouredPickListField;

package/es/library/dot/legacy-to-new-arch/table-field-components/coloured-picklist-field/frameworks/ui/ColouredPickListFieldView.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import ColoredTag from '@zohodesk-private/desk-components/es/ColoredTag/ColoredTag';
+import { TagsConstants } from "../../../../../../../cc/tags";
+export function ColouredPickListFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  let {
+    dispatch
+  } = helpers;
+  const {
+    value,
+    options
+  } = state.properties;
+  const selectedOption = options.find(option => option.value === value);
+  return /*#__PURE__*/React.createElement(ColoredTag, {
+    $data_id: value,
+    $data_text: value,
+    $data_color: selectedOption.colorCode || '',
+    $event_onClick: id => {
+      dispatch({
+        type: TagsConstants.TAG_CLICKED,
+        payload: {
+          id
+        }
+      });
+    },
+    $customProps_tag: {
+      getRef: ref
+    }
+  });
+}

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

@@ -8,6 +8,8 @@ import PhoneField from "./phone-field/frameworks/ui/PhoneField";
 import CurrencyField from "./currency-field/frameworks/ui/CurrencyField";
 import LookUpField from "./lookup-field/frameworks/ui/LookupField";
 import PickListField from "./picklist-field/frameworks/ui/PickListField";
+import ColouredPickListField from "./coloured-picklist-field/frameworks/ui/ColouredPickListField";
+import ColouredMultiSelectField from "./coloured-multiselect-field/frameworks/ui/ColouredMultiSelectField";
 import PercentageField from "./percentage-field/frameworks/ui/PercentageField";
 import DateField from "./date-field/frameworks/ui/DateField";
 import DateTimeField from "./datetime-field/frameworks/ui/DateTimeField";
@@ -24,6 +26,8 @@ const FieldComponents = {
   [FieldTypes.CurrencyField]: CurrencyField,
   [FieldTypes.LookUpField]: LookUpField,
   [FieldTypes.PickListField]: PickListField,
+  [FieldTypes.ColouredPickListField]: ColouredPickListField,
+  [FieldTypes.ColouredMultiSelectField]: ColouredMultiSelectField,
   [FieldTypes.PercentageField]: PercentageField,
   [FieldTypes.DateField]: DateField,
   [FieldTypes.DateTimeField]: DateTimeField,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Avatar } from "../../../..";
+import Tag from '@zohodesk/components/es/Tag/Tag';
 export function LookupFieldView(_ref, ref) {
   let {
     state
@@ -8,11 +8,12 @@ export function LookupFieldView(_ref, ref) {
     name,
     photoURL
   } = state.properties.value;
-  return /*#__PURE__*/React.createElement(Avatar, {
+  return /*#__PURE__*/React.createElement(Tag, {
     getRef: ref,
-    name: name,
-    label: name,
-    imageSrc: photoURL,
-    tooltip: ""
+    text: name,
+    hasAvatar: true,
+    initial: name,
+    imageURL: photoURL,
+    tooltip: name
   });
 }

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

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import { TextAreaProperties, TextAreaEvents } from "../../../../../../cc";
+import TextAreaView from "./TextAreaView";
+let TextArea = createCustomComponent({
+  name: "TextArea",
+  View: TextAreaView,
+  properties: TextAreaProperties,
+  events: TextAreaEvents,
+  eventHandlers: {}
+});
+export default TextArea;

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

@@ -0,0 +1,52 @@
+import React from "react";
+import Textarea from '@zohodesk/components/es/Textarea/Textarea';
+import TextAreaConstants from "../../../../../../cc/textarea/Constants";
+
+function TextAreaView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  let {
+    dispatch
+  } = helpers;
+  let {
+    id,
+    maxLength,
+    placeholder,
+    value,
+    required,
+    disabled,
+    readonly
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Textarea, {
+    getRef: ref,
+    htmlId: id,
+    maxLength: maxLength,
+    placeHolder: placeholder,
+    text: value,
+    isReadOnly: readonly,
+    isDisabled: disabled,
+    animated: true,
+    size: "xsmall",
+    customAttributes: {
+      required
+    },
+    onFocus: () => dispatch({
+      type: TextAreaConstants.TEXTAREA_FOCUSED
+    }),
+    onBlur: () => dispatch({
+      type: TextAreaConstants.TEXTAREA_BLURED
+    }),
+    onChange: value => {
+      dispatch({
+        type: TextAreaConstants.TEXTAREA_CHANGED,
+        payload: {
+          value
+        }
+      });
+    }
+  });
+}
+
+export default TextAreaView;

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

@@ -0,0 +1,12 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import TextBoxProperties from "../../../../../../cc/textbox/Properties";
+import TextBoxEvents from "../../../../../../cc/textbox/Events";
+import TextBoxView from "./TextBoxView";
+let TextBox = createCustomComponent({
+  name: "TextBox",
+  View: TextBoxView,
+  properties: TextBoxProperties,
+  events: TextBoxEvents,
+  eventHandlers: {}
+});
+export default TextBox;

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

@@ -0,0 +1,55 @@
+import React from "react";
+import TextBox from "@zohodesk/components/es/TextBoxIcon/TextBoxIcon";
+import TextBoxConstants from "../../../../../../cc/textbox/Constants";
+
+function TextBoxView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    dispatch
+  } = helpers;
+  const {
+    id,
+    name,
+    type,
+    maxLength,
+    placeholder,
+    value,
+    required,
+    disabled,
+    readonly
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(TextBox, {
+    inputRef: ref,
+    htmlId: id,
+    name: name,
+    type: type,
+    maxLength: maxLength,
+    placeHolder: placeholder,
+    value: value,
+    isReadOnly: readonly,
+    isDisabled: disabled,
+    size: "xmedium",
+    onFocus: () => dispatch({
+      type: TextBoxConstants.TEXTBOX_FOCUSED
+    }),
+    onBlur: () => dispatch({
+      type: TextBoxConstants.TEXTBOX_BLURED
+    }),
+    customProps: {
+      TextBoxProps: {
+        required
+      }
+    },
+    onChange: value => dispatch({
+      type: TextBoxConstants.TEXTBOX_CHANGED,
+      payload: {
+        value
+      }
+    })
+  });
+}
+
+export default TextBoxView;

package/es/library/index.js

@@ -1,3 +1,8 @@
 export { default as ComponentRegistry } from "./custom-component/frameworks/ui/ComponentRegistry";
 export { default as createCustomComponent } from "./custom-component/frameworks/ui/CreateCustomComponent";
-export { default as TableList } from "./dot/components/table-list/frameworks/ui/TableList";
+export { default as TableList } from "./dot/components/table-list/frameworks/ui/TableList";
+export { default as Form } from "./dot/components/form/frameworks/ui/Form";
+export { default as Section } from "./dot/components/section/frameworks/ui/Section";
+import * as _FormLibraryFields from "./dot/components/form-fields";
+export { _FormLibraryFields as FormLibraryFields };
+export { ConvertSlotToComponent } from "./slot";

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import ComponentRegistry from "../../../custom-component/frameworks/ui/ComponentRegistry";
+export default function ConvertSlotToComponent(slot) {
+  if (Array.isArray(slot) === false) {
+    return null;
+  }
+
+  return slot.map((component, index) => {
+    if (component == null) {
+      return null;
+    }
+
+    const {
+      type,
+      properties
+    } = component;
+    const Child = ComponentRegistry.get(type);
+    return /*#__PURE__*/React.createElement(Child, {
+      key: index,
+      ...properties
+    });
+  });
+}

package/es/library/slot/index.js

@@ -0,0 +1 @@
+export { default as ConvertSlotToComponent } from "./frameworks/ui/ConvertSlotToComponent";

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

@@ -0,0 +1,6 @@
+/* eslint-disable @zohodesk/architecturerules/return-void */
+export default function TransFormState(state) {
+  return { ...state,
+    viewModel: state.properties
+  };
+}

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

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

package/es/platform/client-actions/Readme.md

@@ -0,0 +1,31 @@
+This package contains all elements regarding the CLIENT ACTIONS module.
+
+The module contains three main parts
+
+1. Behaviour - Contains the behaviours exposed by Client Actions
+
+2. Components - Contains the component exposed by Client Actions
+
+3. Translator - Contains the translators exposed by Client Actions
+ 
+ -----------------------------------------------------------------------------
+
+1. Behaviour
+    a. ClientActionBehaviour -> This behaviour is used to fetch the required client actions and returns the value to state
+
+2. Components
+    a. ActionEventMediator -> The main component that is exposed and need to be used by the components in order to render and execute client actions
+        - Inputs :  actions, renderComponentType
+        - Renders the rendercomponent based on the value (default renders row actions)
+
+    b. RowActionsRenderer -> This component renders the actions in Row wise.
+
+    c. DynamicActionComponent -> Renders the action component dynamically
+
+
+3. Translators 
+    a. action-translator -> the main translator the is used to translate the client actions, resolve them and get them in component action object format
+    
+    b. condition-resolver -> Resolved the conditions cases in the client actiosn. Returns only the actions that are passed
+
+    c. context-resover -> Resolved the context in all keys of client actions. 

package/es/platform/{zclient-actions → client-actions/behaviour/zclient-actions}/Readme.md

@@ -1,38 +1,31 @@
 Client Actions Behaviour
 
-
 This behaviour will allows your library components to fetch client actions for your users.
 
 # Implementation
 
-ClientActionBehaviourFactory.create({ getClientActions: dataBroker.httpTemplates.getClientActions })
+ClientActionsBehaviourFactory.create({ getClientActions: dataSource.httpTemplates.getClientActions })
 
 This above class should be implemeted in the behaviour props of your library components
 
-The user needs to passdown the databroker into the behaviour in the format,
+The user needs to passdown the dataSource into the behaviour in the format,
 
 1. getClientActions => Client Actions GET data broker template
 
-
-
 # Integration inside component
 
-We need to initialize or mount our behaviour with the component. Refer the eg used in List component below 
+We need to initialize or mount our behaviour with the component. Refer the eg used in List component below
 
-  private createClientActionsFetchAction(): ActionModel {
-    const props = this.createApiProps();
-    return {
-      type: CLIENTACTION_BEHAVIOUR_EXECUTE,
-      payload: {
-        actionName: 'getClientActions',
-        props,
-        apiName: 'clientActions'
-      }
-    };
-  }
+private createClientActionsFetchAction(): ActionModel {
+const props = this.createApiProps();
+return {
+type: CLIENTACTION_BEHAVIOUR_EXECUTE,
+payload: {
+actionName: 'getClientActions',
+props,
+apiName: 'clientActions'
+}
+};
+}
 
 The function createClientActionsFetchAction is called at Library component mount, which will mount client action behaviour and do the necessary processing.
-
-
-
-

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/ClientActionModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/ComponentPropertiesModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/ConditionFieldModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/ConditionModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/EventMappingModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/IError.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/InputDependencies.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/PayloadValueMappingModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/PropsMeta.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/StrategyMeta.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/UIComponentMappingModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/UserDetailsModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/gateways/IRepository.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/gateways/State.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/input/ExecuteActionBehaviourInputModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/input/FailureInputModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/input/FetchStateStopInputModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/input/InitializeInputModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/input/NoContentInputModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/input/SetClientActionsInputModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/input/SuccessInputModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/output/IPresenter.js

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

package/es/platform/{zclient-actions → client-actions/behaviour/zclient-actions}/applications/usecases/ExecuteActionBehaviourUseCase.js

@@ -25,7 +25,7 @@ class ExecuteActionBehaviourUseCase extends AbstractUseCase {
       presenter.updateClientAction(recordManager.toObject());
     }
 
-    dispatch(recordManager.createDataBrokerExecuteEvent(props, actionName, metaData));
+    dispatch(recordManager.createDataSourceExecuteEvent(props, actionName, metaData));
   }
 
 }

package/es/platform/{zclient-actions → client-actions/behaviour/zclient-actions}/applications/usecases/InitializeUseCase.js

@@ -1,5 +1,5 @@
 import AbstractUseCase from "./AbstractUseCase";
-import { DATA_BROKER_REGISTER } from "../../../../bc/zdata-broker/Constants";
+import { DATA_SOURCE_REGISTER } from "../../../../../../bc/zdata-source/Constants";
 export default class InitializeUseCase extends AbstractUseCase {
   execute(input) {
     const {
@@ -7,7 +7,7 @@ export default class InitializeUseCase extends AbstractUseCase {
       dispatch
     } = input;
     dispatch({
-      type: DATA_BROKER_REGISTER,
+      type: DATA_SOURCE_REGISTER,
       payload: {
         apiTemplates
       }

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

@@ -7,7 +7,7 @@ export default class ClientAction {
 
     _defineProperty(this, "name", void 0);
 
-    _defineProperty(this, "library", void 0);
+    _defineProperty(this, "component", void 0);
 
     _defineProperty(this, "location", void 0);
 
@@ -23,9 +23,13 @@ export default class ClientAction {
 
     _defineProperty(this, "createdBy", void 0);
 
+    _defineProperty(this, "conditions", void 0);
+
+    _defineProperty(this, "conditionMeta", void 0);
+
     this.id = clientActionObj.id;
     this.name = clientActionObj.name;
-    this.library = clientActionObj.library;
+    this.component = clientActionObj.component;
     this.location = clientActionObj.location;
     this.uiComponentMapping = new UIComponentMapping(clientActionObj.uiComponentMapping);
     this.modules = clientActionObj.modules;
@@ -33,20 +37,24 @@ export default class ClientAction {
     this.createdTime = clientActionObj.createdTime;
     this.modifiedBy = clientActionObj.modifiedBy;
     this.createdBy = clientActionObj.createdBy;
+    this.conditions = clientActionObj.conditions;
+    this.conditionMeta = clientActionObj.conditions;
   }
 
   toObject() {
     return {
       id: this.id,
       name: this.name,
-      library: this.library,
+      component: this.component,
       location: this.location,
       uiComponentMapping: this.uiComponentMapping.toObject(),
       modules: this.modules,
       modifiedTime: this.modifiedTime,
       createdTime: this.createdTime,
       modifiedBy: this.modifiedBy,
-      createdBy: this.createdBy
+      createdBy: this.createdBy,
+      conditions: this.conditions,
+      conditionsMeta: this.conditionMeta
     };
   }