@zohodesk/library-platform 1.1.6 → 1.1.7-exp.2

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

@@ -1,22 +1,16 @@
 import React from 'react';
 import TableHeader from '@zohodesk-private/desk-components/es/table/TableHeader/TableHeader';
-import TableHeadFirstNode from '@zohodesk-private/desk-components/es/table/TableHeadFirstNode/TableHeadFirstNode'; // import TableHeaderRow from '@zohodesk-private/desk-components/es/table/TableHeader/TableHeaderRow';
-
-const TableHeaderRow = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-
+import TableHeadFirstNode from '@zohodesk-private/desk-components/es/table/TableHeadFirstNode/TableHeadFirstNode';
+import TableHeaderRow from '@zohodesk-private/desk-components/es/table/TableHeader/TableHeaderRow';
 import MassAction from "./header/MassAction";
 import Headers from "./header/Headers";
 import ActionColumn from "./header/ActionColumn";
 import ResizerExtraSpace from "./header/ResizerExtraSpace";
-import getHeaderClasses from "./../../utils/getHeaderClasses";
+import getHeaderClasses from "./../../utils/getHeaderClasses"; // @ts-ignore
+
 import style from "./../css/TableList.module.css";
 
-function Header(_ref2) {
+function Header(_ref) {
   let {
     isReorderEnabled,
     isSelectionEnabled,
@@ -31,7 +25,7 @@ function Header(_ref2) {
     rowActionsColumnWidth,
     headers,
     dispatch
-  } = _ref2;
+  } = _ref;
 
   if (headers.length <= 0) {
     return null;
@@ -44,7 +38,7 @@ function Header(_ref2) {
   });
   return /*#__PURE__*/React.createElement(TableHeader, {
     $flag_isColumnsFlexible: isFlexibleColumns,
-    $flag_padding: !isSelectionEnabled && !isReorderEnabled,
+    $flag_padding: false,
     $flag_hasHighlighter: isKeyboardControlsEnabled,
     customStyle: {
       tableHeader: `${style.header} ${style[headerClasses]}`

package/es/library/dot/components/table-list/frameworks/ui/sub-components/row/Row.js

@@ -49,7 +49,7 @@ function RowView(_ref, ref) {
     key: id,
     ref: ref,
     testId: id,
-    $flag_padding: !isSelectionEnabled && !isReorderEnabled,
+    $flag_padding: false,
     $flag_active: isSelected,
     $flag_hasHighlighter: isKeyboardControlsEnabled,
     $flag_isHighlighted: isFocussed,
@@ -60,7 +60,7 @@ function RowView(_ref, ref) {
       }
     }),
     customStyle: {
-      tableList: isSelectionEnabled || isReorderEnabled ? style.row : '',
+      tableList: style.row,
       $pointer: style[`rowCursor_${cursor}`]
     }
   }, renderReorderer({

package/es/library/dot/legacy-to-new-arch/breadcrumb/frameworks/ui/Breadcrumb.js

@@ -0,0 +1,12 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import BreadcrumbProperties from "../../../../../../cc/breadcrumb/Properties";
+import BreadcrumbEvents from "../../../../../../cc/breadcrumb/Events";
+import BreadcrumbView from "./BreadcrumbView";
+let Breadcrumb = createCustomComponent({
+  name: "Breadcrumb",
+  View: BreadcrumbView,
+  properties: BreadcrumbProperties,
+  events: BreadcrumbEvents,
+  eventHandlers: {}
+});
+export default Breadcrumb;

package/es/library/dot/legacy-to-new-arch/breadcrumb/frameworks/ui/BreadcrumbView.js

@@ -0,0 +1,47 @@
+import React from "react";
+import Separator from "@zohodesk/dot/es/Separator/Separator";
+import BreadcrumbItem from "./sub-components/BreadcrumbItem"; // @ts-ignore
+
+import style from "./css/Breadcrumb.module.css";
+
+function BreadcrumbView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    dispatch
+  } = helpers;
+  const {
+    items
+  } = state.properties;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: style.wrapper
+  }, /*#__PURE__*/React.createElement(Separator, {
+    type: "slash",
+    shrink: true,
+    customClass: {
+      customSeparator: style.separator
+    }
+  }, items.map(_ref2 => {
+    let {
+      id,
+      text,
+      isLink,
+      iconName,
+      isActive
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(BreadcrumbItem, {
+      key: id,
+      id: id,
+      text: text,
+      isLink: isLink,
+      iconName: iconName,
+      isActive: isActive,
+      dispatch: dispatch
+    });
+  })));
+}
+
+export default BreadcrumbView;

package/es/library/dot/legacy-to-new-arch/breadcrumb/frameworks/ui/css/Breadcrumb.module.css

@@ -0,0 +1,19 @@
+.wrapper, .itemContainer {
+    max-width: 100% 
+}
+
+.itemContainer {
+    column-gap: var(--zd_size4) ;
+}
+
+.separator {
+    --separator_fontSize: 14px;
+    margin: 0 var(--zd_size10) ;
+}
+
+.buttonStyle {
+    --button_font_size: 14px;
+    --button_padding: 0px;
+    --button_letter_spacing: 0px;
+    max-width: 100% ;
+}

package/es/library/dot/legacy-to-new-arch/breadcrumb/frameworks/ui/sub-components/BreadcrumbItem.js

@@ -0,0 +1,58 @@
+import React from "react";
+import Icon from "@zohodesk/icons/es/Icon";
+import Flex from "@zohodesk/layout/es/Flex/Flex";
+import Typography from "@zohodesk/components/es/Typography/Typography";
+import Button from "@zohodesk/components/es/Button/Button";
+import BreadcrumbConstants from "../../../../../../../cc/breadcrumb/Constants"; // @ts-ignore
+
+import style from "./../css/Breadcrumb.module.css";
+
+function BreadcrumbItem(_ref) {
+  let {
+    id,
+    text,
+    isLink,
+    iconName,
+    iconSize = '14',
+    isActive,
+    dispatch
+  } = _ref;
+
+  const renderTitle = (text, isLink, isActive) => {
+    return isLink ? /*#__PURE__*/React.createElement(Button, {
+      text: text,
+      title: text,
+      palette: 'plainPrimary',
+      isBold: false,
+      customClass: {
+        customButton: style.buttonStyle
+      }
+    }) : /*#__PURE__*/React.createElement(Typography, {
+      $ui_size: isActive ? '16' : '14',
+      $ui_weight: isActive ? 'semibold' : 'regular',
+      $flag_dotted: true,
+      $i18n_dataTitle: text,
+      $ui_tagName: 'span'
+    }, text);
+  };
+
+  const renderIcon = (iconName, iconSize) => /*#__PURE__*/React.createElement(Icon, {
+    name: iconName,
+    size: iconSize
+  });
+
+  return /*#__PURE__*/React.createElement(Flex, {
+    key: id,
+    $ui_displayMode: "inline",
+    $ui_alignItems: "center",
+    $ui_className: style.itemContainer,
+    $event_onClick: () => dispatch({
+      type: BreadcrumbConstants.BREADCRUMB_ITEM_CLICKED,
+      payload: {
+        id
+      }
+    })
+  }, !isLink && iconName && renderIcon(iconName, iconSize), renderTitle(text, isLink, isActive));
+}
+
+export default BreadcrumbItem;

package/es/library/dot/legacy-to-new-arch/icon-button/frameworks/ui/IconButton.js

@@ -0,0 +1,12 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import IconButtonProperties from "../../../../../../cc/icon-button/Properties";
+import IconButtonEvents from "../../../../../../cc/icon-button/Events";
+import IconButtonView from "./IconButtonView";
+let IconButton = createCustomComponent({
+  name: "IconButton",
+  View: IconButtonView,
+  properties: IconButtonProperties,
+  events: IconButtonEvents,
+  eventHandlers: {}
+});
+export default IconButton;

package/es/library/dot/legacy-to-new-arch/icon-button/frameworks/ui/IconButtonView.js

@@ -0,0 +1,43 @@
+import React from "react";
+import IconButton from '@zohodesk/dot/es/IconButton/IconButton';
+import IconButtonConstants from "../../../../../../cc/icon-button/Constants";
+
+function IconButtonView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    dispatch
+  } = helpers;
+  const {
+    palette,
+    iconSize,
+    size,
+    iconName,
+    isActive,
+    isDisabled,
+    hoverType,
+    title,
+    isBold
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(IconButton, {
+    eleRef: ref,
+    palette: palette,
+    iconSize: iconSize,
+    size: size,
+    iconName: iconName,
+    isActive: isActive,
+    isDisabled: isDisabled,
+    hoverType: hoverType,
+    title: title,
+    isBold: isBold,
+    onClick: () => {
+      dispatch({
+        type: IconButtonConstants.ICON_BUTTON_CLICKED
+      });
+    }
+  });
+}
+
+export default IconButtonView;

package/es/platform/client-actions/bc/zclient-actions/SdkContract.js

@@ -0,0 +1,35 @@
+export const SdkContracts = {
+  getLocationMeta: {
+    type: 'object',
+    properties: {
+      clientActionId: {
+        type: 'string',
+        minLength: 1
+      }
+    },
+    required: ['clientActionId']
+  },
+  getComponentPropertiesMeta: {
+    type: 'object',
+    properties: {
+      clientActionId: {
+        type: 'string',
+        minLength: 1
+      }
+    },
+    required: ['clientActionId']
+  },
+  updateComponentPropertiesMeta: {
+    type: 'object',
+    properties: {
+      clientActionId: {
+        type: 'string',
+        minLength: 1
+      },
+      newComponentProperties: {
+        type: 'object'
+      }
+    },
+    required: ['clientActionId', 'newComponentProperties']
+  }
+};

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

@@ -0,0 +1,105 @@
+import { AbstractResource } from "../../../../../sdk/application/interfaces/gateways/AbstractResource";
+import Repository from "../gateways/Repository";
+import Presenter from "../presenters/Presenter";
+import GetClientActionLocationUseCase from "../../applications/usecases/GetClientActionLocationUseCase";
+import GetClientActionUIComponentPropertiesUseCase from "../../applications/usecases/GetClientActionUIComponentPropertiesUseCase";
+import UpdateClientActionUIComponentPropertiesUseCase from "../../applications/usecases/UpdateClientActionUIComponentPropertiesUseCase";
+import GetClientActionsUseCase from "../../applications/usecases/GetClientActionsUseCase";
+import { SdkContracts } from "../../../../bc/zclient-actions/SdkContract";
+export class ClientActionResource extends AbstractResource {
+  initialize() {}
+
+  destroy() {}
+
+  getClientActionDependencies() {
+    const dependencies = {
+      repository: new Repository(),
+      presenter: new Presenter()
+    };
+    return dependencies;
+  }
+
+  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);
+    return usecase;
+  }
+
+  getLocation(id) {
+    this.validateInput('getLocation', {
+      clientActionId: id
+    }, SdkContracts.getLocationMeta);
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getClientActionDependencies();
+    const useCase = this.createUseCase(dependencies, GetClientActionLocationUseCase);
+    useCase.execute({
+      id,
+      callback: setData
+    });
+    return getData();
+  }
+
+  getUIComponentProperties(id) {
+    this.validateInput('getUIComponentProperties', {
+      clientActionId: id
+    }, SdkContracts.getComponentPropertiesMeta);
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getClientActionDependencies();
+    const useCase = this.createUseCase(dependencies, GetClientActionUIComponentPropertiesUseCase);
+    useCase.execute({
+      id,
+      callback: setData
+    });
+    return getData();
+  }
+
+  getClientActions() {
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getClientActionDependencies();
+    const useCase = this.createUseCase(dependencies, GetClientActionsUseCase);
+    useCase.execute({
+      callback: setData
+    });
+    return getData();
+  }
+
+  updateUIComponentProperties(id, newComponentProperties) {
+    this.validateInput('updateUIComponentProperties', {
+      clientActionId: id,
+      newComponentProperties
+    }, SdkContracts.updateComponentPropertiesMeta);
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getClientActionDependencies();
+    const {
+      dispatch
+    } = this.dependencies;
+    const useCase = this.createUseCase(dependencies, UpdateClientActionUIComponentPropertiesUseCase);
+    useCase.execute({
+      id,
+      newComponentProperties,
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class GetClientActionLocationUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      id,
+      callback
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const clientActionManager = repository.getClientActionsManagerEntity();
+    clientActionManager.validateClientActionId(id);
+    const clientAction = clientActionManager.getClientAction(id);
+    callback === null || callback === void 0 ? void 0 : callback(clientAction.getLocation());
+  }
+
+}
+
+export default GetClientActionLocationUseCase;

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

@@ -0,0 +1,20 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class GetClientActionUIComponentPropertiesUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      id,
+      callback
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const clientActionManager = repository.getClientActionsManagerEntity();
+    clientActionManager.validateClientActionId(id);
+    const clientAction = clientActionManager.getClientAction(id);
+    callback === null || callback === void 0 ? void 0 : callback(clientAction.getUIComponentProperties());
+  }
+
+}
+
+export default GetClientActionUIComponentPropertiesUseCase;

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

@@ -0,0 +1,18 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class GetClientActionsUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      callback
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const clientActionManager = repository.getClientActionsManagerEntity();
+    const clientActions = clientActionManager.getClientActionModels();
+    callback === null || callback === void 0 ? void 0 : callback(clientActions);
+  }
+
+}
+
+export default GetClientActionsUseCase;

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

@@ -0,0 +1,32 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { SET_CLIENTACTIONS } from "../../../../bc/zclient-actions/Constants";
+
+class UpdateClientActionUIComponentPropertiesUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      id,
+      newComponentProperties,
+      dispatch,
+      callback
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const clientActionManager = repository.getClientActionsManagerEntity();
+    clientActionManager.validateClientActionId(id);
+    const {
+      updatedClientAction,
+      updatedClientActions
+    } = clientActionManager.updateClientActionComponentProperties(id, newComponentProperties);
+    dispatch({
+      type: SET_CLIENTACTIONS,
+      payload: {
+        clientActions: updatedClientActions
+      }
+    });
+    callback === null || callback === void 0 ? void 0 : callback(updatedClientAction.getUIComponentProperties());
+  }
+
+}
+
+export default UpdateClientActionUIComponentPropertiesUseCase;

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

@@ -41,6 +41,18 @@ export default class ClientAction {
     this.conditionMeta = clientActionObj.conditions;
   }
 
+  getLocation() {
+    return this.location;
+  }
+
+  getUIComponentProperties() {
+    return this.uiComponentMapping.getPropertiesValueMapping();
+  }
+
+  updateUIComponentProperties(newProperties) {
+    this.uiComponentMapping.updatePropertiesValueMapping(newProperties);
+  }
+
   toObject() {
     return {
       id: this.id,

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

@@ -114,6 +114,32 @@ export default class ClientActionManager {
     this.clientActions.setIsFetching(false);
   }
 
+  getClientAction(id) {
+    return this.clientActions.getClientAction(id);
+  }
+
+  getClientActionModels() {
+    const clientActionModels = this.clientActions.toObject();
+    return clientActionModels.data;
+  }
+
+  updateClientActionComponentProperties(id, newComponentProperties) {
+    const clientActions = this.getClientActionModels();
+    const updatedClientAction = this.getClientAction(id);
+    updatedClientAction.updateUIComponentProperties(newComponentProperties);
+    const updatedClientActions = clientActions.map(clientAction => {
+      if (clientAction.id === updatedClientAction.getId()) {
+        return updatedClientAction.toObject();
+      }
+
+      return clientAction;
+    });
+    return {
+      updatedClientAction,
+      updatedClientActions
+    };
+  }
+
   setClientActions(clientActions) {
     this.clientActions.setClientActions(clientActions);
   }
@@ -130,6 +156,25 @@ export default class ClientActionManager {
     return apiName === 'clientActions';
   }
 
+  validateClientActionId(id) {
+    const isValidClientActionIdFormat = id !== '' && id !== null && !isNaN(Number(id)) && typeof id === 'string';
+
+    if (!isValidClientActionIdFormat) {
+      throw new Error(`ClientActionResource: Invalid value '${id}' passed as client action id.`);
+    }
+
+    this.doesClientActionExist(id);
+  }
+
+  doesClientActionExist(id) {
+    const clientActions = this.getClientActionModels();
+    const doesClientActionExist = clientActions.find(clientAction => clientAction.id === id);
+
+    if (doesClientActionExist === undefined) {
+      throw new Error(`ClientActionResource: No client action exists for the ID '${id}'.`);
+    }
+  }
+
   toObject() {
     const clientActionsObj = this.clientActions.toObject();
     return {

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

@@ -23,6 +23,16 @@ export default class UIComponentMapping {
     this.eventMappings = new EventMappings(uiComponentMappingObj.eventMappings);
   }
 
+  getPropertiesValueMapping() {
+    return this.propertiesValueMapping;
+  }
+
+  updatePropertiesValueMapping(newProperties) {
+    this.propertiesValueMapping = { ...this.propertiesValueMapping,
+      ...newProperties
+    };
+  }
+
   toObject() {
     return {
       id: this.id,

package/es/platform/client-actions/behaviour/zclient-actions/frameworks/sdk/ClientActionsSDKFactory.js

@@ -0,0 +1,29 @@
+import ResourceNamesEnum from "../../../../../../bc/sdk/ResourceNamesEnum";
+import { platformSDK } from "../../../../../sdk/frameworks/Sdk";
+export default class ClientActionsSDKFactory {
+  static getClientActionSDK(clientActionResource) {
+    return {
+      getLocation: id => clientActionResource.getLocation(id),
+      getUIComponentProperties: id => clientActionResource.getUIComponentProperties(id),
+      getClientActions: () => clientActionResource.getClientActions(),
+      updateUIComponentProperties: (id, newComponentProperties) => clientActionResource.updateUIComponentProperties(id, newComponentProperties)
+    };
+  }
+
+  static create(_ref) {
+    let {
+      instanceName
+    } = _ref;
+    const clientActionResource = platformSDK[ResourceNamesEnum.CLIENT_ACTION](instanceName);
+    const clientActionSDK = ClientActionsSDKFactory.getClientActionSDK(clientActionResource);
+    return {
+      clientAction: {
+        getLocation: clientActionSDK.getLocation,
+        getUIComponentProperties: clientActionSDK.getUIComponentProperties,
+        getClientActions: clientActionSDK.getClientActions,
+        updateUIComponentProperties: clientActionSDK.updateUIComponentProperties
+      }
+    };
+  }
+
+}

package/es/platform/client-actions/cc/action-event-mediator/Properties.js

@@ -6,6 +6,15 @@ export const actionsSchema = {
   items: actionSchema
 };
 export default {
+  testId: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    },
+    defaultValue: ''
+  },
   actions: {
     required: true,
     typeMetadata: {

package/es/platform/client-actions/components/action-event-mediator/applications/usecases/PropertiesChangeUseCase.js

@@ -10,7 +10,7 @@ export default class PropertiesChangeUseCase extends AbstractUseCase {
       currentActions,
       previousActions
     } = input;
-    actionLocation.processActionsChange(currentActions, previousActions);
+    actionLocation.processActionsChange(previousActions, currentActions);
     presenter.updateActionEventMediator(actionLocation.toObject());
   }