@zohodesk/library-platform 1.1.8-exp.2 → 1.1.9-alpha.1

package/es/library/custom-component/domain/entities/Properties.js

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import Property from "./Property";
 import defaultAppendToActionPayload from "./DefaultAppendToActionPayload";
 import getRefPropertySchema from "../../../../cc/component/properties/getRefPropertySchema";
@@ -7,9 +5,6 @@ import defaultSlotNameAppend from "./DefaultSlotNameAppend";
 export default class Properties {
   constructor(properties, componentName) {
     this.componentName = componentName;
-
-    _defineProperty(this, "data", void 0);
-
     this.data = properties;
     this.data.set('appendToActionPayload', new Property(defaultAppendToActionPayload));
     this.data.set('getRef', new Property(getRefPropertySchema));

package/es/library/custom-component/domain/entities/Property.js

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class Property {
   constructor(_ref) {
     let {
@@ -8,17 +6,6 @@ export default class Property {
       required,
       typeMetadata
     } = _ref;
-
-    _defineProperty(this, "name", void 0);
-
-    _defineProperty(this, "required", void 0);
-
-    _defineProperty(this, "defaultValue", void 0);
-
-    _defineProperty(this, "typeMetadata", void 0);
-
-    _defineProperty(this, "value", void 0);
-
     this.name = name;
     this.defaultValue = defaultValue;
     this.required = required;

package/es/library/custom-component/domain/entities/Schema.js

@@ -1,9 +1,5 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 class Schema {
-  constructor() {
-    _defineProperty(this, "_type", void 0);
-  }
+  constructor() {}
 
   getType() {
     return this._type;

package/es/library/custom-component/domain/entities/State.js

@@ -1,9 +1,5 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class State {
   constructor() {
-    _defineProperty(this, "state", void 0);
-
     this.state = {};
   }
 

package/es/library/custom-component/domain/entities/Style.js

@@ -1,18 +1,4 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class Style {
-  constructor() {
-    _defineProperty(this, "name", void 0);
-
-    _defineProperty(this, "label", void 0);
-
-    _defineProperty(this, "required", void 0);
-
-    _defineProperty(this, "defaultValue", void 0);
-
-    _defineProperty(this, "typeMetadata", void 0);
-  }
-
   getLabel() {
     return this.label;
   }

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

@@ -1,9 +1,7 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 class ComponentRegistry {
-  constructor() {
-    _defineProperty(this, "components", new Map());
-  }
+  components = new Map();
+
+  constructor() {}
 
   static getInstance() {
     if (!ComponentRegistry.instance) {
@@ -31,6 +29,4 @@ class ComponentRegistry {
 
 }
 
-_defineProperty(ComponentRegistry, "instance", void 0);
-
 export default ComponentRegistry.getInstance();

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

@@ -1,5 +1,3 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { forwardRef } from 'react';
 import DependencyFactory from "./DependencyFactory";
 import Compare from "./Compare";
@@ -19,30 +17,6 @@ const createCustomComponent = input => {
   class Component extends React.Component {
     constructor(props) {
       super(props);
-
-      _defineProperty(this, "controller", void 0);
-
-      _defineProperty(this, "elementRef", void 0);
-
-      _defineProperty(this, "state", void 0);
-
-      _defineProperty(this, "presenter", void 0);
-
-      _defineProperty(this, "eventManager", void 0);
-
-      _defineProperty(this, "View", void 0);
-
-      _defineProperty(this, "helpers", void 0);
-
-      _defineProperty(this, "setRef", element => {
-        const {
-          setElement
-        } = this.eventManager;
-        setElement.bind(this.eventManager)(element);
-        this.eventManager.setElement(element);
-        this.props.getRef && this.props.getRef(element);
-      });
-
       this.state = null;
       let {
         controller,
@@ -105,6 +79,15 @@ const createCustomComponent = input => {
     componentDidUpdate() {// this.controller.updateProperties(this.props);
     }
 
+    setRef = element => {
+      const {
+        setElement
+      } = this.eventManager;
+      setElement.bind(this.eventManager)(element);
+      this.eventManager.setElement(element);
+      this.props.getRef && this.props.getRef(element);
+    };
+
     render() {
       let View = this.View;
       let {

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

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { Children } from "react";
 import ComponentRegistry from "./ComponentRegistry";
 
@@ -58,9 +60,9 @@ export function generateSlotChildren() {
       }
 
       if (View) {
-        slotChildren[name].push( /*#__PURE__*/React.createElement(View, { ...finalisedProps,
+        slotChildren[name].push( /*#__PURE__*/React.createElement(View, _extends({}, finalisedProps, {
           key: `${name}_${elementName}_${index}`
-        }, childProps.children));
+        }), childProps.children));
       }
     });
   });

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

@@ -40,7 +40,7 @@ function Component(props) {
   }, [props]);
   const View = /*#__PURE__*/forwardRef(input.View);
 
-  if (state !== null && state !== void 0 && state.error) {
+  if (state?.error) {
     console.log(state.error);
     return /*#__PURE__*/React.createElement("div", null, "error");
   } else {

package/es/library/dot/components/action-location/adapters/gateway/Repository.js

@@ -1,14 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import ActionLocationEntity from "../../entities/ActionLocationEntity";
 export default class Repository {
   constructor() {
-    _defineProperty(this, "element", void 0);
-
-    _defineProperty(this, "dispatch", void 0);
-
-    _defineProperty(this, "state", void 0);
-
     this.element = null;
   }
 

package/es/library/dot/components/action-location/adapters/presenters/Presenter.js

@@ -1,12 +1,4 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export default class Presenter {
-  constructor() {
-    _defineProperty(this, "updateState", void 0);
-
-    _defineProperty(this, "state", void 0);
-  }
-
   updateDependencies(state, updateState) {
     this.updateState = updateState;
     this.state = state;

package/es/library/dot/components/action-location/entities/ActionLocationEntity.js

@@ -40,18 +40,14 @@ export default class ActionLocationEntity {
   }
 
   listen(eventName) {
-    var _this$element;
-
     const handler = this.createEventHandlers(eventName);
     this.handlers[eventName] = handler;
-    (_this$element = this.element) === null || _this$element === void 0 ? void 0 : _this$element.addEventListener(eventName, handler);
+    this.element?.addEventListener(eventName, handler);
   }
 
   unListen(eventName) {
-    var _this$element2;
-
     const handler = this.handlers[eventName];
-    (_this$element2 = this.element) === null || _this$element2 === void 0 ? void 0 : _this$element2.removeEventListener(eventName, handler);
+    this.element?.removeEventListener(eventName, handler);
     this.handlers[eventName] = undefined;
   }
 

package/es/library/dot/components/actions-renderer/frameworks/ui/ActionsRendererView.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import ComponentRegistry from "../../../../../custom-component/frameworks/ui/ComponentRegistry";
 import ActionComponentMapping from "../../../action-location/frameworks/ui/ActionComponentMapping";
@@ -23,13 +25,13 @@ function ActionsRendererView(_ref, ref) {
     /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
 
     const ActionUiType = ActionComponentMapping[type] || ComponentRegistry.get(type);
-    return /*#__PURE__*/React.createElement(ActionUiType, {
-      key: index,
-      ...properties,
+    return /*#__PURE__*/React.createElement(ActionUiType, _extends({
+      key: index
+    }, properties, {
       appendToActionPayload: {
         eventMappings
       }
-    });
+    }));
   }));
 }
 

package/es/library/dot/components/form/frameworks/ui/__test__/Form.test.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { render, cleanup } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
@@ -24,8 +26,7 @@ describe('Form Sections', () => {
   test('Sections are vertically aligned', () => {
     const {
       getByText
-    } = render( /*#__PURE__*/React.createElement(Form, { ...formProperties
-    }));
+    } = render( /*#__PURE__*/React.createElement(Form, formProperties));
     expect(getByText('User Details')).toBeInTheDocument();
     expect(getByText('Address Information')).toBeInTheDocument();
   });
@@ -42,24 +43,21 @@ describe('Form Sections', () => {
     const {
       getByText,
       queryByText
-    } = render( /*#__PURE__*/React.createElement(Form, { ...singleSectionProperties
-    }));
+    } = render( /*#__PURE__*/React.createElement(Form, singleSectionProperties));
     expect(getByText('User Details')).toBeInTheDocument();
     expect(queryByText('Address Information')).not.toBeInTheDocument();
   });
   test('Multiple sections in a layout', () => {
     const {
       getByText
-    } = render( /*#__PURE__*/React.createElement(Form, { ...formProperties
-    }));
+    } = render( /*#__PURE__*/React.createElement(Form, formProperties));
     expect(getByText('User Details')).toBeInTheDocument();
     expect(getByText('Address Information')).toBeInTheDocument();
   });
   test('Maintain section order during rendering', () => {
     const {
       getAllByText
-    } = render( /*#__PURE__*/React.createElement(Form, { ...formProperties
-    }));
+    } = render( /*#__PURE__*/React.createElement(Form, formProperties));
     const sections = getAllByText(/Details|Information/);
     expect(sections[0]).toHaveTextContent('User Details');
     expect(sections[1]).toHaveTextContent('Address Information');
@@ -68,8 +66,7 @@ describe('Form Sections', () => {
     const {
       getAllByText,
       rerender
-    } = render( /*#__PURE__*/React.createElement(Form, { ...formProperties
-    }));
+    } = render( /*#__PURE__*/React.createElement(Form, formProperties));
     const sections = getAllByText(/Details|Information/);
     expect(sections[0]).toHaveTextContent('User Details');
     expect(sections[1]).toHaveTextContent('Address Information');
@@ -94,8 +91,7 @@ describe('Form Sections', () => {
         isVisible: true
       }]
     };
-    rerender( /*#__PURE__*/React.createElement(Form, { ...updatedProperties
-    }));
+    rerender( /*#__PURE__*/React.createElement(Form, updatedProperties));
     const updatedSections = getAllByText(/Details|Summary|Information/);
     expect(updatedSections[0]).toHaveTextContent('User Details');
     expect(updatedSections[1]).toHaveTextContent('Order Summary');
@@ -107,8 +103,7 @@ describe('Form Sections', () => {
       getByText,
       queryByText,
       rerender
-    } = render( /*#__PURE__*/React.createElement(Form, { ...formProperties
-    }));
+    } = render( /*#__PURE__*/React.createElement(Form, formProperties));
     const sections = getAllByText(/Details|Information/);
     expect(sections[0]).toHaveTextContent('User Details');
     expect(sections[1]).toHaveTextContent('Address Information');
@@ -121,8 +116,7 @@ describe('Form Sections', () => {
         isVisible: true
       }]
     };
-    rerender( /*#__PURE__*/React.createElement(Form, { ...updatedProperties
-    }));
+    rerender( /*#__PURE__*/React.createElement(Form, updatedProperties));
     expect(getByText('User Details')).toBeInTheDocument();
     expect(queryByText('Address Information')).not.toBeInTheDocument();
   }); // Loading tests
@@ -130,17 +124,17 @@ describe('Form Sections', () => {
   test('Display loading indicator during form loading', () => {
     const {
       getByText
-    } = render( /*#__PURE__*/React.createElement(Form, { ...formProperties,
+    } = render( /*#__PURE__*/React.createElement(Form, _extends({}, formProperties, {
       isLoading: true
-    }));
+    })));
     expect(getByText('Loading...')).toBeInTheDocument();
   });
   test('No loading indicator when form is not loading', () => {
     const {
       queryByText
-    } = render( /*#__PURE__*/React.createElement(Form, { ...formProperties,
+    } = render( /*#__PURE__*/React.createElement(Form, _extends({}, formProperties, {
       isLoading: false
-    }));
+    })));
     expect(queryByText('Loading...')).not.toBeInTheDocument();
   });
 });

package/es/library/dot/components/form/frameworks/ui/sub-components/SectionsWithRightPanelLayout.js

@@ -25,8 +25,7 @@ export default function SectionsWithRightPanelLayout(_ref) {
   }, children), /*#__PURE__*/React.createElement(Flex, {
     $flag_shrink: false,
     $ui_className: style.rightPanel
-  }, /*#__PURE__*/React.createElement(RightPanelComponent, { ...properties
-  })));
+  }, /*#__PURE__*/React.createElement(RightPanelComponent, properties)));
 }
 
 function updateRightPanelHeight(ref) {

package/es/library/dot/components/form-fields/field/__test__/common.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { render, fireEvent, screen, cleanup, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
@@ -17,9 +19,9 @@ export function testEPHIFieldVisibility(Component, props) {
   it('should display ePHI tag for ePHI-enabled fields', () => {
     const {
       getByText
-    } = render( /*#__PURE__*/React.createElement(Component, { ...props,
+    } = render( /*#__PURE__*/React.createElement(Component, _extends({}, props, {
       ePHI: true
-    }));
+    })));
     const ePHITag = getByText('ePHI');
     expect(ePHITag).toBeInTheDocument();
   });
@@ -38,9 +40,9 @@ export function testCommonFieldAttributes(Component, props) {
   it('should display the correct label', () => {
     const {
       getByLabelText
-    } = render( /*#__PURE__*/React.createElement(Component, { ...props,
+    } = render( /*#__PURE__*/React.createElement(Component, _extends({}, props, {
       label: "Test Label"
-    }));
+    })));
     const label = getByLabelText('Test Label');
     expect(label).toBeInTheDocument();
   });
@@ -51,9 +53,9 @@ export function testFieldErrorMessage(Component, props) {
   it('should display the correct error message', () => {
     const {
       getByRole
-    } = render( /*#__PURE__*/React.createElement(Component, { ...props,
+    } = render( /*#__PURE__*/React.createElement(Component, _extends({}, props, {
       errorMessage: "Error occurred"
-    }));
+    })));
     const errorMessage = getByRole('alert');
     expect(errorMessage).toHaveTextContent('Error occurred');
   });
@@ -65,9 +67,9 @@ export function testFieldTooltip(Component, props) {
     const {
       getByText,
       container
-    } = render( /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(Component, { ...props,
+    } = render( /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
       tooltip: tooltipText
-    })));
+    }))));
     const infoIcon = container.querySelector(`[data-title="${tooltipText}"]`);
     expect(infoIcon).toBeInTheDocument();
     fireEvent.mouseEnter(infoIcon);
@@ -86,9 +88,9 @@ export function testRequiredTextKindFieldAttributes(Component, props) {
   it('should be required when required prop is true', () => {
     const {
       getByRole
-    } = render( /*#__PURE__*/React.createElement(Component, { ...props,
+    } = render( /*#__PURE__*/React.createElement(Component, _extends({}, props, {
       required: true
-    }));
+    })));
     const input = getByRole('textbox');
     expect(input).toBeRequired();
   });
@@ -97,9 +99,9 @@ export function testDisabledTextKindFieldAttributes(Component, props) {
   it('should be disabled when disabled prop is true', () => {
     const {
       getByRole
-    } = render( /*#__PURE__*/React.createElement(Component, { ...props,
+    } = render( /*#__PURE__*/React.createElement(Component, _extends({}, props, {
       disabled: true
-    }));
+    })));
     const input = getByRole('textbox');
     expect(input).toBeDisabled();
   });
@@ -108,9 +110,9 @@ export function testReadOnlyTextKindFieldAttributes(Component, props) {
   it('should be readonly when readonly prop is true', () => {
     const {
       getByRole
-    } = render( /*#__PURE__*/React.createElement(Component, { ...props,
+    } = render( /*#__PURE__*/React.createElement(Component, _extends({}, props, {
       readonly: true
-    }));
+    })));
     const input = getByRole('textbox');
     expect(input).toHaveAttribute('readonly');
   });
@@ -145,10 +147,10 @@ export function testFieldValueChange(_ref2) {
     const Parent = createCustomComponent({
       name: 'Parent',
       View: (_, ref) => {
-        return /*#__PURE__*/React.createElement(Component, { ...props,
+        return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
           name: "fieldDetails",
           getRef: ref
-        });
+        }));
       },
       properties: {},
       eventHandlers: {

package/es/library/dot/components/section/frameworks/ui/RenderField.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import ComponentRegistry from "../../../../../custom-component/frameworks/ui/ComponentRegistry";
 export function renderField(field, key) {
@@ -12,8 +14,7 @@ export function renderField(field, key) {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(Component, {
-    key: key,
-    ...properties
-  });
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    key: key
+  }, properties));
 }

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

@@ -15,7 +15,7 @@ class KeyboardRowClickController extends AbstractController {
       focussedRow,
       data
     } = state.properties || {};
-    const record = data === null || data === void 0 ? void 0 : data.rows[focussedRow];
+    const record = data?.rows[focussedRow];
 
     if (!record) {
       return;

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

@@ -11,7 +11,7 @@ class KeyboardRowSelectController extends AbstractController {
       focussedRow,
       data
     } = state.properties || {};
-    const record = data === null || data === void 0 ? void 0 : data.rows[focussedRow];
+    const record = data?.rows[focussedRow];
 
     if (!record) {
       return;

package/es/library/dot/components/table-list/adapters/presenters/TableTranslator.js

@@ -22,7 +22,7 @@ class TableTranslator {
 
   static translateHeaders(headers, sortBy) {
     return headers.map(header => {
-      const sortOrder = (sortBy === null || sortBy === void 0 ? void 0 : sortBy.name) === header.name ? sortBy === null || sortBy === void 0 ? void 0 : sortBy.order : 'none';
+      const sortOrder = sortBy?.name === header.name ? sortBy?.order : 'none';
       return { ...header,
         sortOrder
       };

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

@@ -1,8 +1,9 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import Row from "./row/Row";
 import { SortableElement } from 'react-sortable-hoc';
-const SortableRow = SortableElement(props => /*#__PURE__*/React.createElement(Row, { ...props
-}));
+const SortableRow = SortableElement(props => /*#__PURE__*/React.createElement(Row, props));
 
 const Rows = _ref => {
   let {
@@ -21,12 +22,11 @@ const Rows = _ref => {
   return rows.map((row, index) => {
     const isDroppable = dropIndicator.index !== null ? dropIndicator.index === index ? true : false : false;
     const dropPosition = dropIndicator.position;
-    return /*#__PURE__*/React.createElement(SortableRow, {
+    return /*#__PURE__*/React.createElement(SortableRow, _extends({
       key: `${row.id}`,
       index: index,
-      disabled: isReOrderLoading,
-      ...getRowProps(row, headers, isFlexibleColumns, isReorderEnabled, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth, isKeyboardControlsEnabled, isDroppable, dropPosition, isReOrderLoading)
-    });
+      disabled: isReOrderLoading
+    }, getRowProps(row, headers, isFlexibleColumns, isReorderEnabled, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth, isKeyboardControlsEnabled, isDroppable, dropPosition, isReOrderLoading)));
   });
 };
 

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

@@ -16,8 +16,7 @@ const FieldComponent = props => {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(Component, { ...fieldProps
-  });
+  return /*#__PURE__*/React.createElement(Component, fieldProps);
 };
 
 export default FieldComponent;

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

@@ -26,7 +26,7 @@ function HeaderData(_ref) {
     alignment,
     actions
   } = header;
-  const hasActions = Boolean(actions === null || actions === void 0 ? void 0 : actions.length);
+  const hasActions = Boolean(actions?.length);
   return (
     /*#__PURE__*/
     // @ts-ignore

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

@@ -18,7 +18,7 @@ export default function RowData(_ref) {
     actions,
     ...props
   } = field;
-  const hasActions = Boolean(actions === null || actions === void 0 ? void 0 : actions.length);
+  const hasActions = Boolean(actions?.length);
   return /*#__PURE__*/React.createElement(TableData, {
     $ui_align: hasActions ? null : alignment,
     $data_width: width,

package/es/library/dot/legacy-to-new-arch/date/frameworks/ui/DateView.js

@@ -26,7 +26,7 @@ function DateView(_ref, ref) {
   } = state.properties;
 
   const renderRightFieldActions = () => {
-    if (!(actions !== null && actions !== void 0 && actions.length)) return null;
+    if (!actions?.length) return null;
     return /*#__PURE__*/React.createElement("div", {
       className: style.actionContainer
     }, /*#__PURE__*/React.createElement(ActionEventMediator, {

package/es/library/dot/legacy-to-new-arch/multi-select/frameworks/ui/MultiSelectView.js

@@ -26,7 +26,7 @@ function MultiSelectView(_ref, ref) {
   } = state.properties;
 
   const renderRightFieldActions = () => {
-    if (!(actions !== null && actions !== void 0 && actions.length)) return null;
+    if (!actions?.length) return null;
     return /*#__PURE__*/React.createElement("div", {
       className: style.actionContainer
     }, /*#__PURE__*/React.createElement(ActionEventMediator, {
@@ -60,7 +60,7 @@ function MultiSelectView(_ref, ref) {
     selectAllText: "Select All",
     emptyMessage: "No options to select",
     searchEmptyMessage: "No Results Found",
-    customChildrenClass: `${(actions === null || actions === void 0 ? void 0 : actions.length) >= 2 ? style[`paddingRight${actions.length === 2 ? 64 : 96}`] : ''}`,
+    customChildrenClass: `${actions?.length >= 2 ? style[`paddingRight${actions.length === 2 ? 64 : 96}`] : ''}`,
     onChange: selectedValues => {
       dispatch({
         type: MultiSelectConstants.MULTISELECT_CHANGED,

package/es/library/dot/legacy-to-new-arch/select/frameworks/ui/SelectView.js

@@ -27,7 +27,7 @@ function SelectView(_ref, ref) {
   }));
 
   const renderRightFieldActions = () => {
-    return actions !== null && actions !== void 0 && actions.length ? /*#__PURE__*/React.createElement(ActionEventMediator, {
+    return actions?.length ? /*#__PURE__*/React.createElement(ActionEventMediator, {
       actions: actions
     }) : null;
   };

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

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import SingleSelectFilter from '@zohodesk-private/desk-components/es/SingleSelectFilter/SingleSelectFilter';
 import MultiSelectFilter from '@zohodesk-private/desk-components/es/MultiSelectFilter/MultiSelectFilter';
@@ -95,11 +97,11 @@ function TableColumnFilterView(_ref, ref) {
     onClear: handleClear,
     onSearch: handleSearch
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isMultiSelect ? /*#__PURE__*/React.createElement(MultiSelectFilter, { ...commonProps,
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isMultiSelect ? /*#__PURE__*/React.createElement(MultiSelectFilter, _extends({}, commonProps, {
     selectedOptions: selectedOptions
-  }) : /*#__PURE__*/React.createElement(SingleSelectFilter, { ...commonProps,
+  })) : /*#__PURE__*/React.createElement(SingleSelectFilter, _extends({}, commonProps, {
     selectedOption: selectedOptions
-  }));
+  })));
 }
 
 export default TableColumnFilterView;