@zohodesk/library-platform 1.1.5 → 1.1.6-temp-1

package/es/bc/zform/Properties.js

@@ -51,37 +51,14 @@ export default {
           },
           servicePrefix: {
             type: 'string'
+          },
+          additionalData: {
+            type: 'object'
           }
         },
         required: ['orgName'],
         additionalProperties: false
       }
     }
-  },
-  uiMapping: {
-    required: false,
-    defaultValue: {
-      sections: {},
-      fields: {}
-    },
-    typeMetadata: {
-      schema: {
-        type: 'object',
-        properties: {
-          fields: {
-            type: 'object',
-            additionalProperties: {
-              type: 'string'
-            }
-          },
-          sections: {
-            type: 'object',
-            additionalProperties: {
-              type: 'string'
-            }
-          }
-        }
-      }
-    }
   }
 };

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

@@ -21,7 +21,25 @@ export default {
     typeMetadata: {
       schema: {
         type: 'string',
-        enum: ['primary', 'danger']
+        enum: ['primary', 'danger', 'default']
+      }
+    }
+  },
+  iconSize: {
+    required: false,
+    defaultValue: 16,
+    typeMetadata: {
+      schema: {
+        type: 'number'
+      }
+    }
+  },
+  hasPadding: {
+    required: false,
+    defaultValue: true,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
       }
     }
   },

package/es/cc/button/Constants.js

@@ -0,0 +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 ButtonConstants {}
+
+_defineProperty(ButtonConstants, "BUTTON_CLICKED", 'BUTTON#CLICKED');
+
+export default ButtonConstants;

package/es/cc/button/Events.js

@@ -0,0 +1,5 @@
+import Constants from "./Constants";
+export default [{
+  type: Constants.BUTTON_CLICKED,
+  payload: {}
+}];

package/es/cc/button/Properties.js

@@ -0,0 +1,77 @@
+export default {
+  text: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  palette: {
+    defaultValue: 'primaryFilled',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['primary', 'secondary', 'danger', 'success', 'plainPrimary', 'plainSecondary', 'plainDanger', 'plainSuccess', 'primaryFilled', 'secondaryFilled', 'dangerFilled', 'successFilled', 'info', 'tertiaryFilled']
+      }
+    }
+  },
+  size: {
+    defaultValue: 'medium',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['small', 'medium', 'large', 'xlarge']
+      }
+    }
+  },
+  isRounded: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  isDisabled: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  id: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  status: {
+    defaultValue: 'none',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['loading', 'success', 'none']
+      }
+    }
+  },
+  tooltip: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  }
+};

package/es/cc/button/index.js

@@ -0,0 +1,3 @@
+export { default as ButtonProperties } from "./Properties";
+export { default as ButtonEvents } from "./Events";
+export { default as ButtonConstants } from "./Constants";

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

@@ -0,0 +1,37 @@
+export const DefaultFormSectionUIType = 'DefaultFormSection';
+export const fieldTypeToUIType = {
+  Text: 'TextBox',
+  Textarea: 'TextArea',
+  Boolean: 'Checkbox',
+  URL: 'Url',
+  Picklist: 'PickList',
+  AutoNumber: 'TextBox',
+  Number: 'Number',
+  Decimal: 'Decimal',
+  Email: 'Email',
+  Phone: 'Phone',
+  Currency: 'Currency',
+  Percent: 'Percentage',
+  Date: 'Date',
+  DateTime: 'DateTime',
+  Multiselect: 'MultiSelect',
+  LookUp: 'TextBox'
+};
+export const ePHIFields = {
+  Text: true,
+  Textarea: true,
+  URL: true,
+  Picklist: true,
+  Number: true,
+  Decimal: true,
+  Email: false,
+  Phone: true,
+  Currency: false,
+  Percent: true,
+  AutoNumber: false,
+  Date: false,
+  DateTime: false,
+  Multiselect: false,
+  Boolean: false,
+  LookUp: false
+};

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

@@ -1 +1,43 @@
-export default {};
+export default {
+  componentMapping: {
+    required: false,
+    defaultValue: {
+      sections: {},
+      loadingState: ''
+    },
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          sections: {
+            type: 'object',
+            additionalProperties: {
+              type: 'object',
+              properties: {
+                UIComponentName: {
+                  type: 'string'
+                } // translator: { type: 'function' } // Function types are not representable in JSON Schema
+
+              },
+              required: ['UIComponentName']
+            }
+          },
+          // fields: {
+          //   type: 'object',
+          //   additionalProperties: {
+          //     type: 'object',
+          //     properties: {
+          //       UIComponentName: { type: 'string' },
+          //       translator: { type: 'object' } // Function types are not representable in JSON Schema
+          //     },
+          //     required: ['UIComponentName']
+          //   }
+          // },
+          loadingState: {
+            type: 'string'
+          }
+        }
+      }
+    }
+  }
+};

package/es/cc/index.js

@@ -1,9 +1,11 @@
 export * from "./avatar";
+export * from "./button";
 export * from "./checkbox";
 export * from "./email";
 export * from "./highlighted-value";
 export * from "./info-icon";
 export * from "./link";
+export * from "./list-item";
 export * from "./switch";
 export * from "./table-list";
 export * from "./tags";
@@ -13,4 +15,5 @@ export * from "./empty-state";
 export * from "./textbox";
 export * from "./textarea";
 export * from "./table-connected";
+export * from "./section";
 export * from "./fields";

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

@@ -0,0 +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 ListItemConstants {}
+
+_defineProperty(ListItemConstants, "LISTITEM_CLICKED", 'LISTITEM#CLICKED');
+
+export default ListItemConstants;

package/es/cc/list-item/Events.js

@@ -0,0 +1,14 @@
+import Constants from "./Constants";
+export default [{
+  type: Constants.LISTITEM_CLICKED,
+  payload: {
+    id: {
+      name: 'id',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+}];

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

@@ -0,0 +1,131 @@
+export default {
+  id: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  isDisabled: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  isActive: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  text: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  secondaryText: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  size: {
+    defaultValue: 'medium',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['small', 'medium', 'large']
+      }
+    }
+  },
+  tooltip: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  icon: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  iconSize: {
+    defaultValue: 14,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'number'
+      }
+    }
+  },
+  imgSrc: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  imgName: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  href: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  target: {
+    defaultValue: 'self',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['self', 'blank', 'parent', 'top']
+      }
+    }
+  },
+  divider: {
+    defaultValue: 'none',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['none', 'before', 'after']
+      }
+    }
+  }
+};

package/es/cc/list-item/index.js

@@ -0,0 +1,3 @@
+export { default as ListItemProperties } from "./Properties";
+export { default as ListItemEvents } from "./Events";
+export { default as ListItemConstants } from "./Constants";

package/es/cc/more-dropdown/Constants.js

@@ -0,0 +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 MoreDropdownConstants {}
+
+_defineProperty(MoreDropdownConstants, "MORE_DROPDOWN_OPTION_CLICKED", 'MORE_DROPDOWN#OPTION_CLICKED');
+
+export default MoreDropdownConstants;

package/es/cc/more-dropdown/Events.js

@@ -0,0 +1,14 @@
+import Constants from "./Constants";
+export default [{
+  type: Constants.MORE_DROPDOWN_OPTION_CLICKED,
+  payload: {
+    id: {
+      name: 'id',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+}];

package/es/cc/more-dropdown/Properties.js

@@ -0,0 +1,66 @@
+export default {
+  heading: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  options: {
+    defaultValue: [],
+    required: true,
+    typeMetadata: {
+      schema: {
+        type: 'array',
+        items: {
+          anyOf: [{
+            type: 'object',
+            properties: {
+              id: {
+                type: 'string'
+              },
+              value: {
+                type: 'string'
+              },
+              iconName: {
+                type: 'string'
+              },
+              iconSize: {
+                type: 'string'
+              }
+            },
+            required: ['id', 'value']
+          }, {
+            type: 'object',
+            properties: {
+              needDivider: {
+                type: 'boolean'
+              }
+            },
+            required: ['needDivider']
+          }]
+        }
+      }
+    }
+  },
+  isDisabled: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  tooltip: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  }
+};

package/es/cc/more-dropdown/index.js

@@ -0,0 +1,3 @@
+export { default as MoreDropdownProperties } from "./Properties";
+export { default as MoreDropdownEvents } from "./Events";
+export { default as MoreDropdownConstants } from "./Constants";

package/es/cc/section/Properties.js

@@ -33,6 +33,14 @@ export default {
       }
     }
   },
+  name: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
   description: {
     required: false,
     typeMetadata: {
@@ -42,6 +50,14 @@ export default {
       }
     }
   },
+  isCollapsed: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
   isVisible: {
     required: false,
     typeMetadata: {

package/es/cc/switch/Properties.js

@@ -19,11 +19,11 @@ export default {
   },
   size: {
     required: true,
-    defaultValue: "small",
+    defaultValue: "medium",
     typeMetadata: {
       schema: {
         type: "string",
-        enum: ["small", "medium"]
+        enum: ["small", "medium", "large", "xlarge"]
       }
     }
   },

package/es/index.js

@@ -10,4 +10,9 @@ export { _Components as Components };
 export { platformSDK } from "./platform/sdk/frameworks/Sdk";
 export { sdkRegistry } from "./platform/sdk/frameworks/SdkRegistry";
 export { validations as defaultFieldValidations } from "./library/behaviours/field-validation/frameworks/utils/FormBasicValidationAdaptor";
-export { getClientActionsAdapter, fetchClientActions } from "./platform/client-actions/components/action-event-mediator/frameworks/ui/ClientActionsAdapter";
+export { getClientActionsAdapter, fetchClientActions } from "./platform/client-actions/components/action-event-mediator/frameworks/ui/ClientActionsAdapter";
+export { renderField } from "./library/dot/components/section/frameworks/ui/RenderField";
+import { FieldSectionEventMappingBehaviourFactory } from "./library/dot/components/section/frameworks/ui/Section";
+export const Behaviours = {
+  FieldSectionEventMappingBehaviourFactory
+};

package/es/library/dot/components/action-location/frameworks/ui/ActionComponentMapping.js

@@ -1,10 +1,16 @@
 import ActionIcon from "../../../../legacy-to-new-arch/action-icon/frameworks/ui/ActionIcon";
+import Button from "../../../../legacy-to-new-arch/button/frameworks/ui/Button"; // import ListItem from '@library/dot/legacy-to-new-arch/list-item/frameworks/ui/ListItem';
+
 import TableColumnSort from "../../../../legacy-to-new-arch/table-column-sort/frameworks/ui/TableColumnSort";
 import TableColumnChooser from "../../../../legacy-to-new-arch/table-column-chooser/frameworks/ui/TableColumnChooser";
 import Checkbox from "../../../../legacy-to-new-arch/checkbox/frameworks/ui/Checkbox";
 import TableColumnFilter from "../../../../legacy-to-new-arch/table-column-filter/frameworks/ui/TableColumnFilter";
+import MoreDropdown from "../../../../legacy-to-new-arch/more-dropdown/frameworks/ui/MoreDropdown";
 const ActionComponentMapping = {
   ['ActionIcon']: ActionIcon,
+  ['Button']: Button,
+  // ['ListItem']: ListItem,
+  ['MoreDropdown']: MoreDropdown,
   ['TableColumnSort']: TableColumnSort,
   ['TableColumnChooser']: TableColumnChooser,
   ['TableSelectAll']: Checkbox,

package/es/library/dot/components/form/adapters/presenter/TransformState.js

@@ -34,6 +34,26 @@ function updateFieldValues(_ref) {
   });
 }
 
+const footerLeftActions = [{
+  component: 'Button',
+  properties: {
+    text: 'Submit',
+    palette: 'primaryFilled'
+  },
+  eventMappings: [{
+    payloadValueMapping: {},
+    sourceEvent: "BUTTON#CLICKED",
+    id: "1234567890",
+    targetEvent: "FORM#SUBMIT"
+  }]
+}, {
+  component: 'Button',
+  properties: {
+    text: 'Cancel',
+    palette: 'secondary'
+  },
+  eventMappings: []
+}];
 export function TransformState(state) {
   const {
     sections,
@@ -51,7 +71,11 @@ export function TransformState(state) {
     // properties: { ...state.properties, sections: updatedSections }
     viewModel: {
       sections: updatedSections,
-      isLoading
+      isLoading,
+      headerLeftActions: [],
+      headerRightActions: [],
+      footerLeftActions,
+      footerRightActions: []
     }
   };
 }

package/es/library/dot/components/form/frameworks/ui/DefaultComponentRegister.js

@@ -0,0 +1,28 @@
+import { DefaultFormSectionUIType } from "../../../../../../cc/fields/field/FormDefaultUIType";
+import ComponentRegistry from "../../../../../custom-component/frameworks/ui/ComponentRegistry";
+import { TextArea, TextBox, Email, PickList, Currency, MultiSelect, Url, Percentage, Phone, Number, Decimal, Date, DateTime, Checkbox } from "../../../form-fields";
+import EPHITag from "../../../form-fields/ephi-tag/frameworks/ui/EPHITag";
+import InfoIcon from "../../../form-fields/info-icon/frameworks/ui/InfoIcon";
+import Section from "../../../section/frameworks/ui/Section";
+export function registerDefaultComponents() {
+  // Registering components in the ComponentRegistry
+  // NOTE: This is a workaround to avoid dynamic imports
+  // NOTE: register these components in place
+  ComponentRegistry.register('TextBox', TextBox);
+  ComponentRegistry.register('TextArea', TextArea);
+  ComponentRegistry.register('PickList', PickList);
+  ComponentRegistry.register('Email', Email);
+  ComponentRegistry.register('Currency', Currency);
+  ComponentRegistry.register('MultiSelect', MultiSelect);
+  ComponentRegistry.register('Url', Url);
+  ComponentRegistry.register('Percentage', Percentage);
+  ComponentRegistry.register('Phone', Phone);
+  ComponentRegistry.register('Number', Number);
+  ComponentRegistry.register('Decimal', Decimal);
+  ComponentRegistry.register('Date', Date);
+  ComponentRegistry.register('DateTime', DateTime);
+  ComponentRegistry.register('Checkbox', Checkbox);
+  ComponentRegistry.register('EPHITag', EPHITag);
+  ComponentRegistry.register('InfoIcon', InfoIcon);
+  ComponentRegistry.register(DefaultFormSectionUIType, Section);
+}

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

@@ -3,6 +3,8 @@ import FormProperties from "../../../../../../cc/form/Properties";
 import FormView from "./FormView";
 import { TransformState } from "../../adapters/presenter/TransformState";
 import EventHandlersFactory from "./EventHandlerFactory";
+import { registerDefaultComponents } from "./DefaultComponentRegister";
+registerDefaultComponents();
 const Form = createCustomComponent({
   name: 'CustomForm',
   View: FormView,