@zohodesk/library-platform 1.1.11 → 1.1.12-exp.2

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

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

package/es/library/dot/legacy-to-new-arch/table-field-components/highlighted-value-field/frameworks/ui/HighlightedValueField.js

@@ -0,0 +1,23 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import HighlightedValueProperties from "../../../../../../../cc/highlighted-value/Properties";
+import FieldEvents from "../../../../../../../cc/fields/field/Events";
+import HighlightedValueFieldView from "./HighlightedValueFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const HighlightedValueField = createCustomComponent({
+  name: 'HighlightedValueField',
+  View: HighlightedValueFieldView,
+  properties: { ...HighlightedValueProperties,
+    fieldName: {
+      required: false,
+      defaultValue: '',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  },
+  events: FieldEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default HighlightedValueField;

package/es/library/dot/legacy-to-new-arch/table-field-components/highlighted-value-field/frameworks/ui/HighlightedValueFieldView.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import HighlightedValue from "../../../../highlighted-value/frameworks/ui/HighlightedValue";
+export default function HighlightedValueFieldView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    text,
+    color,
+    tooltip,
+    weight,
+    isDotted,
+    cursor
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(HighlightedValue, {
+    getRef: ref,
+    text: text,
+    color: color,
+    tooltip: tooltip,
+    cursor: cursor,
+    weight: weight,
+    isDotted: isDotted
+  });
+}

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

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

package/es/library/dot/legacy-to-new-arch/table-field-components/labeled-avatar-field/frameworks/ui/LabeledAvatarField.js

@@ -0,0 +1,23 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import AvatarProperties from "../../../../../../../cc/avatar/Properties";
+import FieldEvents from "../../../../../../../cc/fields/field/Events";
+import LabeledAvatarFieldView from "./LabeledAvatarFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const LabeledAvatarField = createCustomComponent({
+  name: 'LabeledAvatarField',
+  View: LabeledAvatarFieldView,
+  properties: { ...AvatarProperties,
+    fieldName: {
+      required: false,
+      defaultValue: '',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  },
+  events: FieldEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default LabeledAvatarField;

package/es/library/dot/legacy-to-new-arch/table-field-components/labeled-avatar-field/frameworks/ui/LabeledAvatarFieldView.js

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

package/es/library/dot/legacy-to-new-arch/table-field-components/link-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 {
+        fieldName
+      } = state.properties;
+      dispatch({
+        type: FieldConstants.FIELD_CLICKED,
+        payload: {
+          fieldName
+        }
+      });
+    };
+
+    return {
+      [LinkConstants.LINK_CLICKED]: clickHandler
+    };
+  }
+
+}

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

@@ -0,0 +1,23 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import LinkProperties from "../../../../../../../cc/link/Properties";
+import FieldEvents from "../../../../../../../cc/fields/field/Events";
+import LinkFieldView from "./LinkFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const LinkField = createCustomComponent({
+  name: 'LinkField',
+  View: LinkFieldView,
+  properties: { ...LinkProperties,
+    fieldName: {
+      required: false,
+      defaultValue: '',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  },
+  events: FieldEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default LinkField;

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import Link from "../../../../link/frameworks/ui/Link";
+export default function LinkFieldView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  let {
+    text,
+    variant,
+    isDotted,
+    weight,
+    href,
+    tooltip,
+    opensNewTab
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Link, {
+    getRef: ref,
+    text: text,
+    variant: variant,
+    href: href,
+    isDotted: isDotted,
+    weight: weight,
+    tooltip: tooltip,
+    opensNewTab: opensNewTab
+  });
+}

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

@@ -0,0 +1,32 @@
+import RadioDropdownConstants from "../../../../../../../cc/radio-dropdown/Constants";
+import FieldConstants from "../../../../../../../cc/fields/field/Constants";
+export class EventHandlersFactory {
+  static create() {
+    const changeHandler = input => {
+      const {
+        state,
+        dispatch,
+        action
+      } = input;
+      const {
+        fieldName,
+        fieldType
+      } = state.properties;
+      const {
+        id
+      } = action.payload;
+      dispatch({
+        type: FieldConstants.FIELD_CHANGED,
+        payload: {
+          fieldName,
+          value: fieldType === 'Boolean' ? id === 'true' : id
+        }
+      });
+    };
+
+    return {
+      [RadioDropdownConstants.RADIO_DROPDOWN_VALUE_CHANGED]: changeHandler
+    };
+  }
+
+}

package/es/library/dot/legacy-to-new-arch/table-field-components/radio-dropdown-field/frameworks/ui/RadioDropdownField.js

@@ -0,0 +1,32 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import RadioDropdownProperties from "../../../../../../../cc/radio-dropdown/Properties";
+import FieldEvents from "../../../../../../../cc/fields/field/Events";
+import RadioDropdownFieldView from "./RadioDropdownFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const RadioDropdownField = createCustomComponent({
+  name: 'RadioDropdownField',
+  View: RadioDropdownFieldView,
+  properties: { ...RadioDropdownProperties,
+    fieldType: {
+      required: false,
+      defaultValue: 'Picklist',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    fieldName: {
+      required: false,
+      defaultValue: '',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  },
+  events: FieldEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default RadioDropdownField;

package/es/library/dot/legacy-to-new-arch/table-field-components/radio-dropdown-field/frameworks/ui/RadioDropdownFieldView.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import Flex from '@zohodesk/layout/es/Flex/Flex';
+import RadioDropdown from "../../../../radio-dropdown/frameworks/ui/RadioDropdown"; // @ts-ignore
+
+import style from "./css/RadioDropdownField.module.css";
+export default function RadioDropdownFieldView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    options,
+    color,
+    isDotted,
+    weight,
+    selectedId,
+    selectedValue,
+    dropdownHeading,
+    hasSearch,
+    searchPlaceholder,
+    emptyStateTitle,
+    isDisabled,
+    isReadOnly
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Flex, {
+    $ui_displayMode: "flex",
+    $ui_className: color === 'none' ? style.wrapper : ''
+  }, /*#__PURE__*/React.createElement(RadioDropdown, {
+    getRef: ref,
+    hoverVariant: "border",
+    options: options,
+    selectedId: selectedId,
+    selectedValue: selectedValue,
+    color: color,
+    isDotted: isDotted,
+    weight: weight,
+    dropdownHeading: dropdownHeading,
+    hasSearch: hasSearch,
+    searchPlaceholder: searchPlaceholder,
+    emptyStateTitle: emptyStateTitle,
+    isDisabled: isDisabled,
+    isReadOnly: isReadOnly
+  }));
+}

package/es/library/dot/legacy-to-new-arch/table-field-components/radio-dropdown-field/frameworks/ui/css/RadioDropdownField.module.css

@@ -0,0 +1,3 @@
+.wrapper {
+    margin-inline-start: calc( var(--zd_size11) * -1 ) 
+}

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

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

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

@@ -0,0 +1,23 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import TagProperties from "../../../../../../../cc/tag/Properties";
+import FieldEvents from "../../../../../../../cc/fields/field/Events";
+import TagFieldView from "./TagFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const TagField = createCustomComponent({
+  name: 'TagField',
+  View: TagFieldView,
+  properties: { ...TagProperties,
+    fieldName: {
+      required: false,
+      defaultValue: '',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  },
+  events: FieldEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default TagField;

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import Tag from "../../../../tag/frameworks/ui/Tag";
+export default function TagFieldView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    id,
+    label,
+    color,
+    isDisabled,
+    iconName,
+    imageAltText,
+    imageSrc,
+    isRemovable,
+    cursor,
+    size,
+    tooltip
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Tag, {
+    getRef: ref,
+    id: id,
+    label: label,
+    color: color,
+    isDisabled: isDisabled,
+    iconName: iconName,
+    imageAltText: imageAltText,
+    imageSrc: imageSrc,
+    isRemovable: isRemovable,
+    cursor: cursor,
+    size: size,
+    tooltip: tooltip
+  });
+}

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

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

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

@@ -0,0 +1,23 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import TagsProperties from "../../../../../../../cc/tags/Properties";
+import FieldEvents from "../../../../../../../cc/fields/field/Events";
+import TagsFieldView from "./TagsFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const TagsField = createCustomComponent({
+  name: 'TagsField',
+  View: TagsFieldView,
+  properties: { ...TagsProperties,
+    fieldName: {
+      required: false,
+      defaultValue: '',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  },
+  events: FieldEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default TagsField;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import Tags from "../../../../tags/frameworks/ui/Tags";
+export default function TagsFieldView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    title,
+    tags,
+    isWrapped
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Tags, {
+    getRef: ref,
+    title: title,
+    tags: tags,
+    isWrapped: isWrapped
+  });
+}

package/es/library/dot/legacy-to-new-arch/table-field-components/tags-list-dropdown-field/frameworks/ui/TagsListDropdownField.js

@@ -0,0 +1,12 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import TagsListDropdownProperties from "../../../../../../../cc/tags-list-dropdown/Properties";
+import FieldEvents from "../../../../../../../cc/fields/field/Events";
+import TagsListDropdownFieldView from "./TagsListDropdownFieldView";
+const TagsListDropdownField = createCustomComponent({
+  name: 'TagsListDropdownField',
+  View: TagsListDropdownFieldView,
+  properties: TagsListDropdownProperties,
+  events: FieldEvents,
+  eventHandlers: {}
+});
+export default TagsListDropdownField;

package/es/library/dot/legacy-to-new-arch/table-field-components/tags-list-dropdown-field/frameworks/ui/TagsListDropdownFieldView.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import TagsListDropdown from "../../../../tags-list-dropdown/frameworks/ui/TagsListDropdown";
+export default function TagsListDropdownFieldView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    tags,
+    hasSearch,
+    searchPlaceholder,
+    text,
+    dropdownHeading,
+    emptyMessage
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(TagsListDropdown, {
+    getRef: ref,
+    tags: tags,
+    text: text,
+    hasSearch: hasSearch,
+    searchPlaceholder: searchPlaceholder,
+    dropdownHeading: dropdownHeading,
+    emptyMessage: emptyMessage
+  });
+}

package/es/library/dot/legacy-to-new-arch/table-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 {
+        fieldName
+      } = state.properties;
+      dispatch({
+        type: FieldConstants.FIELD_CLICKED,
+        payload: {
+          fieldName
+        }
+      });
+    };
+
+    return {
+      [TextConstants.TEXT_CLICKED]: clickHandler
+    };
+  }
+
+}

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

@@ -0,0 +1,23 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import TextProperties from "../../../../../../../cc/text/Properties";
+import FieldEvents from "../../../../../../../cc/fields/field/Events";
+import TextFieldView from "./TextFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const TextField = createCustomComponent({
+  name: 'TextField',
+  View: TextFieldView,
+  properties: { ...TextProperties,
+    fieldName: {
+      required: false,
+      defaultValue: '',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  },
+  events: FieldEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default TextField;

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

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

package/es/library/dot/legacy-to-new-arch/tag/frameworks/ui/Tag.js

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import { TagProperties, TagEvents } from "../../../../../../cc/tag";
+import TagView from "./TagView";
+let Tag = createCustomComponent({
+  name: "Tag",
+  View: TagView,
+  properties: TagProperties,
+  events: TagEvents,
+  eventHandlers: {}
+});
+export default Tag;

package/es/library/dot/legacy-to-new-arch/tag/frameworks/ui/Tag.module.css

@@ -0,0 +1,8 @@
+
+.cursor_pointer {
+    cursor: pointer;
+}
+
+.cursor_default {
+    cursor: default;
+}