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

package/es/bc/index.js

@@ -1,3 +1,2 @@
-export * from "./sort-by";
 export * from "./zhttp";
 export * from "./zlist";

package/es/bc/zlist/Constants.js

@@ -3,7 +3,6 @@ export const ZLIST_DELETE_RECORD = 'ZLIST#DELETE_RECORD';
 export const ZLIST_RECORD_UPDATE = 'ZLIST#RECORD_UPDATE';
 export const ZLIST_FETCH_MORE = 'ZLIST#FETCH_MORE';
 export const ZLIST_SORT = 'ZLIST#SORT';
-export const ZLIST_FETCH_SORTED = 'ZLIST#FETCH_SORTED';
 export const ZLIST_RECORD_UPDATE_SUCCEEDED = 'ZLIST#RECORD_UPDATE_SUCCEEDED';
 export const ZLIST_RECORD_UPDATE_FAILED = 'ZLIST#RECORD_UPDATE_FAILED';
 export const ZLIST_RECORD_DELETE_SUCCEEDED = 'ZLIST#RECORD_DELETE_SUCCEEDED';

package/es/bc/zlist/Types.js

@@ -0,0 +1,10 @@
+export let SortOrder = /*#__PURE__*/function (SortOrder) {
+  SortOrder["NONE"] = "NONE";
+  SortOrder["ASC"] = "ASC";
+  SortOrder["DES"] = "DES";
+  return SortOrder;
+}({});
+export const initialSortConfig = {
+  fieldName: '',
+  order: SortOrder.NONE
+};

package/es/bc/zrecord/Constants.js

@@ -11,6 +11,7 @@ export const RECORD_FIELD_CHANGE = 'RECORD#FIELD_CHANGE';
 export const RECORD_LOCAL_UPDATE = 'RECORD#LOCAL_UPDATE';
 export const RECORD_LOCAL_MULTIPLE_DELETE = 'RECORD#LOCAL_MULTIPLE_DELETE';
 export const APPEND_RECORDS = 'RECORD#APPEND_RECORDS';
+export const REFRESH_RECORDS_REQUESTED = 'RECORD#REFRESH_RECORDS_REQUESTED';
 export const SET_RECORDS = 'RECORD#SET_RECORDS';
 export const SET_RECORDS_SUCCESS = 'RECORD#SET_RECORDS_SUCCESS';
 export const CREATE_RECORD = 'RECORD#CREATE_RECORD';

package/es/bc/zrecord/Schemas.js

@@ -0,0 +1,29 @@
+import { CommonComparators, TextComparators, NumberComparators, DateComparators } from "./Types";
+export const filterConfigSchema = {
+  type: "object",
+  properties: {
+    conditions: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          fieldName: {
+            type: "string"
+          },
+          condition: {
+            type: "string",
+            enum: [...Object.values(CommonComparators), ...Object.values(TextComparators), ...Object.values(NumberComparators), ...Object.values(DateComparators)]
+          },
+          value: {// Can be any type
+          }
+        },
+        required: ["fieldName", "condition", "value"]
+      }
+    },
+    pattern: {
+      type: "string",
+      description: "Pattern representing logical combination, e.g., '(1and(2or3))'"
+    }
+  },
+  required: ["conditions", "pattern"]
+};

package/es/bc/zrecord/Types.js

@@ -0,0 +1,45 @@
+// ---------------- ENUMS ----------------
+export let CommonComparators = /*#__PURE__*/function (CommonComparators) {
+  CommonComparators["ISEMPTY"] = "is empty";
+  CommonComparators["ISNOTEMPTY"] = "is not empty";
+  return CommonComparators;
+}({});
+export let TextComparators = /*#__PURE__*/function (TextComparators) {
+  TextComparators["IS"] = "is";
+  TextComparators["ISNT"] = "isn't";
+  TextComparators["STARTSWITH"] = "starts with";
+  TextComparators["ENDSWITH"] = "ends with";
+  TextComparators["CONTAINS"] = "contains";
+  TextComparators["DOESNTCONTAIN"] = "doesn't contain";
+  return TextComparators;
+}({});
+export let NumberComparators = /*#__PURE__*/function (NumberComparators) {
+  NumberComparators["EQUAL"] = "=";
+  NumberComparators["NOTEQUAL"] = "<>";
+  NumberComparators["LESSTHAN"] = "<";
+  NumberComparators["LESSTHANEQUAL"] = "<=";
+  NumberComparators["GREATERTHAN"] = ">";
+  NumberComparators["GREATERTHANEQUAL"] = ">=";
+  return NumberComparators;
+}({});
+export let DateComparators = /*#__PURE__*/function (DateComparators) {
+  DateComparators["ISAFTER"] = "is after";
+  DateComparators["ISBEFORE"] = "is before";
+  DateComparators["BETWEEN"] = "between";
+  DateComparators["NOTBETWEEN"] = "not between";
+  return DateComparators;
+}({}); // Union type of all comparators
+
+export let ConditionTokens = /*#__PURE__*/function (ConditionTokens) {
+  ConditionTokens["CONDITION"] = "CONDITION";
+  ConditionTokens["OPEN"] = "(";
+  ConditionTokens["CLOSE"] = ")";
+  ConditionTokens["AND"] = "AND";
+  ConditionTokens["OR"] = "OR";
+  ConditionTokens["NOT"] = "NOT";
+  return ConditionTokens;
+}({});
+export const initialFilterConfig = {
+  conditions: [],
+  pattern: ''
+};

package/es/cc/checkbox/Properties.js

@@ -8,8 +8,7 @@ export default {
     }
   },
   checked: {
-    required: false,
-    defaultValue: false,
+    required: true,
     typeMetadata: {
       schema: {
         type: "boolean"

package/es/cc/email/Properties.js

@@ -7,14 +7,6 @@ export default {
       }
     }
   },
-  tooltip: {
-    required: true,
-    typeMetadata: {
-      schema: {
-        type: "string"
-      }
-    }
-  },
   isDotted: {
     required: false,
     defaultValue: true,

package/es/cc/fields/field/Types.js

@@ -1,32 +1,24 @@
-var FieldUiComponentNames = /*#__PURE__*/function (FieldUiComponentNames) {
-  FieldUiComponentNames["PrimaryField"] = "Primary";
-  FieldUiComponentNames["SingleLineField"] = "SingleLine";
-  FieldUiComponentNames["MultiLineField"] = "MultiLine";
-  FieldUiComponentNames["EmailField"] = "Email";
-  FieldUiComponentNames["URLField"] = "URL";
-  FieldUiComponentNames["PhoneField"] = "Phone";
-  FieldUiComponentNames["CurrencyField"] = "Currency";
-  FieldUiComponentNames["LookUpField"] = "LookUp";
-  FieldUiComponentNames["PickListField"] = "PickList";
-  FieldUiComponentNames["PercentageField"] = "Percentage";
-  FieldUiComponentNames["DateField"] = "Date";
-  FieldUiComponentNames["DateTimeField"] = "DateTime";
-  FieldUiComponentNames["NumberField"] = "Number";
-  FieldUiComponentNames["DecimalField"] = "Decimal";
-  FieldUiComponentNames["ColouredPickListField"] = "ColouredPickList";
-  FieldUiComponentNames["ColouredMultiSelectField"] = "ColouredMultiSelect";
-  FieldUiComponentNames["MultiSelectField"] = "MultiSelect";
-  FieldUiComponentNames["TextField"] = "Text";
-  FieldUiComponentNames["CheckboxField"] = "Checkbox";
-  FieldUiComponentNames["SwitchField"] = "Switch";
-  FieldUiComponentNames["LinkField"] = "Link";
-  FieldUiComponentNames["TagField"] = "Tag";
-  FieldUiComponentNames["TagsField"] = "Tags";
-  FieldUiComponentNames["TagsListDropdownField"] = "TagsListDropdown";
-  FieldUiComponentNames["RadioDropdownField"] = "RadioDropdown";
-  FieldUiComponentNames["LabeledAvatarField"] = "LabeledAvatar";
-  FieldUiComponentNames["HighlightedValueField"] = "HighlightedValue";
-  return FieldUiComponentNames;
-}(FieldUiComponentNames || {});
+var Types = /*#__PURE__*/function (Types) {
+  Types["PrimaryField"] = "Primary";
+  Types["CheckboxField"] = "Checkbox";
+  Types["SwitchField"] = "Switch";
+  Types["SingleLineField"] = "SingleLine";
+  Types["MultiLineField"] = "MultiLine";
+  Types["EmailField"] = "Email";
+  Types["URLField"] = "URL";
+  Types["PhoneField"] = "Phone";
+  Types["CurrencyField"] = "Currency";
+  Types["LookUpField"] = "LookUp";
+  Types["PickListField"] = "PickList";
+  Types["PercentageField"] = "Percentage";
+  Types["DateField"] = "Date";
+  Types["DateTimeField"] = "DateTime";
+  Types["NumberField"] = "Number";
+  Types["DecimalField"] = "Decimal";
+  Types["ColouredPickListField"] = "ColouredPickList";
+  Types["ColouredMultiSelectField"] = "ColouredMultiSelect";
+  Types["MultiSelectField"] = "MultiSelect";
+  return Types;
+}(Types || {});
 
-export default FieldUiComponentNames;
+export default Types;

package/es/cc/fields/lookup/Properties.js

@@ -9,36 +9,20 @@ export default { ...FieldProperties,
       }
     }
   },
+  //schema is not defiend properly from server so handled like this
   value: {
-    required: true,
+    required: false,
+    defaultValue: null,
+    typeMetadata: {
+      schema: {}
+    }
+  },
+  maxLength: {
+    required: false,
     defaultValue: '',
     typeMetadata: {
       schema: {
-        // Accepts either object or string
-        anyOf: [{
-          // NOTE: object type is used in Table Lookup field translator
-          type: 'object',
-          properties: {
-            id: {
-              type: 'string'
-            },
-            name: {
-              type: 'string'
-            },
-            photoURL: {
-              type: ['string', 'null']
-            },
-            url: {
-              type: ['string', 'null']
-            }
-          },
-          required: ['id', 'name'],
-          additionalProperties: true
-        }, {
-          // NOTE: string type is used in Form Lookup field translator
-          type: 'string' // Allowing string type for backward compatibility or alternative usage
-
-        }]
+        type: 'number'
       }
     }
   }

package/es/cc/highlighted-value/Properties.js

@@ -17,24 +17,6 @@ export default {
       }
     }
   },
-  weight: {
-    required: false,
-    typeMetadata: {
-      schema: {
-        type: "string",
-        enum: ["light", "regular", "semibold", "bold"]
-      }
-    }
-  },
-  isDotted: {
-    required: false,
-    defaultValue: true,
-    typeMetadata: {
-      schema: {
-        type: "boolean"
-      }
-    }
-  },
   tooltip: {
     required: false,
     typeMetadata: {

package/es/cc/link/Properties.js

@@ -1,7 +1,6 @@
 export default {
-  text: {
-    required: false,
-    defaultValue: "",
+  label: {
+    required: true,
     typeMetadata: {
       schema: {
         type: "string"
@@ -9,7 +8,7 @@ export default {
     }
   },
   variant: {
-    required: false,
+    required: true,
     defaultValue: "primary",
     typeMetadata: {
       schema: {
@@ -45,15 +44,6 @@ export default {
       }
     }
   },
-  tooltip: {
-    required: false,
-    defaultValue: "",
-    typeMetadata: {
-      schema: {
-        type: "string"
-      }
-    }
-  },
   opensNewTab: {
     defaultValue: false,
     typeMetadata: {

package/es/cc/switch/Properties.js

@@ -1,6 +1,6 @@
 export default {
   checked: {
-    required: false,
+    required: true,
     defaultValue: false,
     typeMetadata: {
       schema: {
@@ -18,7 +18,7 @@ export default {
     }
   },
   size: {
-    required: false,
+    required: true,
     defaultValue: "medium",
     typeMetadata: {
       schema: {

package/es/cc/table-connected/SdkContract.js

@@ -1,3 +1,5 @@
+import { SortOrder } from "../../bc/zlist/Types";
+import { filterConfigSchema } from "../../bc/zrecord/Schemas";
 export const SdkContracts = {
   getRecordInputMeta: {
     type: 'object',
@@ -107,6 +109,13 @@ export const SdkContracts = {
     },
     required: ['recordsMap']
   },
+  setFilterInputMeta: {
+    type: 'object',
+    properties: {
+      filterConfig: filterConfigSchema
+    },
+    required: ['filterConfig']
+  },
   selectRecordsInputMeta: {
     type: 'object',
     properties: {
@@ -147,6 +156,18 @@ export const SdkContracts = {
     },
     required: ['ids']
   },
+  setSortConfigInputMeta: {
+    type: 'object',
+    properties: {
+      fieldName: {
+        type: 'string'
+      },
+      order: {
+        type: 'string',
+        enum: [SortOrder.ASC, SortOrder.DES, SortOrder.NONE]
+      }
+    }
+  },
   sortByInputMeta: {
     type: 'object',
     properties: {

package/es/cc/table-connected/constants/Events.js

@@ -5,5 +5,7 @@ export default {
   SORTED: 'SMART_TABLE#SORTED',
   ERROR_OCCURRED
 };
+export const SMART_TABLE_SORT_BY_REQUESTED = 'SMART_TABLE#SORT_BY_REQUESTED';
+export const SMART_TABLE_SORTED = 'SMART_TABLE#SORTED';
 export const SMART_TABLE_SELECTION_TOGGLED = 'SMART_TABLE#SELECTION_TOGGLED';
 export const SMART_TABLE_ACTION_TRIGGERED = 'SMART_TABLE#ACTION_TRIGGERED';

package/es/cc/table-list/Actions.js

@@ -5,7 +5,5 @@ const Actions = [{
   type: Constants.TABLE_LIST_TOGGLE_ITEM_SELECTION
 }, {
   type: Constants.TABLE_LIST_TOGGLE_ALL_SELECTION
-}, {
-  type: Constants.TABLE_LIST_SORTED
 }];
 export default Actions;

package/es/cc/table-list/Constants.js

@@ -7,7 +7,6 @@ class Constants {
   static TABLE_LIST_SCROLLED = 'TABLE_LIST#SCROLLED';
   static TABLE_LIST_TOGGLE_ITEM_SELECTION = 'TABLE_LIST#ITEM_SELECTED';
   static TABLE_LIST_TOGGLE_ALL_SELECTION = 'TABLE_LIST#ALL_SELECT_TOGGLED';
-  static TABLE_LIST_SORTED = 'TABLE_LIST#SORTED';
   static TABLE_LIST_FIELD_CLICKED = 'TABLE_LIST#FIELD_CLICKED';
   static TABLE_LIST_FIELD_CHANGED = 'TABLE_LIST#FIELD_CHANGED';
   static TABLE_LIST_ROW_CLICKED = 'TABLE_LIST#ROW_CLICKED';

package/es/cc/table-list/Events.js

@@ -5,8 +5,6 @@ const Events = [{
   type: Constants.TABLE_LIST_TOGGLE_ITEM_SELECTION
 }, {
   type: Constants.TABLE_LIST_TOGGLE_ALL_SELECTION
-}, {
-  type: Constants.TABLE_LIST_SORTED
 }, {
   type: Constants.TABLE_LIST_RESOLUTION_BASED_COUNT_CALCULATED,
   payload: {

package/es/cc/table-list/Properties.js

@@ -2,6 +2,22 @@ import { Alignment, Width, SortedBy } from "./data-types/Header";
 import RowCursor from "./data-types/RowCursor";
 import SelectionConfigProperties from "../../bc/list-selection/Properties";
 import { actionsSchema } from "../../platform/client-actions/cc/action-event-mediator/Properties";
+import PropertiesConverter from "../component/properties/PropertiesConverter";
+import BooleanProperties from "../fields/boolean/Properties";
+import CurrencyProperties from "../fields/currency/Properties";
+import DateProperties from "../fields/date/Properties";
+import DatetimeProperties from "../fields/datetime/Properties";
+import DecimalProperties from "../fields/decimal/Properties";
+import EmailProperties from "../fields/email/Properties";
+import LookupProperties from "../fields/lookup/Properties";
+import MultiSelectProperties from "../fields/multi-select/Properties";
+import NumberProperties from "../fields/number/Properties";
+import PercentProperties from "../fields/percent/Properties";
+import PhoneProperties from "../fields/phone/Properties";
+import PickListProperties from "../fields/pick-list/Properties";
+import TextProperties from "../fields/text/Properties";
+import UrlProperties from "../fields/url/Properties";
+import NameFieldProperties from "../fields/name/Properties";
 const TableListProperties = {
   isReOrderLoading: {
     required: false,
@@ -51,9 +67,6 @@ const TableListProperties = {
           },
           name: {
             type: 'string'
-          },
-          id: {
-            type: 'string'
           }
         }
       }
@@ -187,6 +200,21 @@ const TableListProperties = {
             },
             required: ['id', 'name', 'text']
           },
+          Column: {
+            anyOf: [PropertiesConverter.toJsonSchema(BooleanProperties), PropertiesConverter.toJsonSchema(CurrencyProperties), PropertiesConverter.toJsonSchema(DateProperties), PropertiesConverter.toJsonSchema(DatetimeProperties), PropertiesConverter.toJsonSchema(DecimalProperties), PropertiesConverter.toJsonSchema(EmailProperties), PropertiesConverter.toJsonSchema(LookupProperties), PropertiesConverter.toJsonSchema(MultiSelectProperties), PropertiesConverter.toJsonSchema(NumberProperties), PropertiesConverter.toJsonSchema(PercentProperties), PropertiesConverter.toJsonSchema(PhoneProperties), PropertiesConverter.toJsonSchema(PickListProperties), PropertiesConverter.toJsonSchema(TextProperties), PropertiesConverter.toJsonSchema(UrlProperties), PropertiesConverter.toJsonSchema(NameFieldProperties), // Below field is for the empty cell
+            {
+              type: 'object',
+              properties: {
+                type: {
+                  type: 'string'
+                },
+                value: {
+                  type: 'string'
+                }
+              },
+              required: ['type', 'value']
+            }]
+          },
           ActionLocation: {
             renderComponentType: 'object',
             properties: {
@@ -217,7 +245,10 @@ const TableListProperties = {
                   type: 'string'
                 },
                 columns: {
-                  type: 'array'
+                  type: 'array',
+                  items: {
+                    $ref: '#/definitions/Column'
+                  }
                 },
                 rowActionLocation: {
                   $ref: '#/definitions/ActionLocation'

package/es/cc/tags/Data.js

@@ -1 +1,7 @@
+var Size = /*#__PURE__*/function (Size) {
+  Size["Small"] = "small";
+  Size["Medium"] = "medium";
+  return Size;
+}(Size || {});
+
 export {};

package/es/cc/tags/model/TagModel.js

@@ -0,0 +1,26 @@
+function TagModel(_ref) {
+  let {
+    id,
+    label,
+    color,
+    imageSrc,
+    imageAltText,
+    iconName,
+    disabled,
+    size,
+    tooltip
+  } = _ref;
+  return {
+    id,
+    label,
+    color,
+    imageSrc,
+    imageAltText,
+    iconName,
+    disabled,
+    size,
+    tooltip
+  };
+}
+
+export default TagModel;

package/es/cc/tags/model/index.js

@@ -1,5 +1,5 @@
 import TagsDataModel from "./TagsDataModel";
-import TagModel from "../../tag/Model";
+import TagModel from "./TagModel";
 export default class TagsModel {
   static TagsDataModel = TagsDataModel;
   static TagModel = TagModel;

package/es/library/custom-component/frameworks/ui/CustomComponentFactory.js

@@ -0,0 +1,56 @@
+import React, { useState, useRef, useEffect, forwardRef } from 'react';
+import DependencyFactory from "./DependencyFactory";
+/* eslint-disable */
+
+function Component(props) {
+  const [state, setState] = useState(null);
+  const elementRef = useRef(null);
+  const {
+    controller,
+    presenter,
+    eventManager
+  } = DependencyFactory.create({
+    updateState: newState => {
+      // Hack initial render
+      if (state == null) {
+        setState(newState);
+      } else {
+        setState(() => newState);
+      }
+    }
+  });
+  const helpers = {
+    updateState: controller.updateState.bind(controller),
+    updateProperties: controller.updateProperties.bind(controller),
+    dispatch: controller.dispatch.bind(controller)
+  };
+  useEffect(() => {
+    controller.initialize({ ...input,
+      newProps: props,
+      helpers
+    });
+    eventManager.name = input.name;
+    controller.mount();
+    return () => {
+      controller.unmount();
+    };
+  }, []);
+  useEffect(() => {
+    controller.updateProperties(props);
+  }, [props]);
+  const View = /*#__PURE__*/forwardRef(input.View);
+
+  if (state?.error) {
+    console.log(state.error);
+    return /*#__PURE__*/React.createElement("div", null, "error");
+  } else {
+    return /*#__PURE__*/React.createElement(View, {
+      ref: eventManager.setElement.bind(eventManager),
+      helpers: helpers,
+      state: state
+    });
+  }
+}
+
+;
+export default Component;

package/es/library/dot/components/table-list/adapters/controllers/index.js

@@ -1,8 +1,6 @@
 export { default as SelectItemController } from "./SelectItemController";
 export { default as SelectAllController } from "./SelectAllController";
 export { default as ScrollController } from "./ScrollController";
-export { default as SortByController } from "./SortByController";
-export { default as SortedController } from "./SortedController";
 export { default as FieldChangeController } from "./FieldChangeController";
 export { default as FieldClickController } from "./FieldClickController";
 export { default as KeyboardRowSelectController } from "./KeyboardRowSelectController";

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

@@ -1,5 +1,5 @@
 import { TableListConstants } from "../../../../../../cc/table-list";
-import { SelectItemController, SelectAllController, ScrollController, FieldChangeController, FieldClickController, SortByController, KeyboardRowSelectController, KeyboardRowClickController, ResolutionBasedCountController } from "../../adapters/controllers";
+import { SelectItemController, SelectAllController, ScrollController, FieldChangeController, FieldClickController, KeyboardRowSelectController, KeyboardRowClickController, ResolutionBasedCountController } from "../../adapters/controllers";
 import TableRowConstants from "../../../../../../cc/table-list/row/Constants";
 import RowClickController from "../../adapters/controllers/RowClickController";
 import { SMART_TABLE_ACTION_TRIGGERED, SMART_TABLE_SELECTION_TOGGLED } from "../../../../../../cc/table-connected/constants/Events";
@@ -14,7 +14,6 @@ class EventHandlersFactory {
       [TableListConstants.TABLE_LIST_TOGGLE_ITEM_SELECTION]: new SelectItemController().handle,
       [TableListConstants.TABLE_LIST_TOGGLE_ALL_SELECTION]: new SelectAllController().handle,
       [TableListConstants.TABLE_LIST_SCROLLED]: new ScrollController().handle,
-      [TableListConstants.TABLE_LIST_SORTED]: new SortByController().handle,
       [TableRowConstants.TABLE_ROW_FIELD_CHANGED]: new FieldChangeController().handle,
       [TableRowConstants.TABLE_ROW_FIELD_CLICKED]: new FieldClickController().handle
     };

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

@@ -10,8 +10,6 @@ import TableRowProperties from "../../../../../../../../cc/table-list/row/Proper
 import TableRowConstants from "../../../../../../../../cc/table-list/row/Constants";
 import { SortableHandle } from 'react-sortable-hoc'; // @ts-ignore
 
-import arrowStyle from '@zohodesk/components/es/shared/ArrowIcon/ArrowIcon.module.css'; // @ts-ignore
-
 import style from "../../css/TableList.module.css";
 
 function RowView(_ref, ref) {
@@ -65,7 +63,7 @@ function RowView(_ref, ref) {
       }
     }),
     customStyle: {
-      tableList: `${arrowStyle.transparentContainer} ${style.row}`,
+      tableList: style.row,
       $pointer: style[`rowCursor_${cursor}`]
     }
   }, renderReorderer({

package/es/library/dot/legacy-to-new-arch/email/frameworks/ui/EmailView.js

@@ -13,8 +13,7 @@ function EmailView(_ref, ref) {
   let {
     email,
     isDotted,
-    weight,
-    tooltip
+    weight
   } = state.properties;
   return /*#__PURE__*/React.createElement(TableEmail, {
     $method_getRef: ref,
@@ -28,8 +27,7 @@ function EmailView(_ref, ref) {
         }
       });
     },
-    $data_email: email,
-    $i18n_tooltip: tooltip
+    $data_email: email
   });
 }
 

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

@@ -1,7 +1,6 @@
 import React from "react";
 import StatusBox from "@zohodesk-private/desk-components/es/table/StatusBox/StatusBox";
-import HighlightedValueConstants from "../../../../../../cc/highlighted-value/Constants"; // @ts-ignore
-
+import { HighlightedValueConstants } from "../../../../../../cc";
 import style from "./css/HighlightedValue.module.css";
 
 function HighlightedValueView(_ref, ref) {
@@ -16,8 +15,6 @@ function HighlightedValueView(_ref, ref) {
     text,
     color,
     tooltip,
-    weight,
-    isDotted,
     cursor
   } = state.properties;
   return /*#__PURE__*/React.createElement(StatusBox, {
@@ -26,8 +23,6 @@ function HighlightedValueView(_ref, ref) {
     },
     $ui_color: color,
     $i18n_text: text,
-    $ui_weight: weight,
-    $flag_wrapText: !isDotted,
     $i18n_tooltip: tooltip,
     customStyle: {
       pointer: cursor === "default" && style.default