@zohodesk/library-platform 1.0.0-exp.1 → 1.0.0-exp.3

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

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import LookupProperties from "../../../../../../../cc/fields/lookup/Properties";
+import { LookupFieldView } from "./LookupFieldView";
+const LookupField = createCustomComponent({
+  name: 'LookupField',
+  View: LookupFieldView,
+  properties: LookupProperties,
+  actions: [],
+  actionHandlers: {}
+});
+export default LookupField;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Avatar } from "../../../..";
+export function LookupFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    name,
+    photoURL
+  } = state.properties.value;
+  return /*#__PURE__*/React.createElement(Avatar, {
+    getRef: ref,
+    name: name,
+    label: name,
+    imageSrc: photoURL,
+    tooltip: ""
+  });
+}

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

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import MultiSelectProperties from "../../../../../../../cc/fields/multi-select/Properties";
+import { MultiSelectFieldView } from "./MultiSelectFieldView";
+const MultiSelectField = createCustomComponent({
+  name: 'MultiSelectField',
+  View: MultiSelectFieldView,
+  properties: MultiSelectProperties,
+  actions: [],
+  actionHandlers: {}
+});
+export default MultiSelectField;

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

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

package/es/library/dot/legacy-to-new-arch/field-components/phone-field/frameworks/ui/PhoneField.js

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import UrlProperties from "../../../../../../../cc/fields/url/Properties";
+import PhoneFieldView from "./PhoneFieldView";
+const PhoneField = createCustomComponent({
+  name: 'PhoneField',
+  View: PhoneFieldView,
+  properties: UrlProperties,
+  actions: [],
+  actionHandlers: {}
+});
+export default PhoneField;

package/es/library/dot/legacy-to-new-arch/field-components/phone-field/frameworks/ui/PhoneFieldView.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Link } from "../../../..";
+
+function PhoneFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value
+  } = state.properties;
+  const href = `tel:${value}`;
+  return /*#__PURE__*/React.createElement(Link, {
+    getRef: ref,
+    label: value,
+    href: href,
+    variant: "secondary",
+    opensNewTab: true
+  });
+}
+
+export default PhoneFieldView;

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

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import PickListProperties from "../../../../../../../cc/fields/pick-list/Properties";
+import { PickListFieldView } from "./PickListFieldView";
+const PickListField = createCustomComponent({
+  name: 'PickListField',
+  View: PickListFieldView,
+  properties: PickListProperties,
+  actions: [],
+  actionHandlers: {}
+});
+export default PickListField;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { HighlightedValue } from "../../../..";
+export function PickListFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value,
+    options
+  } = state.properties;
+  const selectedOptions = options.find(option => value === option.value);
+  return /*#__PURE__*/React.createElement(HighlightedValue, {
+    getRef: ref,
+    text: value,
+    color: selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.colorCode,
+    tooltip: ""
+  });
+}

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

@@ -0,0 +1,29 @@
+import SwitchConstants from "../../../../../../../cc/switch/Constants";
+import FieldConstants from "../../../../../../../cc/fields/field/Constants";
+export class EventHandlersFactory {
+  static create() {
+    const changeHandler = input => {
+      const {
+        state,
+        dispatch
+      } = input;
+      const {
+        name: fieldName,
+        value: currentValue
+      } = state.properties;
+      const toggledValue = !currentValue;
+      dispatch({
+        type: FieldConstants.FIELD_CHANGED,
+        payload: {
+          fieldName,
+          value: toggledValue
+        }
+      });
+    };
+
+    return {
+      [SwitchConstants.SWITCH_TOGGLED]: changeHandler
+    };
+  }
+
+}

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

@@ -0,0 +1,13 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import BooleanProperties from "../../../../../../../cc/fields/boolean/Properties";
+import BooleanEvents from "../../../../../../../cc/fields/boolean/Events";
+import SwitchFieldView from "./SwitchFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const SwitchField = createCustomComponent({
+  name: 'SwitchField',
+  View: SwitchFieldView,
+  properties: BooleanProperties,
+  events: BooleanEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default SwitchField;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Switch } from "../../../..";
+export default function SwitchFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Switch, {
+    getRef: ref,
+    checked: value,
+    disabled: false,
+    size: 'small',
+    tooltip: ""
+  });
+}

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

@@ -0,0 +1,26 @@
+import TextConstants from "../../../../../../../cc/text/Constants";
+import FieldConstants from "../../../../../../../cc/fields/field/Constants";
+export class EventHandlersFactory {
+  static create() {
+    const clickHandler = input => {
+      const {
+        state,
+        dispatch
+      } = input;
+      const {
+        name: fieldName
+      } = state.properties;
+      dispatch({
+        type: FieldConstants.FIELD_CLICKED,
+        payload: {
+          fieldName
+        }
+      });
+    };
+
+    return {
+      [TextConstants.TEXT_CLICKED]: clickHandler
+    };
+  }
+
+}

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

@@ -0,0 +1,13 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import TextProperties from "../../../../../../../cc/fields/text/Properties";
+import TextEvents from "../../../../../../../cc/fields/text/Events";
+import { TextFieldView } from "./TextFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const TextField = createCustomComponent({
+  name: 'TextField',
+  View: TextFieldView,
+  properties: TextProperties,
+  events: TextEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default TextField;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Text } from "../../../..";
+export function TextFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Text, {
+    getRef: ref,
+    text: value,
+    tooltip: ""
+  });
+}

package/es/library/dot/legacy-to-new-arch/field-components/url-field/frameworks/ui/EventHandlersFactory.js

@@ -0,0 +1,26 @@
+import LinkConstants from "../../../../../../../cc/link/Constants";
+import FieldConstants from "../../../../../../../cc/fields/field/Constants";
+export class EventHandlersFactory {
+  static create() {
+    const clickHandler = input => {
+      const {
+        state,
+        dispatch
+      } = input;
+      const {
+        name: fieldName
+      } = state.properties;
+      dispatch({
+        type: FieldConstants.FIELD_CLICKED,
+        payload: {
+          fieldName
+        }
+      });
+    };
+
+    return {
+      [LinkConstants.LINK_CLICKED]: clickHandler
+    };
+  }
+
+}

package/es/library/dot/legacy-to-new-arch/field-components/url-field/frameworks/ui/UrlField.js

@@ -0,0 +1,13 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import UrlProperties from "../../../../../../../cc/fields/url/Properties";
+import UrlEvents from "../../../../../../../cc/fields/url/Events";
+import { UrlFieldView } from "./UrlFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const UrlField = createCustomComponent({
+  name: 'UrlField',
+  View: UrlFieldView,
+  properties: UrlProperties,
+  events: UrlEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default UrlField;

package/es/library/dot/legacy-to-new-arch/field-components/url-field/frameworks/ui/UrlFieldView.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Link } from "../../../..";
+export function UrlFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Link, {
+    getRef: ref,
+    label: value,
+    href: value,
+    variant: "secondary",
+    opensNewTab: true
+  });
+}

package/es/library/dot/legacy-to-new-arch/highlighted-value/frameworks/ui/HighlightedValue.js

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import { HighlightedValueProperties, HighlightedValueActions } from "../../../../../../cc";
+import HighlightedValueView from "./HighlightedValueView";
+let HighlightedValue = createCustomComponent({
+  name: "HighlightedValue",
+  View: HighlightedValueView,
+  properties: HighlightedValueProperties,
+  actions: HighlightedValueActions,
+  actionHandlers: {}
+});
+export default HighlightedValue;

package/es/library/dot/legacy-to-new-arch/highlighted-value/frameworks/ui/HighlightedValueView.js

@@ -0,0 +1,33 @@
+import React from "react";
+import StatusBox from "@zohodesk-private/desk-components/es/table/StatusBox/StatusBox";
+import { HighlightedValueConstants } from "../../../../../../cc";
+
+function HighlightedValueView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  let {
+    dispatch
+  } = helpers;
+  let {
+    text,
+    color,
+    tooltip
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(StatusBox, {
+    $customProps_container: {
+      ref
+    },
+    $ui_color: color,
+    $i18n_text: text,
+    $i18n_tooltip: tooltip,
+    $event_onClick: () => {
+      dispatch({
+        type: HighlightedValueConstants.HIGHLIGHTED_VALUE_CLICKED
+      });
+    }
+  });
+}
+
+export default HighlightedValueView;

package/es/library/dot/legacy-to-new-arch/link/frameworks/ui/Link.js

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import { LinkProperties, LinkActions } from "../../../../../../cc";
+import LinkView from "./LinkView";
+let Link = createCustomComponent({
+  name: "Link",
+  View: LinkView,
+  properties: LinkProperties,
+  actions: LinkActions,
+  actionHandlers: {}
+});
+export default Link;

package/es/library/dot/legacy-to-new-arch/link/frameworks/ui/LinkView.js

@@ -0,0 +1,37 @@
+import React from "react";
+import TableLink from "@zohodesk-private/desk-components/es/table/TableLink/TableLink";
+import { LinkConstants } from "../../../../../../cc";
+
+function LinkView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  let {
+    dispatch
+  } = helpers;
+  let {
+    label,
+    variant,
+    href,
+    opensNewTab
+  } = state.properties;
+  let target = opensNewTab ? '_blank' : '_self'; // Will be adopted with properties
+
+  return /*#__PURE__*/React.createElement(TableLink, {
+    $customProps_link: {
+      ref
+    },
+    $data_text: label,
+    $data_url: href,
+    $data_target: target,
+    $ui_variant: variant,
+    $event_onClick: () => {
+      dispatch({
+        type: LinkConstants.LINK_CLICKED
+      });
+    }
+  });
+}
+
+export default LinkView;

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

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import { SwitchProperties, SwitchActions } from "../../../../../../cc";
+import SwitchView from "./SwitchView";
+let Switch = createCustomComponent({
+  name: "Switch",
+  View: SwitchView,
+  properties: SwitchProperties,
+  actions: SwitchActions,
+  actionHandlers: {}
+});
+export default Switch;

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

@@ -0,0 +1,41 @@
+import React from 'react';
+import Switch from '@zohodesk/components/es/Switch/Switch';
+import { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
+import { SwitchConstants } from "../../../../../../cc";
+
+function SwitchView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  let {
+    dispatch
+  } = helpers;
+  let {
+    checked,
+    disabled,
+    size,
+    tooltip
+  } = state.properties;
+  let getId = useUniqueId();
+  let id = getId();
+  return /*#__PURE__*/React.createElement(Switch, {
+    customProps: {
+      SwitchProps: {
+        eleRef: ref
+      }
+    },
+    id: id,
+    size: size,
+    checked: checked,
+    disabled: disabled,
+    title: tooltip,
+    onChange: () => {
+      dispatch({
+        type: SwitchConstants.SWITCH_TOGGLED
+      });
+    }
+  });
+}
+
+export default SwitchView;

package/es/library/dot/legacy-to-new-arch/tags/frameworks/ui/TagContractAdapter.js

@@ -0,0 +1,26 @@
+export default function TagContractAdapter(tag) {
+  const {
+    id,
+    label,
+    color,
+    imageSrc,
+    imageAltText,
+    iconName,
+    disabled,
+    size,
+    tooltip
+  } = tag;
+  return {
+    id,
+    text: label,
+    imageUrl: imageSrc,
+    name: imageAltText,
+    iconName,
+    color,
+    customProps: {
+      disabled,
+      size,
+      tooltip
+    }
+  };
+}

package/es/library/dot/legacy-to-new-arch/tags/frameworks/ui/Tags.js

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import { TagsProperties, TagsActions } from "../../../../../../cc/tags";
+import TagsView from "./TagsView";
+let Tags = createCustomComponent({
+  name: "Tags",
+  View: TagsView,
+  properties: TagsProperties,
+  actions: TagsActions,
+  actionHandlers: {}
+});
+export default Tags;

package/es/library/dot/legacy-to-new-arch/tags/frameworks/ui/TagsView.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import TagList from '@zohodesk-private/desk-components/es/TagsList/TagsList';
+import TagContractAdapter from "./TagContractAdapter";
+import { TagsConstants } from "../../../../../../cc/tags";
+
+function TagView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  let {
+    dispatch
+  } = helpers;
+  let {
+    title,
+    tags
+  } = state.properties;
+  let tagsList = tags.map(TagContractAdapter);
+  return /*#__PURE__*/React.createElement(TagList, {
+    $method_getRef: ref,
+    $data_list: tagsList,
+    $i18n_moreheading: title,
+    $flag_showAllTagsInsideMore: false,
+    $event_onTagClick: id => {
+      dispatch({
+        type: TagsConstants.TAG_CLICKED,
+        payload: {
+          id
+        }
+      });
+    }
+  });
+}
+
+export default TagView;

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

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import { TextProperties, TextActions } from "../../../../../../cc";
+import TextView from "./TextView";
+let WrapText = createCustomComponent({
+  name: "TableText",
+  View: TextView,
+  properties: TextProperties,
+  actions: TextActions,
+  actionHandlers: {}
+});
+export default WrapText;

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

@@ -0,0 +1,36 @@
+import React from "react";
+import Typography from "@zohodesk/components/es/v1/Typography/Typography";
+import { TextConstants } from "../../../../../../cc";
+
+function TextView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  let {
+    dispatch
+  } = helpers;
+  let {
+    text,
+    weight,
+    tooltip
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Typography, {
+    $tagAttributes_text: {
+      ref: ele => {
+        ref(ele);
+      },
+      onClick: () => {
+        dispatch({
+          type: TextConstants.TEXT_CLICKED
+        });
+      }
+    },
+    $ui_size: "14",
+    $flag_dotted: true,
+    $ui_weight: weight,
+    $i18n_dataTitle: tooltip || text
+  }, text);
+}
+
+export default TextView;

package/es/library/index.js

@@ -0,0 +1,3 @@
+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";

package/es/platform/data-broker/dbc/index.js

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

package/es/platform/data-broker/http-template/deleteRecords.js

@@ -0,0 +1,29 @@
+const deleteRecords = {
+  name: 'records',
+  api: '/api/v1/{{moduleName}}/moveToTrash',
+  parameters: `{}`,
+  type: 'POST',
+  transformer: data => data,
+  requestBody: '{ "entityIds": {{recordIds}} }',
+  // TODO: need to discuss with Records team about delete
+  // requestBody: '{ "recordIds": {{recordIds}} }',
+  properties: {
+    moduleName: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    recordIds: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'array'
+        }
+      }
+    }
+  }
+};
+export default deleteRecords;

package/es/platform/data-broker/http-template/getAvailableFields.js

@@ -0,0 +1,31 @@
+let getAvailableFields = {
+  name: "availableFields",
+  // api: "/api/v1/organizationFields",
+  api: "/api/v1/views/availableFields",
+  parameters: `{
+        "departmentId":"{{departmentId}}",
+        "module":"{{moduleName}}"
+    }`,
+  type: "GET",
+  // transformer: (res) => transformer(res, "name"),
+  transformer: res => res.fields,
+  properties: {
+    moduleName: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: "string"
+        }
+      }
+    },
+    departmentId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: "string"
+        }
+      }
+    }
+  }
+};
+export default getAvailableFields;