@zohodesk/library-platform 1.0.2-exp.1.1 → 1.0.2-exp.1.2

package/es/bc/zlist/Constants.js

@@ -2,6 +2,7 @@ export const ZLIST_DELETE_RECORDS = 'ZLIST#DELETE_RECORDS';
 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';

package/es/cc/action-icon/Properties.js

@@ -3,7 +3,7 @@ export default {
     required: true,
     typeMetadata: {
       schema: {
-        type: "string"
+        type: 'string'
       }
     }
   },
@@ -11,17 +11,17 @@ export default {
     required: true,
     typeMetadata: {
       schema: {
-        type: "string"
+        type: 'string'
       }
     }
   },
   hoverVariant: {
     required: false,
-    defaultValue: "primary",
+    defaultValue: 'primary',
     typeMetadata: {
       schema: {
-        type: "string",
-        enum: ["primary", "danger"]
+        type: 'string',
+        enum: ['primary', 'danger']
       }
     }
   },
@@ -30,47 +30,7 @@ export default {
     defaultValue: false,
     typeMetadata: {
       schema: {
-        type: "boolean"
-      }
-    }
-  },
-  options: {
-    // NOTE: This is only a sample for FilterDropdown action component
-    required: false,
-    defaultValue: [],
-    typeMetadata: {
-      schema: {
-        type: "array",
-        items: {
-          type: "object",
-          properties: {
-            label: {
-              type: "string"
-            },
-            value: {
-              type: "string"
-            }
-          }
-        }
-      }
-    }
-  },
-  isMultiselectable: {
-    // NOTE: This is only a sample for FilterDropdown action component
-    required: false,
-    defaultValue: false,
-    typeMetadata: {
-      schema: {
-        type: "boolean"
-      }
-    }
-  },
-  isVisible: {
-    required: false,
-    defaultValue: true,
-    typeMetadata: {
-      schema: {
-        type: "boolean"
+        type: 'boolean'
       }
     }
   }

package/es/cc/component/properties/slotName.js

@@ -0,0 +1 @@
+export {};

package/es/cc/fields/coloured-multi-select/Events.js

@@ -0,0 +1,3 @@
+import FieldEvents from "../field/Events";
+const Events = FieldEvents;
+export default Events;

package/es/cc/fields/coloured-multi-select/Model.js

@@ -0,0 +1,18 @@
+function ColouredMultiListFieldModel(_ref) {
+  let {
+    name,
+    value,
+    appendToActionPayload,
+    options,
+    uiType
+  } = _ref;
+  return {
+    name,
+    appendToActionPayload,
+    type: uiType,
+    options,
+    value
+  };
+}
+
+export default ColouredMultiListFieldModel;

package/es/cc/fields/coloured-multi-select/Properties.js

@@ -0,0 +1,37 @@
+import FieldProperties from "../field/Properties";
+export default { ...FieldProperties,
+  value: {
+    required: true,
+    defaultValue: [],
+    typeMetadata: {
+      schema: {
+        type: 'array'
+      }
+    }
+  },
+  options: {
+    required: false,
+    defaultValue: [],
+    typeMetadata: {
+      schema: {
+        type: 'array',
+        items: {
+          type: 'object',
+          properties: {
+            value: {
+              type: 'string'
+            },
+            colorCode: {
+              anyOf: [{
+                type: 'string'
+              }, {
+                type: 'null'
+              }]
+            }
+          },
+          required: ['value']
+        }
+      }
+    }
+  }
+};

package/es/cc/fields/coloured-pick-list/Events.js

@@ -0,0 +1,3 @@
+import FieldEvents from "../field/Events";
+const Events = FieldEvents;
+export default Events;

package/es/cc/fields/coloured-pick-list/Model.js

@@ -0,0 +1,16 @@
+export default function ColouredPickListFieldModel(_ref) {
+  let {
+    name,
+    value,
+    options,
+    uiType,
+    appendToActionPayload
+  } = _ref;
+  return {
+    name,
+    appendToActionPayload,
+    type: uiType,
+    options,
+    value
+  };
+}

package/es/cc/fields/coloured-pick-list/Properties.js

@@ -0,0 +1,37 @@
+import FieldProperties from "../field/Properties";
+export default { ...FieldProperties,
+  value: {
+    required: true,
+    defaultValue: '',
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  options: {
+    required: false,
+    defaultValue: [],
+    typeMetadata: {
+      schema: {
+        type: 'array',
+        items: {
+          type: 'object',
+          properties: {
+            value: {
+              type: 'string'
+            },
+            colorCode: {
+              anyOf: [{
+                type: 'string'
+              }, {
+                type: 'null'
+              }]
+            }
+          },
+          required: ['value']
+        }
+      }
+    }
+  }
+};

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

@@ -14,6 +14,8 @@ var Types = /*#__PURE__*/function (Types) {
   Types["DateTimeField"] = "DateTime";
   Types["NumberField"] = "Number";
   Types["DecimalField"] = "Decimal";
+  Types["ColouredPickListField"] = "ColouredPickList";
+  Types["ColouredMultiSelectField"] = "ColouredMultiSelect";
   Types["MultiSelectField"] = "MultiSelect";
   return Types;
 }(Types || {});

package/es/cc/fields/index.js

@@ -12,6 +12,8 @@ export { default as NumberFieldProperties } from "./number/Properties";
 export { default as PercentFieldProperties } from "./percent/Properties";
 export { default as PhoneFieldProperties } from "./phone/Properties";
 export { default as PickListFieldProperties } from "./pick-list/Properties";
+export { default as ColouredMultiSelectFieldProperties } from "./coloured-multi-select/Properties";
+export { default as ColouredPickListFieldProperties } from "./coloured-pick-list/Properties";
 export { default as TextFieldProperties } from "./text/Properties";
 export { default as UrlFieldProperties } from "./url/Properties";
 export { default as FieldTypes } from "./field/Types";

package/es/cc/fields/multi-select/Model.js

@@ -3,12 +3,14 @@ function MultiListFieldModel(_ref) {
     name,
     value,
     appendToActionPayload,
+    options,
     uiType
   } = _ref;
   return {
     name,
     appendToActionPayload,
     type: uiType,
+    options,
     value
   };
 }

package/es/cc/fields/multi-select/Properties.js

@@ -9,12 +9,13 @@ export default { ...FieldProperties,
       }
     }
   },
+  // HACK: only present here for compatibility with the PlatformForm code, it is not need for PlatformTable
   subType: {
     required: false,
     typeMetadata: {
       schema: {
         type: 'string',
-        enum: ['plain', 'colored', "Plain", "ColorCoded"]
+        enum: ['plain', 'colored', 'Plain', 'ColorCoded']
       }
     }
   },
@@ -29,9 +30,6 @@ export default { ...FieldProperties,
           properties: {
             value: {
               type: 'string'
-            },
-            colorCode: {
-              type: 'string'
             }
           },
           required: ['value']

package/es/cc/fields/pick-list/Model.js

@@ -3,7 +3,6 @@ export default function PickListFieldModel(_ref) {
     name,
     value,
     options,
-    subType,
     uiType,
     appendToActionPayload
   } = _ref;
@@ -11,8 +10,7 @@ export default function PickListFieldModel(_ref) {
     name,
     appendToActionPayload,
     type: uiType,
-    // options,
-    // subType,
+    options,
     value
   };
 }

package/es/cc/fields/pick-list/Properties.js

@@ -9,6 +9,7 @@ export default { ...FieldProperties,
       }
     }
   },
+  // HACK: only present here for compatibility with the PlatformForm code, it is not need for PlatformTable
   subType: {
     required: false,
     defaultValue: 'plain',
@@ -30,9 +31,6 @@ export default { ...FieldProperties,
           properties: {
             value: {
               type: 'string'
-            },
-            colorCode: {
-              type: 'string'
             }
           },
           required: ['value']

package/es/cc/table-column-sort/Constants.js

@@ -0,0 +1 @@
+export const SORT_CLICKED = 'SORT#CLICKED';

package/es/cc/table-column-sort/Properties.js

@@ -0,0 +1,30 @@
+export default {
+  value: {
+    defaultValue: 'none',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['none', 'ascending', 'descending']
+      }
+    }
+  },
+  ascendingLabel: {
+    defaultValue: 'Ascending',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  descendingLabel: {
+    defaultValue: 'Descending',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  }
+};

package/es/cc/table-column-sort/index.js

@@ -0,0 +1,3 @@
+export { default as TableColumnSortProperties } from "./Properties";
+import * as _TableColumnSortConstants from "./Constants";
+export { _TableColumnSortConstants as TableColumnSortConstants };

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

@@ -1,6 +1,8 @@
 export default {
   DELETE_RECORDS_SUCCESS: 'SMART_TABLE#RECORD_DELETED',
   UPDATE_RECORDS_SUCCESS: 'SMART_TABLE#RECORD_UPDATED',
+  SORT: 'SMART_TABLE#SORT',
+  SORTED: 'SMART_TABLE#SORTED',
   RECORDS_SELECTED: 'SMART_TABLE#RECORDS_SELECTED',
   RECORDS_DESELECTED: 'SMART_TABLE#RECORDS_DESELECTED',
   SELECTION_LIMIT_EXCEEDED: 'SMART_TABLE#SELECTION_LIMIT_EXCEEDED'

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

@@ -1,5 +1,6 @@
-import { Alignment, SortedBy, Width } from "./data-types/Header";
+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";
@@ -26,6 +27,36 @@ const TableListProperties = {
     },
     defaultValue: false
   },
+  isError: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    },
+    defaultValue: false
+  },
+  sortBy: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          order: {
+            type: 'string',
+            enum: Object.values(SortedBy)
+          },
+          name: {
+            type: 'string'
+          },
+          id: {
+            type: 'string'
+          }
+        }
+      }
+    },
+    defaultValue: {}
+  },
   resizerState: {
     required: false,
     defaultValue: {
@@ -146,15 +177,9 @@ const TableListProperties = {
                 type: 'string',
                 enum: Object.values(Alignment)
               },
-              sortable: {
-                type: 'boolean'
-              },
               sortOrder: {
                 type: 'string',
                 enum: Object.values(SortedBy)
-              },
-              sortTooltip: {
-                type: 'string'
               }
             },
             required: ['id', 'name', 'text']
@@ -234,7 +259,11 @@ const TableListProperties = {
     }
   },
   selection: {
-    required: true,
+    required: false,
+    defaultValue: {
+      selected: [],
+      hasAllSelected: false
+    },
     typeMetadata: {
       schema: {
         type: 'object',
@@ -253,24 +282,6 @@ const TableListProperties = {
       }
     }
   },
-  selectionConfig: {
-    required: true,
-    typeMetadata: {
-      schema: {
-        type: 'object',
-        properties: {
-          maxSelectionCount: {
-            type: 'number'
-          },
-          isEnabled: {
-            type: 'boolean'
-          },
-          isSelectAllEnabled: {
-            type: 'boolean'
-          }
-        }
-      }
-    }
-  }
+  ...SelectionConfigProperties
 };
 export default TableListProperties;

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

@@ -8,6 +8,7 @@ import ResizeEndController from "../adapters/controllers/ResizeEndController";
 import { RESIZE_FINISHED } from "../../../bc/table-column-resizer/Constants";
 import { ResizeFinishController } from "../adapters/controllers/ResizeFinishController";
 import ScrollController from "../adapters/controllers/ScrollController";
+import { ZLIST_SORT } from "../../../bc/zlist/Constants";
 const {
   TABLE_LIST_RESIZE_START_REQUESTED,
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
@@ -39,33 +40,43 @@ export default class EventHandlersFactory {
       [RESIZE_FINISHED]: new ResizeFinishController().handle,
       [TABLE_LIST_RESIZE_START_REQUESTED]: new ResizeStartController().handle,
       [TABLE_LIST_RESIZE_MOVE_REQUESTED]: new ResizeByMouseController().handle,
+      [SmartTableConstants.Events.SORT]: _ref => {
+        let {
+          action,
+          dispatch
+        } = _ref;
+        return dispatch({
+          type: ZLIST_SORT,
+          payload: action.payload
+        });
+      },
       [TABLE_LIST_RESIZE_END_REQUESTED]: new ResizeEndController().handle,
       [TABLE_LIST_SCROLLED]: new ScrollController().handle,
-      [LIST_SELECTION_RECORDS_SELECTED]: _ref => {
+      [LIST_SELECTION_RECORDS_SELECTED]: _ref2 => {
         let {
           action,
           dispatch
-        } = _ref;
+        } = _ref2;
         return dispatch({
           type: SmartTableConstants.Events.RECORDS_SELECTED,
           payload: action.payload
         });
       },
-      [LIST_SELECTION_RECORDS_DESELECTED]: _ref2 => {
+      [LIST_SELECTION_RECORDS_DESELECTED]: _ref3 => {
         let {
           action,
           dispatch
-        } = _ref2;
+        } = _ref3;
         return dispatch({
           type: SmartTableConstants.Events.RECORDS_DESELECTED,
           payload: action.payload
         });
       },
-      [LIST_SELECTION_SELECTION_LIMIT_EXCEEDED]: _ref3 => {
+      [LIST_SELECTION_SELECTION_LIMIT_EXCEEDED]: _ref4 => {
         let {
           action,
           dispatch
-        } = _ref3;
+        } = _ref4;
         return dispatch({
           type: SmartTableConstants.Events.SELECTION_LIMIT_EXCEEDED,
           payload: action.payload

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

@@ -11,6 +11,7 @@ function View(_ref, ref) {
     data = [],
     rowActionsConfig,
     rowCursor,
+    sortBy,
     selection,
     properties,
     emptyStateUiType
@@ -28,6 +29,7 @@ function View(_ref, ref) {
   return /*#__PURE__*/React.createElement(TableList, {
     data: data,
     rowCursor: rowCursor,
+    sortBy: sortBy,
     resizerState: resizerState,
     getRef: ref,
     isFlexibleColumns: autoColumnSizing,

package/es/library/behaviours/table-column-resizer/domain/entities/Constants.js

@@ -1,3 +1,3 @@
-export const TABLE_COLUMN_MINIMUM_WIDTH = 120;
+export const TABLE_COLUMN_MINIMUM_WIDTH = 100;
 export const TABLE_EDGE_DELTA = 20;
 export const SCROLL_MOVE_DELTA = 10;

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

@@ -3,11 +3,32 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import React, { forwardRef } from 'react';
 import DependencyFactory from "./DependencyFactory";
 import Compare from "./Compare";
-import createSlotComponent from "./CreateSlotComponent";
+import { generateSlotChildren } from "./CreateSlotComponent";
+
+function discardChildren(props) {
+  const newObject = { ...props
+  };
+  delete newObject.children;
+  return newObject;
+}
 /* eslint-disable max-lines-per-function */
 // TODO: Refactor this function to reduce the number of lines
 
+
 const createCustomComponent = input => {
+  var _input$properties, _input$properties$slo;
+
+  input.properties = { ...(input.properties || {}),
+    slotName: {
+      required: ((_input$properties = input.properties) === null || _input$properties === void 0 ? void 0 : (_input$properties$slo = _input$properties.slotName) === null || _input$properties$slo === void 0 ? void 0 : _input$properties$slo.required) || false,
+      typeMetadata: {
+        schema: {
+          type: "string"
+        }
+      }
+    }
+  };
+
   class Component extends React.Component {
     constructor(props) {
       super(props);
@@ -56,7 +77,7 @@ const createCustomComponent = input => {
         dispatch: dispatch.bind(controller)
       };
       this.controller.initialize({ ...input,
-        newProps: props,
+        newProps: discardChildren(props),
         helpers: this.helpers
       });
       let proptypes = input.View.propTypes;
@@ -71,7 +92,7 @@ const createCustomComponent = input => {
     }
 
     shouldComponentUpdate(nextProps, nextState) {
-      return !Compare.deepEqual(this.props, nextProps) || !Compare.deepEqual(this.state, nextState); // return true;
+      return !Compare.deepEqual(discardChildren(this.props), discardChildren(nextProps)) || !Compare.deepEqual(this.state, nextState); // return true;
     }
 
     componentWillUnmount() {
@@ -83,7 +104,7 @@ const createCustomComponent = input => {
     }
 
     componentWillReceiveProps(nextProps, nextContext) {
-      this.controller.updateProperties(nextProps);
+      this.controller.updateProperties(discardChildren(nextProps));
     }
 
     componentDidUpdate() {// this.controller.updateProperties(this.props);
@@ -92,7 +113,8 @@ const createCustomComponent = input => {
     render() {
       let View = this.View;
       let {
-        slots
+        slots,
+        children
       } = this.props;
 
       if (this.state.error) {
@@ -118,7 +140,7 @@ const createCustomComponent = input => {
           },
           helpers: this.helpers,
           state: this.state,
-          children: slots.map(createSlotComponent)
+          slotChildren: generateSlotChildren(slots, children)
         });
       }
     }