@zohodesk/library-platform 1.0.0 → 1.0.2-exp.1.0

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

@@ -1,32 +0,0 @@
-import { ZLIST_FETCH_MORE } from "../../../../../../bc/zlist/Constants";
-import AbstractController from "./AbstractController";
-
-class ScrollController extends AbstractController {
-  handle(event) {
-    const {
-      dispatch
-    } = event;
-    const {
-      scrollEvent
-    } = event.action.payload;
-    const element = scrollEvent.currentTarget;
-    const {
-      scrollHeight,
-      scrollTop,
-      clientHeight
-    } = element;
-    const DELTA = 10;
-    const isScrollingDown = scrollTop !== 0;
-    const isEndReached = isScrollingDown && scrollHeight - Math.ceil(scrollTop) < clientHeight + DELTA;
-
-    if (isEndReached) {
-      dispatch({
-        type: ZLIST_FETCH_MORE,
-        payload: {}
-      });
-    }
-  }
-
-}
-
-export default ScrollController;

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

@@ -1,16 +0,0 @@
-import { LIST_SELECTION_TOGGLE_ALL } from "../../../../../../bc/list-selection/Constants";
-import AbstractController from "./AbstractController";
-
-class SelectAllController extends AbstractController {
-  handle(event) {
-    const {
-      dispatch
-    } = event;
-    dispatch({
-      type: LIST_SELECTION_TOGGLE_ALL
-    });
-  }
-
-}
-
-export default SelectAllController;

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

@@ -1,34 +0,0 @@
-import { LIST_SELECTION_TOGGLE_ITEMS, LIST_SELECTION_TOGGLE_ITEMS_IN_RANGE } from "../../../../../../bc/list-selection/Constants";
-import AbstractController from "./AbstractController";
-
-class SelectItemController extends AbstractController {
-  handle(event) {
-    const {
-      dispatch,
-      action
-    } = event;
-    const {
-      id,
-      event: browser_event
-    } = action.payload;
-
-    if (browser_event.shiftKey) {
-      dispatch({
-        type: LIST_SELECTION_TOGGLE_ITEMS_IN_RANGE,
-        payload: {
-          id
-        }
-      });
-    } else {
-      dispatch({
-        type: LIST_SELECTION_TOGGLE_ITEMS,
-        payload: {
-          selected: [id]
-        }
-      });
-    }
-  }
-
-}
-
-export default SelectItemController;

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

@@ -1,25 +0,0 @@
-import { SORTBY_SORT } from "../../../../../../bc/sort-by/Constants";
-import AbstractController from "./AbstractController";
-
-class SortByController extends AbstractController {
-  handle(event) {
-    const {
-      dispatch,
-      action
-    } = event;
-    const {
-      id,
-      name
-    } = action.payload;
-    dispatch({
-      type: SORTBY_SORT,
-      payload: {
-        id,
-        name
-      }
-    });
-  }
-
-}
-
-export default SortByController;

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

@@ -1,18 +0,0 @@
-import { ZLIST_FETCH_SORTED } from "../../../../../../bc/zlist/Constants";
-import AbstractController from "./AbstractController";
-
-class SortedController extends AbstractController {
-  handle(event) {
-    const {
-      action,
-      dispatch
-    } = event;
-    dispatch({
-      type: ZLIST_FETCH_SORTED,
-      payload: action.payload
-    });
-  }
-
-}
-
-export default SortedController;

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

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

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

@@ -1,52 +0,0 @@
-class TableTranslator {
-  static translate(state) {
-    var _state;
-
-    const {
-      data,
-      selectionConfig
-    } = state.properties;
-    const {
-      sortBy,
-      selection
-    } = (_state = state) === null || _state === void 0 ? void 0 : _state.behaviours;
-    const headers = TableTranslator.translateHeaders(data.headers, sortBy);
-    const rows = TableTranslator.translateRows(data.rows, selection, selectionConfig);
-    state = { ...state,
-      properties: { ...state.properties,
-        data: { ...data,
-          headers,
-          rows
-        }
-      }
-    };
-    return state;
-  }
-
-  static translateHeaders(headers, sortBy) {
-    return headers.map(header => {
-      const sortOrder = (sortBy === null || sortBy === void 0 ? void 0 : sortBy.id) === header.id ? sortBy === null || sortBy === void 0 ? void 0 : sortBy.order : 'none';
-      return { ...header,
-        sortOrder,
-        sortTooltip: sortOrder === 'none' ? '' : sortOrder === 'ascending' ? 'Click to Sort Descending' : 'Click to Sort Ascending'
-      };
-    });
-  }
-
-  static translateRows(rows, selection, selectionConfig) {
-    const {
-      selected,
-      hasAllSelected
-    } = selection;
-    return rows.map((row, index) => {
-      return { ...row,
-        isSelected: selected.includes(row.id),
-        isSelectable: selected.includes(row.id) || !hasAllSelected,
-        selectionTooltip: !selected.includes(row.id) && hasAllSelected ? selectionConfig.limitExceedAlertMessage : `Record ${index + 1}`
-      };
-    });
-  }
-
-}
-
-export default TableTranslator;

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

@@ -1,23 +0,0 @@
-import { TableListConstants } from "../../../../../../cc/table-list";
-import { SelectItemController, SelectAllController, ScrollController, FieldChangeController, FieldClickController, SortByController, SortedController } from "../../adapters/controllers";
-import TableRowConstants from "../../../../../../cc/table-list/row/Constants";
-import { SORTBY_SORTED } from "../../../../../../bc/sort-by/Constants";
-import RowClickController from "../../adapters/controllers/RowClickController";
-
-class EventHandlersFactory {
-  static create() {
-    return {
-      [TableRowConstants.TABLE_ROW_CLICKED]: new RowClickController().handle,
-      [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,
-      [SORTBY_SORTED]: new SortedController().handle,
-      [TableRowConstants.TABLE_ROW_FIELD_CHANGED]: new FieldChangeController().handle,
-      [TableRowConstants.TABLE_ROW_FIELD_CLICKED]: new FieldClickController().handle
-    };
-  }
-
-}
-
-export default EventHandlersFactory;

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

@@ -1,30 +0,0 @@
-import { TableListProperties } from "../../../../../../cc/table-list";
-import { createCustomComponent } from "../../../../../custom-component";
-import ListItemSelectionBehaviourFactory from "../../../../../behaviours/list-selection/frameworks/ListItemSelectionBehaviourFactory";
-import TableTranslator from "../../adapters/presenters/TableTranslator";
-import TableListView from "./TableListView";
-import EventHandlersFactory from "./EventHandlersFactory";
-import SortByBehaviourFactory from "../../../../../behaviours/sort-by/frameworks/ui/SortByBehaviourFactory";
-const TableList = createCustomComponent({
-  name: 'TableList',
-  View: TableListView,
-  properties: TableListProperties,
-  setInitialState: () => ({}),
-  transformState: TableTranslator.translate,
-  eventHandlers: EventHandlersFactory.create(),
-  behaviours: [ListItemSelectionBehaviourFactory.create(), SortByBehaviourFactory.create(), {
-    name: 'resizerState',
-    properties: {},
-    eventHandlers: {},
-    setInitialState: () => ({
-      currentlyResizingColumn: '',
-      isCurrentlyResizing: false,
-      resizedColumnsWidth: {},
-      extraWidth: 0,
-      initialPosition: 0,
-      resizedPosition: 0,
-      tooltip: ''
-    })
-  }]
-});
-export default TableList;

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

@@ -1,133 +0,0 @@
-import React from 'react';
-import Table from '@zohodesk-private/desk-components/es/table/Table/Table';
-import Header from "./sub-components/Header";
-import Body from "./sub-components/Body";
-import Rows from "./sub-components/Rows";
-import NoData from "./sub-components/NoData";
-import Loading from "./sub-components/Loading";
-import ColumnResizingLine from "./sub-components/ColumnResizingLine";
-import handleScroll from "./handlers/HandleScroll"; // @ts-ignore
-
-import style from "./css/TableList.module.css";
-
-function TableListView(_ref2, _ref) {
-  let {
-    state,
-    helpers
-  } = _ref2;
-  const {
-    dispatch
-  } = helpers;
-  const {
-    data,
-    isLoading,
-    resizerConfig,
-    selectionConfig,
-    isFlexibleColumns,
-    hasRowActions,
-    emptyStateUiType
-  } = state.properties;
-  const {
-    resizerState,
-    selection
-  } = state.behaviours;
-  const {
-    headers,
-    rows
-  } = data;
-  const hasRows = rows.length > 0; // TODO: derive from state.properties
-
-  const isDataEmpty = !hasRows && !isLoading; // TODO: derive from state.properties
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.wrapper,
-    ref: _ref
-  }, /*#__PURE__*/React.createElement(Table, {
-    $event_onScroll: e => handleScroll(dispatch, {
-      scrollEvent: e
-    })
-  }, renderHeader({
-    headers,
-    resizerConfig,
-    resizerState,
-    selectionConfig,
-    selection,
-    isFlexibleColumns,
-    hasRowActions,
-    dispatch
-  }), renderBody({
-    headers,
-    rows,
-    isFlexibleColumns,
-    selectionConfig,
-    resizerState,
-    hasRowActions,
-    hasRows
-  }), /*#__PURE__*/React.createElement(NoData, {
-    isDataEmpty: isDataEmpty,
-    emptyStateUiType: emptyStateUiType
-  }), /*#__PURE__*/React.createElement(Loading, {
-    isLoading: isLoading,
-    hasRows: hasRows
-  })), renderColumnResizingLine(resizerState));
-}
-
-function renderHeader(_ref3) {
-  let {
-    headers,
-    resizerConfig,
-    resizerState,
-    selectionConfig,
-    selection,
-    isFlexibleColumns,
-    hasRowActions,
-    dispatch
-  } = _ref3;
-  return /*#__PURE__*/React.createElement(Header, {
-    isSelectionEnabled: selectionConfig.isEnabled,
-    hasAllSelected: selection.hasAllSelected,
-    isResizerEnabled: resizerConfig.isEnabled,
-    resizedColumnsWidth: resizerState.resizedColumnsWidth,
-    currentlyResizingColumn: resizerState.currentlyResizingColumn,
-    isCurrentlyResizing: resizerState.isCurrentlyResizing,
-    resizerExtraWidth: resizerState.extraWidth,
-    isFlexibleColumns: isFlexibleColumns,
-    hasRowActions: hasRowActions,
-    headers: headers,
-    dispatch: dispatch
-  });
-}
-
-function renderBody(_ref4) {
-  let {
-    headers,
-    rows,
-    isFlexibleColumns,
-    selectionConfig,
-    resizerState,
-    hasRowActions,
-    hasRows
-  } = _ref4;
-  return /*#__PURE__*/React.createElement(Body, {
-    hasRows: hasRows,
-    isFlexibleColumns: isFlexibleColumns
-  }, /*#__PURE__*/React.createElement(Rows, {
-    headers: headers,
-    rows: rows,
-    isFlexibleColumns: isFlexibleColumns,
-    isSelectionEnabled: selectionConfig.isEnabled,
-    resizedColumnsWidth: resizerState.resizedColumnsWidth,
-    hasRowActions: hasRowActions
-  }));
-}
-
-function renderColumnResizingLine(resizerState) {
-  return /*#__PURE__*/React.createElement(ColumnResizingLine, {
-    isCurrentlyResizing: resizerState.isCurrentlyResizing,
-    initialPosition: resizerState.initialPosition,
-    resizedPosition: resizerState.resizedPosition,
-    tooltip: resizerState.tooltip
-  });
-}
-
-export default TableListView;

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

@@ -1,6 +0,0 @@
-import { TableListConstants } from "../../../../../../../cc/table-list";
-export default function handleAllSelect(dispatch) {
-  dispatch({
-    type: TableListConstants.TABLE_LIST_TOGGLE_ALL_SELECTION
-  });
-}

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

@@ -1,12 +0,0 @@
-import { TableListConstants } from "../../../../../../../cc";
-export default function handleRowSelect(dispatch, _ref) {
-  let {
-    id
-  } = _ref;
-  dispatch({
-    type: TableListConstants.TABLE_LIST_TOGGLE_ITEM_SELECTION,
-    payload: {
-      id
-    }
-  });
-}

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

@@ -1,12 +0,0 @@
-import { TableListConstants } from "../../../../../../../cc";
-export default function handleScroll(dispatch, _ref) {
-  let {
-    scrollEvent
-  } = _ref;
-  dispatch({
-    type: TableListConstants.TABLE_LIST_SCROLLED,
-    payload: {
-      scrollEvent
-    }
-  });
-}

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

@@ -1,12 +0,0 @@
-import { TableListConstants } from "../../../../../../../cc";
-export default function handleSortClick(dispatch, _ref) {
-  let {
-    id
-  } = _ref;
-  dispatch({
-    type: TableListConstants.TABLE_LIST_SORTED,
-    payload: {
-      id
-    }
-  });
-}

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import TableBody from '@zohodesk-private/desk-components/es/table/TableBody/TableBody';
-export default function Body(_ref) {
-  let {
-    hasRows,
-    isFlexibleColumns,
-    children
-  } = _ref;
-
-  if (hasRows) {
-    return /*#__PURE__*/React.createElement(TableBody, {
-      $flag_flexibleColumns: isFlexibleColumns
-    }, children);
-  }
-
-  return null;
-}

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import TableColumnResizerLine from '@zohodesk-private/desk-components/es/table/TableColumnResizerLine/TableColumnResizerLine';
-export default function ColumnResizingLine(_ref) {
-  let {
-    isCurrentlyResizing,
-    initialPosition,
-    resizedPosition,
-    tooltip
-  } = _ref;
-
-  if (isCurrentlyResizing) {
-    return /*#__PURE__*/React.createElement(TableColumnResizerLine, {
-      $data_initialPosition: initialPosition,
-      $data_resizingPosition: resizedPosition,
-      $data_tooltipText: tooltip
-    });
-  }
-
-  return null;
-}

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

@@ -1,64 +0,0 @@
-import React from 'react';
-import TableHeader from '@zohodesk-private/desk-components/es/table/TableHeader/TableHeader';
-import SelectAll from "./header/SelectAll";
-import Headers from "./header/Headers";
-import ActionColumn from "./header/ActionColumn";
-import ResizerExtraSpace from "./header/ResizerExtraSpace";
-
-function Header(_ref) {
-  let {
-    isSelectionEnabled,
-    hasAllSelected,
-    isResizerEnabled,
-    resizedColumnsWidth,
-    currentlyResizingColumn,
-    isCurrentlyResizing,
-    resizerExtraWidth,
-    isFlexibleColumns,
-    hasRowActions,
-    headers,
-    dispatch
-  } = _ref;
-
-  if (headers.length <= 0) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(TableHeader, {
-    $flag_padding: !isSelectionEnabled
-  }, renderSelectAll(isSelectionEnabled, hasAllSelected, dispatch), renderHeaders(headers, resizedColumnsWidth, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch), renderActionColumn(hasRowActions), renderResizerExtraSpace(isCurrentlyResizing, resizerExtraWidth));
-}
-
-function renderSelectAll(isSelectionEnabled, hasAllSelected, dispatch) {
-  return /*#__PURE__*/React.createElement(SelectAll, {
-    isSelectionEnabled: isSelectionEnabled,
-    hasAllSelected: hasAllSelected,
-    dispatch: dispatch
-  });
-}
-
-function renderHeaders(headers, resizedColumnsWidth, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch) {
-  return /*#__PURE__*/React.createElement(Headers, {
-    headers: headers,
-    resizedColumnsWidth: resizedColumnsWidth,
-    currentlyResizingColumn: currentlyResizingColumn,
-    isResizerEnabled: isResizerEnabled,
-    isFlexibleColumns: isFlexibleColumns,
-    dispatch: dispatch
-  });
-}
-
-function renderActionColumn(hasRowActions) {
-  return /*#__PURE__*/React.createElement(ActionColumn, {
-    hasRowActions: hasRowActions
-  });
-}
-
-function renderResizerExtraSpace(isCurrentlyResizing, resizerExtraWidth) {
-  return /*#__PURE__*/React.createElement(ResizerExtraSpace, {
-    isCurrentlyResizing: isCurrentlyResizing,
-    extraWidth: resizerExtraWidth
-  });
-}
-
-export default Header;

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import Loader from '@zohodesk/svg/es/v1/Loader/Loader'; // @ts-ignore
-
-import style from "../css/TableList.module.css";
-export default function Loading(_ref) {
-  let {
-    isLoading,
-    hasRows
-  } = _ref;
-
-  if (isLoading) {
-    let loadingClass = !hasRows ? style.initialLoading : '';
-    return /*#__PURE__*/React.createElement("div", {
-      className: `${style.contentWrapper} ${loadingClass}`
-    }, /*#__PURE__*/React.createElement(Loader, {
-      isCover: !hasRows,
-      className: style.loader
-    }));
-  }
-
-  return null;
-}

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import Flex from '@zohodesk/layout/es/Flex/Flex';
-import CommonEmptyState from "../../../../../legacy-to-new-arch/common-empty-state/CommonEmptyState";
-/* @ts-ignore */
-
-import style from "../css/TableList.module.css";
-import ComponentRegistry from "../../../../../../custom-component/frameworks/ui/ComponentRegistry";
-export default function NoData(_ref) {
-  let {
-    isDataEmpty,
-    emptyStateUiType
-  } = _ref;
-
-  if (isDataEmpty) {
-    /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
-    const EmptyState = ComponentRegistry.get(emptyStateUiType) || CommonEmptyState;
-    return /*#__PURE__*/React.createElement(Flex, {
-      $ui_displayMode: "flex",
-      $ui_alignItems: "center",
-      $ui_justifyContent: "center",
-      $ui_className: `${style.contentWrapper} ${style.emptyContent}`
-    }, /*#__PURE__*/React.createElement(EmptyState, null));
-  }
-
-  return null;
-}

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

@@ -1,55 +0,0 @@
-import React from 'react';
-import Row from "./row/Row";
-const emptyArray = Object.freeze([]);
-const emptyObject = {};
-
-function Rows(_ref) {
-  let {
-    headers,
-    rows,
-    isFlexibleColumns,
-    isSelectionEnabled,
-    resizedColumnsWidth,
-    hasRowActions
-  } = _ref;
-  return rows.map((row, index) => /*#__PURE__*/React.createElement(Row, {
-    key: index,
-    ...getRowProps(row, headers, isFlexibleColumns, isSelectionEnabled, resizedColumnsWidth, hasRowActions)
-  }));
-}
-
-function getRowProps(row, headers, isFlexibleColumns, isSelectionEnabled, resizedColumnsWidth, hasRowActions) {
-  const {
-    id,
-    columns,
-    isSelected,
-    isSelectable,
-    selectionTooltip,
-    clickAction,
-    rowActions
-  } = row;
-  const updatedColumns = getUpdatedColumns(columns, headers);
-  return {
-    id,
-    columns: updatedColumns || emptyArray,
-    clickAction: clickAction || emptyObject,
-    rowActions: rowActions || emptyArray,
-    isSelected,
-    isSelectable,
-    selectionTooltip,
-    isFlexibleColumns,
-    isSelectionEnabled,
-    resizedColumnsWidth,
-    hasActions: hasRowActions
-  };
-}
-
-function getUpdatedColumns(columns, headers) {
-  return columns.map((column, index) => ({
-    size: headers[index].size,
-    field: column,
-    alignment: headers[index].alignment
-  }));
-}
-
-export default Rows;

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import FieldComponents from "../../../../../../legacy-to-new-arch/table-field-components";
-import ComponentRegistry from "../../../../../../../custom-component/frameworks/ui/ComponentRegistry";
-
-const FieldComponent = props => {
-  const {
-    type,
-    fieldProps
-  } = props;
-  /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
-
-  const Component = FieldComponents[type] || ComponentRegistry.get(type);
-
-  if (!Component) {
-    console.error(`Field Component type ${type} not found`);
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(Component, { ...fieldProps
-  });
-};
-
-export default FieldComponent;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import TableHead from '@zohodesk-private/desk-components/es/table/TableHead/TableHead';
-export default function ActionColumn(_ref) {
-  let {
-    hasRowActions
-  } = _ref;
-
-  if (hasRowActions) {
-    return /*#__PURE__*/React.createElement(TableHead, {
-      $ui_size: "medium"
-    }, /*#__PURE__*/React.createElement(React.Fragment, null));
-  }
-
-  return null;
-}