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

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,6 +18,7 @@ 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';

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-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/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

@@ -54,6 +54,36 @@ const footerLeftActions = [{
   },
   eventMappings: []
 }];
+const headerLeftActions = [{
+  component: 'Breadcrumb',
+  properties: {
+    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,
@@ -72,8 +102,8 @@ export function TransformState(state) {
     viewModel: {
       sections: updatedSections,
       isLoading,
-      headerLeftActions: [],
-      headerRightActions: [],
+      headerLeftActions: headerLeftActions,
+      headerRightActions: headerRightActions,
       footerLeftActions,
       footerRightActions: []
     }

package/es/library/dot/components/form/frameworks/ui/sub-components/Sections.js

@@ -7,24 +7,26 @@ export default function Sections(_ref) {
   return sections.map(section => {
     const {
       id,
+      name,
       title,
       description,
       isCollapsed,
       isVisible,
       fields,
       type,
-      ...extraProps
+      additionalDetails
     } = section;
     const Section = ComponentRegistry.get(type);
     if (isVisible === false) return null;
     return /*#__PURE__*/React.createElement(Section, {
       key: id,
       id: id,
+      name: name,
       title: title,
       description: description,
       fields: fields,
       isCollapsed: isCollapsed,
-      ...extraProps
+      additionalDetails: additionalDetails
     });
   });
 }

package/es/library/dot/components/section/frameworks/ui/SectionView.js

@@ -8,7 +8,6 @@ function SectionView(_ref, ref) {
     state
   } = _ref;
   const {
-    id,
     name,
     title,
     description,
@@ -18,11 +17,10 @@ function SectionView(_ref, ref) {
   return /*#__PURE__*/React.createElement(Section, {
     $i18n_heading: title,
     $i18n_description: description,
-    testId: id,
-    customId: id,
+    testId: name,
+    customId: name,
     $tagAttributes_container: {
-      ref,
-      'data-section-name': name
+      ref
     }
   }, !isCollapsed && /*#__PURE__*/React.createElement(FieldsLayout, {
     $flag_topSpace: !!title || !!description