@zohodesk/library-platform 1.1.0-exp.2 → 1.1.1-exp.6

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

@@ -1,16 +1,35 @@
 import SelectionConfigSchema from "../../bc/list-selection/Properties";
 export default {
-  isFlexibleColumns: {
+  preferences: {
     required: false,
-    defaultValue: false,
+    defaultValue: {
+      fields: {},
+      autoColumnSizing: false
+    },
     typeMetadata: {
       schema: {
-        type: 'boolean'
+        type: 'object',
+        properties: {
+          fields: {
+            type: 'object',
+            additionalProperties: {
+              type: 'object',
+              properties: {
+                initialWidth: {
+                  type: 'number'
+                }
+              }
+            }
+          },
+          autoColumnSizing: {
+            type: 'boolean'
+          }
+        }
       }
     }
   },
   ...SelectionConfigSchema,
-  uiMapping: {
+  componentMapping: {
     required: false,
     defaultValue: {
       fields: {},
@@ -40,58 +59,5 @@ export default {
         type: 'string'
       }
     }
-  },
-  rowActions: {
-    required: false,
-    defaultValue: [],
-    typeMetadata: {
-      schema: {
-        type: 'array',
-        minItems: 0,
-        items: {
-          type: 'object',
-          properties: {
-            uiType: {
-              type: 'string'
-            },
-            properties: {
-              type: 'object'
-            },
-            eventMappings: {
-              type: 'array',
-              minItems: 0,
-              items: {
-                type: 'object',
-                properties: {
-                  id: {
-                    type: 'string'
-                  },
-                  action: {
-                    type: 'object',
-                    properties: {
-                      id: {
-                        type: 'string'
-                      },
-                      dispatchType: {
-                        type: 'string'
-                      }
-                    },
-                    required: ['id', 'dispatchType']
-                  },
-                  eventType: {
-                    type: 'string'
-                  },
-                  payloadMapping: {
-                    type: 'string'
-                  }
-                },
-                required: ['id', 'action', 'payloadMapping', 'eventType']
-              }
-            }
-          },
-          required: ['uiType', 'properties']
-        }
-      }
-    }
   }
 };

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

@@ -0,0 +1,9 @@
+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-connected/constants/index.js

@@ -0,0 +1 @@
+export { default as Events } from "./Events";

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

@@ -0,0 +1,4 @@
+import * as _SmartTableConstants from "./constants";
+export { _SmartTableConstants as SmartTableConstants };
+import * as _SmartTableProperties from "./Properties";
+export { _SmartTableProperties as SmartTableProperties };

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

@@ -2,6 +2,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 class Constants {}
 
+_defineProperty(Constants, "TABLE_LIST_RESIZE_START_REQUESTED", 'TABLE_LIST#RESIZE_START_REQUESTED');
+
+_defineProperty(Constants, "TABLE_LIST_RESIZE_MOVE_REQUESTED", 'TABLE_LIST#RESIZE_MOVE_REQUESTED');
+
+_defineProperty(Constants, "TABLE_LIST_RESIZE_END_REQUESTED", 'TABLE_LIST#RESIZE_END_REQUESTED');
+
 _defineProperty(Constants, "TABLE_LIST_SCROLLED", 'TABLE_LIST#SCROLLED');
 
 _defineProperty(Constants, "TABLE_LIST_TOGGLE_ITEM_SELECTION", 'TABLE_LIST#ITEM_SELECTED');

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

@@ -1,7 +1,7 @@
-import { Alignment, SortedBy, Width } from "./data-types/Header";
+import { Alignment, Width, SortedBy } from "./data-types/Header";
 import RowCursor from "./data-types/RowCursor";
-import ResizerConfigSchema from "../../bc/table-column-resizer/Properties";
-import { actionsSchema } from "../action-location/Properties";
+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";
@@ -27,6 +27,76 @@ 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: {
+      isEnabled: true,
+      currentlyResizingColumn: '',
+      isCurrentlyResizing: false,
+      extraWidth: 0,
+      initialPosition: 0,
+      resizedPosition: 0,
+      tooltip: ''
+    },
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          isEnabled: {
+            type: 'boolean'
+          },
+          currentlyResizingColumn: {
+            type: 'string'
+          },
+          isCurrentlyResizing: {
+            type: 'boolean'
+          },
+          extraWidth: {
+            type: 'number'
+          },
+          initialPosition: {
+            type: 'number'
+          },
+          resizedPosition: {
+            type: 'number'
+          },
+          tooltip: {
+            type: 'string'
+          }
+        }
+      }
+    }
+  },
   emptyStateUiType: {
     required: false,
     typeMetadata: {
@@ -50,8 +120,8 @@ const TableListProperties = {
             type: 'boolean'
           },
           columnWidth: {
-            type: 'number',
-            enum: Object.values(Width)
+            type: 'number' // enum: Object.values(Width)
+
           }
         }
       }
@@ -76,17 +146,6 @@ const TableListProperties = {
       }
     }
   },
-  resizerConfig: {
-    required: false,
-    defaultValue: {
-      isEnabled: false,
-      minWidth: 100,
-      maxWidth: 1000
-    },
-    typeMetadata: {
-      schema: ResizerConfigSchema
-    }
-  },
   data: {
     name: 'data',
     required: false,
@@ -111,22 +170,16 @@ const TableListProperties = {
                 type: 'string'
               },
               width: {
-                type: 'number',
-                enum: Object.values(Width)
+                type: 'number' // enum: Object.values(Width)
+
               },
               alignment: {
                 type: 'string',
                 enum: Object.values(Alignment)
               },
-              sortable: {
-                type: 'boolean'
-              },
               sortOrder: {
                 type: 'string',
                 enum: Object.values(SortedBy)
-              },
-              sortTooltip: {
-                type: 'string'
               }
             },
             required: ['id', 'name', 'text']
@@ -147,7 +200,7 @@ const TableListProperties = {
             }]
           },
           ActionLocation: {
-            type: 'object',
+            renderComponentType: 'object',
             properties: {
               type: {
                 type: 'string'
@@ -192,6 +245,9 @@ const TableListProperties = {
                 },
                 selectionTooltip: {
                   type: 'string'
+                },
+                isSelectAllEnabled: {
+                  type: 'boolean'
                 }
               },
               required: ['id', 'columns']
@@ -201,6 +257,31 @@ const TableListProperties = {
         required: ['headers', 'rows']
       }
     }
-  }
+  },
+  selection: {
+    required: false,
+    defaultValue: {
+      selected: [],
+      hasAllSelected: false
+    },
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          selected: {
+            type: 'array',
+            items: {
+              type: 'string'
+            }
+          },
+          hasAllSelected: {
+            type: 'boolean'
+          }
+        },
+        required: ['selected', 'hasAllSelected']
+      }
+    }
+  },
+  ...SelectionConfigProperties
 };
 export default TableListProperties;

package/es/cc/table-list/data-types/Header.js

@@ -18,4 +18,10 @@ export let Alignment = /*#__PURE__*/function (Alignment) {
   Alignment["Center"] = "center";
   Alignment["Right"] = "right";
   return Alignment;
+}({});
+export let AlignmentOfFlex = /*#__PURE__*/function (AlignmentOfFlex) {
+  AlignmentOfFlex["left"] = "start";
+  AlignmentOfFlex["center"] = "center";
+  AlignmentOfFlex["right"] = "end";
+  return AlignmentOfFlex;
 }({});

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

@@ -4,7 +4,7 @@ export default function TableModel(_ref) {
     isLoading,
     properties,
     behaviours,
-    resizerConfig,
+    resizerState,
     selectionConfig,
     isFlexibleColumns
   } = _ref;
@@ -13,7 +13,7 @@ export default function TableModel(_ref) {
     isLoading,
     properties,
     behaviours,
-    resizerConfig,
+    resizerState,
     selectionConfig,
     isFlexibleColumns
   };

package/es/cc/textarea/Constants.js

@@ -0,0 +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; }
+
+class Constants {}
+
+_defineProperty(Constants, "TEXTAREA_FOCUSED", 'TEXTAREA#FOCUSED');
+
+_defineProperty(Constants, "TEXTAREA_BLURED", 'TEXTAREA#BLURED');
+
+_defineProperty(Constants, "TEXTAREA_CHANGED", 'TEXTAREA#CHANGED');
+
+export default Constants;

package/es/cc/textarea/Events.js

@@ -0,0 +1,20 @@
+import Constants from "./Constants";
+export default [{
+  type: Constants.TEXTAREA_FOCUSED,
+  payload: {}
+}, {
+  type: Constants.TEXTAREA_BLURED,
+  payload: {}
+}, {
+  type: Constants.TEXTAREA_CHANGED,
+  payload: {
+    value: {
+      name: 'value',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+}];

package/es/cc/textarea/Properties.js

@@ -0,0 +1,68 @@
+export default {
+  id: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  name: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  maxLength: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'number'
+      }
+    }
+  },
+  placeholder: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  required: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  value: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  disabled: {
+    required: false,
+    defaultValue: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  readonly: {
+    required: false,
+    defaultValue: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  }
+};

package/es/cc/textarea/index.js

@@ -0,0 +1,3 @@
+export { default as TextAreaProperties } from "./Properties";
+export { default as TextAreaEvents } from "./Events";
+export { default as TextAreaConstants } from "./Constants";

package/es/cc/textbox/Constants.js

@@ -0,0 +1,13 @@
+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 TextBoxConstants {}
+
+_defineProperty(TextBoxConstants, "TEXTBOX_CLICKED", 'TEXTBOX#CLICKED');
+
+_defineProperty(TextBoxConstants, "TEXTBOX_CHANGED", 'TEXTBOX#CHANGED');
+
+_defineProperty(TextBoxConstants, "TEXTBOX_FOCUSED", 'TEXTBOX#FOCUSED');
+
+_defineProperty(TextBoxConstants, "TEXTBOX_BLURED", 'TEXTBOX#BLURED');
+
+export default TextBoxConstants;

package/es/cc/textbox/Data.js

@@ -0,0 +1,8 @@
+var TextBoxType = /*#__PURE__*/function (TextBoxType) {
+  TextBoxType["TEXT"] = "text";
+  TextBoxType["PASSWORD"] = "password";
+  TextBoxType["NUMBER"] = "number";
+  return TextBoxType;
+}(TextBoxType || {});
+
+export {};

package/es/cc/textbox/Events.js

@@ -0,0 +1,22 @@
+import TextBoxConstants from "./Constants";
+import Constants from "./Constants";
+const TextBoxEvents = [{
+  type: TextBoxConstants.TEXTBOX_CHANGED,
+  payload: {
+    value: {
+      name: 'value',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+}, {
+  type: Constants.TEXTBOX_FOCUSED,
+  payload: {}
+}, {
+  type: Constants.TEXTBOX_BLURED,
+  payload: {}
+}];
+export default TextBoxEvents;

package/es/cc/textbox/Properties.js

@@ -0,0 +1,83 @@
+export default {
+  id: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  name: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  type: {
+    required: false,
+    defaultValue: 'text',
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['text', 'password', 'number']
+      }
+    }
+  },
+  maxLength: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'number'
+      }
+    }
+  },
+  placeholder: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  value: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  required: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  disabled: {
+    required: false,
+    defaultValue: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  readonly: {
+    required: false,
+    defaultValue: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  }
+};

package/es/cc/textbox/index.js

@@ -0,0 +1,3 @@
+export { default as TextBoxProperties } from "./Properties";
+export { default as TextBoxEvents } from "./Events";
+export { default as TextBoxConstants } from "./Constants";

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

@@ -0,0 +1,24 @@
+import FormSdkFactory from "./FormSdkFactory";
+
+function createHandlerWithSdk(handler) {
+  return input => {
+    const {
+      state,
+      dispatch
+    } = input;
+    handler(input, FormSdkFactory.create({
+      state,
+      dispatch
+    }));
+  };
+}
+
+export default class EventHandlersFactory {
+  static create(eventHandlers) {
+    return Object.fromEntries(Object.keys(eventHandlers).map(eventName => {
+      const handler = createHandlerWithSdk(eventHandlers[eventName]);
+      return [eventName, handler];
+    }));
+  }
+
+}

package/es/desk-frameworks/form-connected/frameworks/FormConnected.js

@@ -0,0 +1,5 @@
+import FormConnectedFactory from "./FormConnectedFactory";
+const FormConnected = FormConnectedFactory.create({
+  name: 'FormConnected'
+});
+export default FormConnected;

package/es/desk-frameworks/form-connected/frameworks/FormConnectedFactory.js

@@ -0,0 +1,33 @@
+import Properties from "../../../cc/form-connected/Properties";
+import { createCustomComponent } from "../../../library/custom-component";
+import ZHttpBehaviourFactory from "../../../platform/zhttp/frameworks/ZHttpBehaviourFactory";
+import RecordBehaviourFactory from "../../../platform/zrecord/frameworks/RecordBehaviourFactory";
+import FormConnectedView from "./FormConnectedView";
+import defaultDataBroker from "../../../platform/data-source";
+import DataBrokerBehaviourFactory from "../../../platform/zdata-source/frameworks/DataBrokerBehaviourFactory";
+import FormTranslator from "../../../platform/zform/adapters/presenter/FormTranslator";
+import ZFormBehaviourFactory from "../../../platform/zform/frameworks/ui/ZFormBehaviourFactory";
+import FieldValidationBehaviourFactory from "../../../library/behaviours/field-validation/frameworks/ui/FieldValidationBehaviourFactory";
+import EventHandlersfactory from "./EventHandlersFactory";
+export default class FormConnectedFactory {
+  static create(_ref) {
+    let {
+      name,
+      customValidators,
+      dataBroker = defaultDataBroker,
+      eventHandlers = {},
+      View = FormConnectedView
+    } = _ref;
+    return createCustomComponent({
+      name: name,
+      View: View,
+      properties: Properties,
+      eventHandlers: EventHandlersfactory.create(eventHandlers),
+      transformState: FormTranslator.transformState,
+      behaviours: [ZHttpBehaviourFactory.create(), DataBrokerBehaviourFactory.create(), RecordBehaviourFactory.create(dataBroker.httpTemplates), FieldValidationBehaviourFactory.create(), ZFormBehaviourFactory.create({
+        customValidators
+      })]
+    });
+  }
+
+}

package/es/desk-frameworks/form-connected/frameworks/FormConnectedView.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Form from "../../../library/dot/components/form/frameworks/ui/Form";
+
+function View(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    isLoading,
+    sections = []
+  } = state.viewModel;
+  return /*#__PURE__*/React.createElement(Form, {
+    getRef: ref,
+    isLoading: isLoading,
+    sections: sections
+  });
+}
+
+export default View;
+View.propTypes = {
+  state: PropTypes.shape({
+    viewModel: PropTypes.shape({
+      isLoading: PropTypes.bool,
+      sections: PropTypes.array
+    })
+  }).isRequired
+};