@zohodesk/library-platform 1.1.6-temp-1 → 1.1.7-exp.1

package/es/bc/sdk/ResourceNamesEnum.js

@@ -1,5 +1,6 @@
 var ResourceNamesEnum = /*#__PURE__*/function (ResourceNamesEnum) {
   ResourceNamesEnum["SMART_TABLE"] = "smartTable";
+  ResourceNamesEnum["SMART_FORM"] = "smartForm";
   return ResourceNamesEnum;
 }(ResourceNamesEnum || {});
 

package/es/bc/zform/Symbol.js

@@ -18,8 +18,10 @@ export const ZFORM_FIELD_VALUE_CHANGED = 'ZFORM#FIELD_VALUE_CHANGED';
 export const ZFORM_SET_FIELD_ERROR_MESSAGE = 'ZFORM#SET_FIELD_ERROR_MESSAGE';
 export const ZFORM_VALIDATE_FIELD_REQUEST = 'ZFORM#VALIDATE_FIELD_REQUEST';
 export const ZFORM_SUBMIT = 'ZFORM#SUBMIT_REQUEST';
+export const ZFORM_CANCEL = 'ZFORM#CANCEL_REQUEST';
 export const ZFORM_VALIDATION_ERROR = 'ZFORM#VALIDATION_ERROR';
 export const ZFORM_VALIDATION_SUCCESS = 'ZFORM#VALIDATION_SUCCESS';
 export const ZFORM_VALIDATE_SUBMIT_FIELD_HAS_ERROR_MESSAGE = 'ZFORM#VALIDATE_SUBMIT_FIELD_HAS_ERROR_MESSAGE';
 export const ZFORM_SUBMIT_SUCCESS = 'ZFORM#SUBMIT_SUCCESS';
+export const ZFORM_SUBMIT_FAILURE = 'ZFORM#SUBMIT_FAILURE';
 export const ZFORM_ERROR = 'ZFORM#ERROR';

package/es/cc/breadcrumb/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 BreadcrumbConstants {}
+
+_defineProperty(BreadcrumbConstants, "BREADCRUMB_ITEM_CLICKED", 'BREADCRUMB#ITEM_CLICKED');
+
+export default BreadcrumbConstants;

package/es/cc/breadcrumb/Events.js

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

package/es/cc/breadcrumb/Properties.js

@@ -0,0 +1,35 @@
+export default {
+  items: {
+    defaultValue: [],
+    required: true,
+    typeMetadata: {
+      schema: {
+        type: 'array',
+        items: {
+          type: 'object',
+          properties: {
+            id: {
+              type: 'string'
+            },
+            text: {
+              type: 'string'
+            },
+            isLink: {
+              type: 'boolean'
+            },
+            iconName: {
+              type: 'string'
+            },
+            iconSize: {
+              type: 'string'
+            },
+            isActive: {
+              type: 'boolean'
+            }
+          }
+        },
+        required: ['id', 'text']
+      }
+    }
+  }
+};

package/es/cc/breadcrumb/index.js

@@ -0,0 +1,3 @@
+export { default as BreadcrumbProperties } from "./Properties";
+export { default as BreadcrumbEvents } from "./Events";
+export { default as BreadcrumbConstants } from "./Constants";

package/es/cc/fields/index.js

@@ -17,4 +17,5 @@ export { default as ColouredPickListFieldProperties } from "./coloured-pick-list
 export { default as TextFieldProperties } from "./text/Properties";
 export { default as UrlFieldProperties } from "./url/Properties";
 export { default as FormulaFieldProperties } from "./formula/Properties";
-export { default as FieldTypes } from "./field/Types";
+export { default as FieldTypes } from "./field/Types";
+export { default as FieldConstants } from "./field/Constants";

package/es/cc/form/Properties.js

@@ -1,6 +1,60 @@
 import PropertiesConverter from "../component/properties/PropertiesConverter";
 import SectionProperties from "../section/Properties";
 export default {
+  isHeaderEnabled: {
+    required: false,
+    defaultValue: true,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  isFooterEnabled: {
+    required: false,
+    defaultValue: true,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  headerLeftActions: {
+    required: false,
+    defaultValue: [],
+    typeMetadata: {
+      schema: {
+        type: 'array'
+      }
+    }
+  },
+  headerRightActions: {
+    required: false,
+    defaultValue: [],
+    typeMetadata: {
+      schema: {
+        type: 'array'
+      }
+    }
+  },
+  footerLeftActions: {
+    required: false,
+    defaultValue: [],
+    typeMetadata: {
+      schema: {
+        type: 'array'
+      }
+    }
+  },
+  footerRightActions: {
+    required: false,
+    defaultValue: [],
+    typeMetadata: {
+      schema: {
+        type: 'array'
+      }
+    }
+  },
   sections: {
     required: false,
     typeMetadata: {

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

@@ -10,4 +10,12 @@ _defineProperty(SmartFormConstants, "SMART_FORM_FIELD_VALUE_CHANGED", 'SMART_FOR
 
 _defineProperty(SmartFormConstants, "SMART_FORM_SUBMIT", 'SMART_FORM#SUBMIT');
 
+_defineProperty(SmartFormConstants, "SMART_FORM_SUBMIT_CLICKED", 'SMART_FORM#SUBMIT_CLICKED');
+
+_defineProperty(SmartFormConstants, "SMART_FORM_CANCEL_CLICKED", 'SMART_FORM#CANCEL_CLICKED');
+
+_defineProperty(SmartFormConstants, "SMART_FORM_SUBMIT_SUCCESS", 'SMART_FORM#SUBMIT_SUCCESS');
+
+_defineProperty(SmartFormConstants, "SMART_FORM_SUBMIT_FAILURE", 'SMART_FORM#SUBMIT_FAILED');
+
 export default SmartFormConstants;

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

@@ -1,4 +1,56 @@
 export default {
+  isHeaderEnabled: {
+    required: false,
+    defaultValue: true,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  isFooterEnabled: {
+    required: false,
+    defaultValue: true,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  submitConfig: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          text: {
+            type: 'string'
+          },
+          isEnabled: {
+            type: 'boolean'
+          }
+        },
+        required: ['text', 'isEnabled']
+      }
+    }
+  },
+  cancelConfig: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          text: {
+            type: 'string'
+          },
+          isEnabled: {
+            type: 'boolean'
+          }
+        },
+        required: ['text', 'isEnabled']
+      }
+    }
+  },
   componentMapping: {
     required: false,
     defaultValue: {

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

@@ -0,0 +1,159 @@
+export const SdkContracts = {
+  hideSectionInputMeta: {
+    type: 'object',
+    properties: {
+      sectionName: {
+        type: 'string',
+        minLength: 1
+      }
+    },
+    required: ['sectionName']
+  },
+  showSectionInputMeta: {
+    type: 'object',
+    properties: {
+      sectionName: {
+        type: 'string',
+        minLength: 1
+      }
+    },
+    required: ['sectionName']
+  },
+  hideFieldInputMeta: {
+    type: 'object',
+    properties: {
+      fieldName: {
+        type: 'string',
+        minLength: 1
+      }
+    },
+    required: ['fieldName']
+  },
+  showFieldInputMeta: {
+    type: 'object',
+    properties: {
+      fieldName: {
+        type: 'string',
+        minLength: 1
+      }
+    },
+    required: ['fieldName']
+  },
+  setFieldValueInputMeta: {
+    type: 'object',
+    properties: {
+      fieldName: {
+        type: 'string',
+        minLength: 1
+      },
+      newValue: {}
+    },
+    required: ['fieldName', 'newValue']
+  },
+  setFieldsValueInputMeta: {
+    type: 'object',
+    properties: {
+      fieldsValuesObj: {
+        type: 'object'
+      }
+    },
+    required: ['fieldsValuesObj']
+  },
+  insertFieldInputMeta: {
+    type: 'object',
+    properties: {
+      sectionName: {
+        type: 'string',
+        minLength: 1
+      },
+      fieldsObj: {
+        type: 'object'
+      },
+      fieldIndex: {
+        type: 'number'
+      }
+    },
+    required: ['sectionName', 'fieldsObj', 'fieldIndex']
+  },
+  deleteFieldInputMeta: {
+    type: 'object',
+    properties: {
+      fieldName: {
+        type: 'string',
+        minLength: 1
+      }
+    },
+    required: ['fieldName']
+  },
+  updateFieldInputMeta: {
+    properties: {
+      fieldName: {
+        type: 'string',
+        minLength: 1
+      },
+      fieldProperties: {
+        type: 'object',
+        properties: {
+          displayLabel: {
+            type: 'string'
+          },
+          i18NLabel: {
+            type: 'string'
+          },
+          isReadOnly: {
+            type: 'boolean'
+          },
+          maxLength: {
+            type: 'number'
+          },
+          isMandatory: {
+            type: 'boolean'
+          },
+          value: {},
+          // You can specify a more detailed type if known
+          errorMessage: {
+            type: 'string'
+          },
+          isVisible: {
+            type: 'boolean'
+          },
+          pickListValues: {
+            type: 'array',
+            items: {
+              type: 'object',
+              properties: {
+                value: {
+                  type: 'string'
+                }
+              }
+            }
+          },
+          defaultPickListValues: {
+            type: 'array',
+            items: {
+              type: 'object',
+              properties: {
+                value: {
+                  type: 'string'
+                }
+              }
+            }
+          },
+          toolTip: {
+            type: 'string'
+          }
+        }
+      }
+    }
+  },
+  getFieldValueInputMeta: {
+    type: 'object',
+    properties: {
+      fieldName: {
+        type: 'string',
+        minLength: 1
+      }
+    },
+    required: ['fieldName']
+  }
+};

package/es/cc/icon-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 IconButtonConstants {}
+
+_defineProperty(IconButtonConstants, "ICON_BUTTON_CLICKED", 'ICON_BUTTON#CLICKED');
+
+export default IconButtonConstants;

package/es/cc/icon-button/Events.js

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

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

@@ -0,0 +1,86 @@
+export default {
+  palette: {
+    defaultValue: 'default',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['primary', 'primaryFilled', 'default']
+      }
+    }
+  },
+  iconSize: {
+    defaultValue: '14',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  size: {
+    defaultValue: 'large',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['xsmall', 'small', 'medium', 'large', 'xlarge']
+      }
+    }
+  },
+  iconName: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  isActive: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  isDisabled: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  hoverType: {
+    defaultValue: 'default',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['default', 'border', 'bg']
+      }
+    }
+  },
+  title: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  isBold: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  }
+};

package/es/cc/icon-button/index.js

@@ -0,0 +1,3 @@
+export { default as IconButtonProperties } from "./Properties";
+export { default as IconButtonEvents } from "./Events";
+export { default as IconButtonConstants } from "./Constants";

package/es/cc/section/Properties.js

@@ -74,6 +74,15 @@ export default {
       }
     }
   },
+  additionalDetails: {
+    required: false,
+    defaultValue: {},
+    typeMetadata: {
+      schema: {
+        type: 'object'
+      }
+    }
+  },
   fields: {
     required: false,
     typeMetadata: {

package/es/cc/switch/Properties.js

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

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

@@ -150,7 +150,7 @@ class EventManager {
     }
   }
 
-  dispatchEvent(event) {
+  dispatchEvent(event, rootElement) {
     let {
       payload,
       metaData,
@@ -162,7 +162,7 @@ class EventManager {
       return;
     }
 
-    this._element && this._element.dispatchEvent(new CustomEvent(type, {
+    rootElement && rootElement.dispatchEvent(new CustomEvent(type, {
       bubbles: true,
       detail: {
         payload,

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

@@ -6,6 +6,8 @@ import TableColumnChooser from "../../../../legacy-to-new-arch/table-column-choo
 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";
+import Breadcrumb from "../../../../legacy-to-new-arch/breadcrumb/frameworks/ui/Breadcrumb";
+import IconButton from "../../../../legacy-to-new-arch/icon-button/frameworks/ui/IconButton";
 const ActionComponentMapping = {
   ['ActionIcon']: ActionIcon,
   ['Button']: Button,
@@ -14,6 +16,8 @@ const ActionComponentMapping = {
   ['TableColumnSort']: TableColumnSort,
   ['TableColumnChooser']: TableColumnChooser,
   ['TableSelectAll']: Checkbox,
-  ['TableColumnFilter']: TableColumnFilter
+  ['TableColumnFilter']: TableColumnFilter,
+  ['Breadcrumb']: Breadcrumb,
+  ['IconButton']: IconButton
 };
 export default ActionComponentMapping;

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

@@ -32,34 +32,75 @@ function updateFieldValues(_ref) {
       fields
     };
   });
-}
+} // const footerLeftActions = [{
+//   component: 'Button',
+//   location: 'footer_left_actions',
+//   properties: {
+//     text: 'Submit',
+//     palette: 'primaryFilled'
+//   },
+//   eventMappings: [
+//     {
+//       payloadValueMapping: {},
+//       sourceEvent: "BUTTON#CLICKED",
+//       id: "1234567890",
+//       targetEvent: "FORM#SUBMIT"
+//     }
+//   ]
+// },
+// {
+//   component: 'Button',
+//   location: 'footer_left_actions',
+//   properties: {
+//     text: 'Cancel',
+//     palette: 'secondary'
+//   },
+//   eventMappings: []
+// }];
 
-const footerLeftActions = [{
-  component: 'Button',
-  properties: {
-    text: 'Submit',
-    palette: 'primaryFilled'
-  },
-  eventMappings: [{
-    payloadValueMapping: {},
-    sourceEvent: "BUTTON#CLICKED",
-    id: "1234567890",
-    targetEvent: "FORM#SUBMIT"
-  }]
-}, {
-  component: 'Button',
+
+const headerLeftActions = [{
+  component: 'Breadcrumb',
   properties: {
-    text: 'Cancel',
-    palette: 'secondary'
+    items: [{
+      id: 'customization',
+      text: 'Customization',
+      isLink: true
+    }, {
+      id: 'buttons',
+      text: 'Buttons',
+      isLink: true
+    }, {
+      id: 'new-button',
+      text: 'New Button',
+      isActive: true
+    }, {
+      id: 'kakarot',
+      text: 'Kakarot',
+      iconName: 'ZD-GN-department'
+    }]
   },
   eventMappings: []
 }];
+const headerRightActions = [{
+  component: 'IconButton',
+  properties: {
+    iconName: 'ZD-GN-infoStroke',
+    title: 'Help'
+  }
+}];
 export function TransformState(state) {
   const {
     sections,
     isLoading,
     values,
-    errorMessages
+    errorMessages,
+    isHeaderEnabled,
+    isFooterEnabled,
+    headerLeftActions,
+    headerRightActions,
+    footerLeftActions,
+    footerRightActions
   } = state.properties; // const { values, errorMessages } = state.behaviours.form;
 
   const updatedSections = updateFieldValues({
@@ -70,12 +111,14 @@ export function TransformState(state) {
   return { ...state,
     // properties: { ...state.properties, sections: updatedSections }
     viewModel: {
+      isHeaderEnabled,
+      isFooterEnabled,
       sections: updatedSections,
       isLoading,
-      headerLeftActions: [],
-      headerRightActions: [],
+      headerLeftActions,
+      headerRightActions,
       footerLeftActions,
-      footerRightActions: []
+      footerRightActions
     }
   };
 }