@zohodesk/library-platform 1.0.2 → 1.1.0-exp.1

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

@@ -1,9 +1,23 @@
-import SelectionConfigSchema from "../../bc/list-selection/Properties";
 import ResizerConfigSchema from "../../bc/table-column-resizer/Properties";
-import SortOrder from "../../bc/sort-by/SortOrderEnum";
+import { actionsSchema } from "../action-location/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";
 const TableListProperties = {
   isLoading: {
-    required: true,
+    required: false,
     typeMetadata: {
       schema: {
         type: 'boolean'
@@ -42,26 +56,16 @@ const TableListProperties = {
     required: false,
     defaultValue: {
       isEnabled: false,
-      minWidth: 120,
+      minWidth: 100,
       maxWidth: 1000
     },
     typeMetadata: {
       schema: ResizerConfigSchema
     }
   },
-  selectionConfig: {
-    required: false,
-    defaultValue: {
-      isEnabled: false,
-      maxSelectionCount: 50,
-      limitExceedAlertMessage: 'Max records selected'
-    },
-    typeMetadata: {
-      schema: SelectionConfigSchema
-    }
-  },
   data: {
-    required: true,
+    name: 'data',
+    required: false,
     defaultValue: {
       headers: [],
       rows: []
@@ -70,350 +74,107 @@ const TableListProperties = {
       schema: {
         $schema: 'http://json-schema.org/draft-07/schema#',
         definitions: {
-          Schema: {
-            type: 'object',
-            properties: {
-              type: {}
-            }
-          },
-          PayloadProperties: {
+          HeaderMeta: {
             type: 'object',
             properties: {
-              name: {
-                type: 'string'
-              },
-              label: {
+              id: {
                 type: 'string'
               },
-              typeMetadata: {
-                type: 'object',
-                properties: {
-                  schema: {
-                    $ref: '#/definitions/Schema'
-                  }
-                }
-              }
-            },
-            required: ['name', 'typeMetadata']
-          },
-          Payload: {
-            type: 'object',
-            additionalProperties: {
-              $ref: '#/definitions/PayloadProperties'
-            }
-          },
-          DeclarativeAction: {
-            type: 'object',
-            properties: {
               name: {
                 type: 'string'
               },
-              label: {
-                type: 'string'
-              },
-              buttonType: {
-                defaultValue: 'primary',
-                type: 'string',
-                enum: ['primary', 'danger']
-              },
-              icon: {
-                type: 'string'
-              },
-              actionName: {
-                type: 'string'
-              },
-              actionPayload: {
-                $ref: '#/definitions/Payload'
-              },
-              metaData: {},
-              description: {
-                type: 'string'
-              }
-            },
-            required: ['name', 'label', 'buttonType', 'icon']
-          },
-          HeaderMeta: {
-            type: 'object',
-            properties: {
-              id: {
-                type: 'string'
-              },
               text: {
                 type: 'string'
               },
-              sortable: {
-                defaultValue: false,
-                type: 'boolean'
-              },
               size: {
-                defaultValue: 'medium',
                 type: 'string',
                 enum: ['xsmall', 'small', 'medium', 'large', 'xlarge']
               },
               alignment: {
-                defaultValue: 'left',
                 type: 'string',
                 enum: ['left', 'center', 'right']
-              }
-            },
-            required: ['id', 'text', 'sortable', 'size', 'alignment']
-          },
-          Text: {
-            type: 'object',
-            properties: {
-              type: {
-                type: 'string',
-                const: 'Text'
-              },
-              text: {
-                type: 'string'
               },
-              weight: {
-                type: 'string',
-                enum: ['light', 'regular', 'semibold', 'bold']
-              },
-              tooltip: {
-                type: 'string'
-              }
-            },
-            required: ['type', 'text']
-          },
-          Link: {
-            type: 'object',
-            properties: {
-              type: {
-                type: 'string',
-                const: 'Link'
-              },
-              href: {
-                type: 'string'
-              },
-              opensNewTab: {
-                type: 'boolean',
-                defaultValue: false
-              },
-              label: {
-                type: 'string'
-              },
-              variant: {
-                type: 'string',
-                enum: ['primary', 'secondary']
-              }
-            },
-            required: ['type', 'href', 'variant', 'opensNewTab', 'label']
-          },
-          CheckBox: {
-            type: 'object',
-            properties: {
-              type: {
-                type: 'string',
-                const: 'CheckBox'
-              },
-              checked: {
-                defaultValue: false,
-                type: 'boolean'
-              },
-              disabled: {
-                defaultValue: false,
-                type: 'boolean'
-              },
-              readonly: {
-                defaultValue: false,
-                type: 'boolean'
-              },
-              label: {
-                type: 'string'
-              },
-              tooltip: {
-                type: 'string'
-              }
-            },
-            required: ['type', 'checked', 'label']
-          },
-          Switch: {
-            type: 'object',
-            properties: {
-              type: {
-                type: 'string',
-                const: 'Switch'
-              },
-              checked: {
-                defaultValue: false,
+              sortable: {
                 type: 'boolean'
               },
-              size: {
+              sortOrder: {
                 type: 'string',
-                enum: ['small', 'medium']
-              },
-              disabled: {
-                defaultValue: false,
-                type: 'boolean'
+                enum: ['none', 'ascending', 'descending']
               },
-              tooltip: {
+              sortTooltip: {
                 type: 'string'
               }
             },
-            required: ['type', 'checked', 'size']
+            required: ['id', 'name', 'text']
           },
-          Email: {
-            type: 'object',
-            properties: {
-              type: {
-                type: 'string',
-                const: 'Email'
-              },
-              email: {
-                type: 'string'
-              }
-            },
-            required: ['type', 'email']
-          },
-          Avatar: {
-            type: 'object',
-            properties: {
-              type: {
-                type: 'string',
-                const: 'Avatar'
-              },
-              imageSrc: {
-                type: 'string'
-              },
-              name: {
-                type: 'string'
-              },
-              label: {
-                type: 'string'
-              },
-              size: {
-                type: 'string',
-                enum: ['xsmall', 'small', 'medium', 'large', 'xlarge']
-              },
-              tooltip: {
-                type: 'string'
-              }
-            },
-            required: ['type', 'name', 'size']
-          },
-          HighlightedValue: {
-            type: 'object',
-            properties: {
-              type: {
-                type: 'string',
-                const: 'StatusBox'
-              },
-              text: {
-                type: 'string'
-              },
-              color: {
-                defaultValue: 'grey',
-                type: 'string',
-                enum: ['grey', 'red', 'orange', 'green', 'blue']
+          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), // Below field is for the empty cell
+            {
+              type: 'object',
+              properties: {
+                type: {
+                  type: 'string'
+                },
+                value: {
+                  type: 'string'
+                }
               },
-              tooltip: {
-                type: 'string'
-              }
-            },
-            required: ['type', 'text', 'color']
+              required: ['type', 'value']
+            }]
           },
-          Tags: {
+          ActionLocation: {
             type: 'object',
             properties: {
               type: {
-                type: 'string',
-                const: 'Tags'
-              },
-              title: {
                 type: 'string'
               },
-              tags: {
-                type: 'array'
-              }
+              actions: actionsSchema
             },
-            required: ['type', 'tags']
-          },
-          Cell: {
-            anyOf: [{
-              $ref: '#/definitions/Text'
-            }, {
-              $ref: '#/definitions/Link'
-            }, {
-              $ref: '#/definitions/CheckBox'
-            }, {
-              $ref: '#/definitions/Switch'
-            }, {
-              $ref: '#/definitions/Email'
-            }, {
-              $ref: '#/definitions/Avatar'
-            }, {
-              $ref: '#/definitions/Tags'
-            }, {
-              $ref: '#/definitions/HighlightedValue'
-            }]
+            required: ['actions']
           }
         },
         type: 'object',
         properties: {
-          data: {
-            type: 'object',
-            properties: {
-              headers: {
-                type: 'array',
-                items: {
-                  $ref: '#/definitions/HeaderMeta'
+          headers: {
+            type: 'array',
+            minIems: 0,
+            items: {
+              $ref: '#/definitions/HeaderMeta'
+            }
+          },
+          rows: {
+            type: 'array',
+            minIems: 0,
+            items: {
+              type: 'object',
+              properties: {
+                id: {
+                  type: 'string'
+                },
+                columns: {
+                  type: 'array',
+                  items: {
+                    $ref: '#/definitions/Column'
+                  }
+                },
+                rowActionLocation: {
+                  $ref: '#/definitions/ActionLocation'
+                },
+                isSelectable: {
+                  type: 'boolean'
+                },
+                isSelected: {
+                  type: 'boolean'
+                },
+                selectionTooltip: {
+                  type: 'string'
                 }
               },
-              rows: {
-                type: 'array',
-                items: {
-                  type: 'object',
-                  properties: {
-                    id: {
-                      type: 'string'
-                    },
-                    columns: {
-                      type: 'array',
-                      items: {
-                        $ref: '#/definitions/Cell'
-                      }
-                    },
-                    rowActions: {
-                      defaultValue: [],
-                      type: 'array',
-                      items: {
-                        $ref: '#/definitions/DeclarativeAction'
-                      }
-                    },
-                    clickAction: {
-                      $ref: '#/definitions/DeclarativeAction'
-                    }
-                  },
-                  required: ['id', 'columns', 'rowActions', 'clickAction']
-                }
-              }
-            },
-            required: ['headers', 'rows']
+              required: ['id', 'columns']
+            }
           }
-        }
-      }
-    }
-  },
-  sortBy: {
-    required: false,
-    defaultValue: {
-      id: '',
-      type: 'none'
-    },
-    typeMetadata: {
-      schema: {
-        id: {
-          required: true,
-          type: 'string'
         },
-        order: {
-          type: 'string',
-          enum: Object.values(SortOrder),
-          defaultValue: 'none'
-        }
+        required: ['headers', 'rows']
       }
     }
   }

package/es/cc/table-list/model/RowModel.js

@@ -2,13 +2,11 @@ export default function RowModel(_ref) {
   let {
     id,
     columns,
-    rowActions,
-    clickAction
+    rowActionLocation
   } = _ref;
   return {
     id,
     columns,
-    rowActions,
-    clickAction
+    rowActionLocation
   };
 }

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

@@ -44,7 +44,8 @@ const TableRowProperties = {
     }
   },
   columns: {
-    required: true,
+    required: false,
+    defaultValue: [],
     typeMetadata: {
       schema: {
         type: 'array' // TODO: Add Field Properties
@@ -52,7 +53,7 @@ const TableRowProperties = {
       }
     }
   },
-  clickAction: {
+  rowActionLocation: {
     required: false,
     defaultValue: {},
     typeMetadata: {
@@ -61,15 +62,6 @@ const TableRowProperties = {
       }
     }
   },
-  rowActions: {
-    required: false,
-    defaultValue: [],
-    typeMetadata: {
-      schema: {
-        type: 'array'
-      }
-    }
-  },
   isFlexibleColumns: {
     required: false,
     defaultValue: false,

package/es/desk-frameworks/table-connected/frameworks/TableConnectedView.js

@@ -13,23 +13,22 @@ function View(_ref, ref) {
     properties,
     emptyStateUiType
   } = state;
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '100%',
-      width: '100%'
-    },
-    ref: ref
-  }, /*#__PURE__*/React.createElement(TableList, {
+  const {
+    isFlexibleColumns,
+    selectionConfig
+  } = properties;
+  return /*#__PURE__*/React.createElement(TableList, {
     data: data,
+    getRef: ref,
+    isFlexibleColumns: isFlexibleColumns,
     hasRowActions: hasRowActions,
-    isFlexibleColumns: properties.isFlexibleColumns,
     isLoading: isLoading,
     emptyStateUiType: emptyStateUiType,
-    selectionConfig: properties.selectionConfig
-  }));
+    selectionConfig: selectionConfig
+  });
 }
 
 export default View;
 View.propTypes = {
-  state: PropTypes.string
+  state: PropTypes.object
 };

package/es/library/behaviours/list-selection/adapters/gateways/Repository.js

@@ -1,6 +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 ListItemSelection from "../../entities/ListItemSelection";
+import ListItemSelection from "../../domain/entities/ListItemSelection";
 
 class Repository {
   constructor() {

package/es/library/behaviours/list-selection/adapters/gateways/Service.js

@@ -1,10 +1,10 @@
 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 Initialize from "../../usecases/interactors/Initialize";
-import AllItemsSelection from "../../usecases/interactors/AllItemSelection";
-import ItemRangeSelection from "../../usecases/interactors/RangeSelection";
-import ItemsSelection from "../../usecases/interactors/ItemsSelection";
-import Destruct from "../../usecases/interactors/Destruct";
+import Initialize from "../../applications/usecases/Initialize";
+import AllItemsSelection from "../../applications/usecases/AllItemSelection";
+import ItemRangeSelection from "../../applications/usecases/RangeSelection";
+import ItemsSelection from "../../applications/usecases/ItemsSelection";
+import Destruct from "../../applications/usecases/Destruct";
 
 class Service {
   constructor(dependencies) {

package/es/library/behaviours/sort-by/adapters/gateway/Repository.js

@@ -1,6 +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 SortBy from "../../entities/SortBy";
+import SortBy from "../../domain/entities/SortBy";
 export default class Repository {
   constructor() {
     _defineProperty(this, "state", void 0);

package/es/library/behaviours/sort-by/adapters/gateway/Service.js

@@ -1,6 +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 SortBy from "../../usecases/interactors/SortBy";
+import SortBy from "../../applications/usecases/SortBy";
 
 class Service {
   constructor(dependencies) {

package/es/library/behaviours/sort-by/{entities → domain/entities}/SortBy.js

@@ -1,4 +1,4 @@
-import SortOrderEnum from "../../../../bc/sort-by/SortOrderEnum";
+import SortOrderEnum from "../../../../../bc/sort-by/SortOrderEnum";
 
 class SortBy {
   constructor(id, name, order) {

package/es/library/behaviours/sort-by/frameworks/ui/SortByBehaviourFactory.js

@@ -10,9 +10,9 @@ class SortByBehaviourFactory {
           properties
         } = _ref;
         const {
-          filter
+          sortBy
         } = properties;
-        return (filter === null || filter === void 0 ? void 0 : filter.sortBy) || {};
+        return sortBy || {};
       },
       properties: Properties,
       eventHandlers: ActionsHandlerFactory.create()

package/es/library/behaviours/text-to-field-click/adapters/gateway/Repository.js

@@ -1,6 +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 FieldEventConverter from "../../entities/FieldEventConverter";
+import FieldEventConverter from "../../domain/entities/FieldEventConverter";
 export default class Repository {
   constructor() {
     _defineProperty(this, "state", void 0);

package/es/library/behaviours/text-to-field-click/{entities → domain/entities}/FieldEventConverter.js

@@ -1,4 +1,4 @@
-import FieldConstants from "../../../../cc/fields/field/Constants";
+import FieldConstants from "../../../../../cc/fields/field/Constants";
 
 class FieldEventConverter {
   constructor(fieldName) {

package/es/library/behaviours/text-to-field-click/frameworks/ui/EventHandlersFactory.js

@@ -1,7 +1,7 @@
 import TextConstants from "../../../../../cc/text/Constants";
 import Repository from "../../adapters/gateway/Repository";
 import ClickController from "../../adapters/controllers/ClickController";
-import ClickUseCase from "../../usecases/interactors/ClickUseCase";
+import ClickUseCase from "../../applications/usecases/ClickUseCase";
 export class EventHandlersFactory {
   static create() {
     const repository = new Repository();

package/es/library/custom-component/adapters/gateways/event-manager/EventManager.js

@@ -76,7 +76,7 @@ class EventManager {
     if (__DEVELOPMENT__) {
       if (globalThis.enableEventLogging && type) {
         const index = type.indexOf('#');
-        console.log('%cEvent %c' + type.slice(0, index) + '%c' + type.slice(index), 'color: cyan;font-weight: bold', 'color: yellow;font-weight: bold', 'color: greenyellow;font-weight: bold', {
+        console.log('%cEvent %c' + type.slice(0, index) + '%c' + type.slice(index), 'font-weight: bold', 'color: #FF6F61;font-weight: bold', 'color: #FFA500;font-weight: bold', {
           payload,
           metaData
         });

package/es/library/custom-component/adapters/gateways/service/Service.js

@@ -1,11 +1,11 @@
 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 DispatchUseCase from "../../../usecases/interactors/DispatchUseCase";
-import InitializeUseCase from "../../../usecases/interactors/InitializeUseCase";
-import MountUsecase from "../../../usecases/interactors/MountUseCase";
-import UnmountUsecase from "../../../usecases/interactors/UnmountUseCase";
-import UpdatePropertyUseCase from "../../../usecases/interactors/UpdatePropertyUseCase";
-import UpdateStateUseCase from "../../../usecases/interactors/UpdateStateUseCase";
+import DispatchUseCase from "../../../applications/usecases/DispatchUseCase";
+import InitializeUseCase from "../../../applications/usecases/InitializeUseCase";
+import MountUsecase from "../../../applications/usecases/MountUseCase";
+import UnmountUsecase from "../../../applications/usecases/UnmountUseCase";
+import UpdatePropertyUseCase from "../../../applications/usecases/UpdatePropertyUseCase";
+import UpdateStateUseCase from "../../../applications/usecases/UpdateStateUseCase";
 
 class Service {
   constructor(dependencies) {