@zohodesk/library-platform 1.1.11 → 1.1.12-temp-1

package/es/cc/fields/lookup/Properties.js

@@ -10,35 +10,48 @@ export default { ...FieldProperties,
     }
   },
   value: {
-    required: true,
-    defaultValue: '',
+    required: false,
+    defaultValue: null,
     typeMetadata: {
       schema: {
-        // Accepts either object or string
-        anyOf: [{
-          // NOTE: object type is used in Table Lookup field translator
+        oneOf: [{
           type: 'object',
-          properties: {
-            id: {
-              type: 'string'
-            },
-            name: {
-              type: 'string'
-            },
-            photoURL: {
-              type: ['string', 'null']
-            },
-            url: {
-              type: ['string', 'null']
-            }
-          },
-          required: ['id', 'name'],
-          additionalProperties: true
+          additionalProperties: {
+            oneOf: [{
+              type: ['string', 'null', 'number', 'boolean', 'array']
+            }, {
+              $ref: '#/definitions/value'
+            }]
+          }
         }, {
-          // NOTE: string type is used in Form Lookup field translator
-          type: 'string' // Allowing string type for backward compatibility or alternative usage
-
-        }]
+          type: 'array',
+          items: {
+            $ref: '#/definitions/value'
+          }
+        }, {
+          type: ['string', 'null', 'number', 'boolean']
+        }],
+        definitions: {
+          value: {
+            type: 'object',
+            additionalProperties: {
+              oneOf: [{
+                type: ['string', 'null', 'number', 'boolean', 'array']
+              }, {
+                $ref: '#/definitions/value'
+              }]
+            }
+          }
+        }
+      }
+    }
+  },
+  maxLength: {
+    required: false,
+    defaultValue: '',
+    typeMetadata: {
+      schema: {
+        type: 'number'
       }
     }
   }

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

@@ -70,6 +70,15 @@ export default {
       }
     }
   },
+  hasClearButton: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "boolean"
+      }
+    }
+  },
   hasSearch: {
     defaultValue: false,
     required: false,

package/es/library/dot/components/form/frameworks/ui/css/Form.module.css

@@ -3,17 +3,17 @@
 }
 
 .field {
-    margin-top: 5px;
+    margin-top: var(--zd_size5) ;
 }
 
 .multiSelectField {
-    margin-top: 2px
+    margin-top: var(--zd_size2) 
 }
 
 .checkboxField {
     composes: dInflex alignFstart from '~@zohodesk/components/es/common/common.module.css';
-    max-width: 100%;
-    gap: 8px
+    max-width: 100% ;
+    gap: var(--zd_size8) 
 }
 
 .cursor_pointer {
@@ -27,36 +27,36 @@
 }
 
 [dir=ltr] .footer {
-    padding-right: 32px
+    padding-right: var(--zd_size32) 
 }
 
 [dir=rtl] .footer {
-    padding-left: 32px
+    padding-left: var(--zd_size32) 
 }
 
 /* Sections layout */
 
 .sectionsWrapper {
-    padding-bottom: 8px
+    padding-bottom: var(--zd_size8) 
 }
 
 .sectionsLayout, .sectionsTwoLayout {
-    margin: 0 auto
+    margin: 0 auto 
 }
 
 .sectionsLayout {
-    max-width: var(--local-form-layout-max-width, 1080px)
+    max-width: var(--local-form-layout-max-width, var(--zd_size1080))
 }
 
 .sectionsTwoLayout {
-    column-gap: 8px;
-    max-width: var(--local-form-layout-max-width, 1210px)
+    column-gap: var(--zd_size8) ;
+    max-width: var(--local-form-layout-max-width, var(--zd_size1210))
 }
 
 .rightPanel {
     height: var(--local-form-right-panel-height, 100%);
     position: -webkit-sticky;
     position: sticky;
-    top: 0;
-    padding: 8px 0
+    top: 0 ;
+    padding: var(--zd_size8) 0 
 }

package/es/library/dot/components/form-fields/field/css/FieldItem.module.css

@@ -1,7 +1,7 @@
 .fieldItem {
     position: relative;
-    min-width: 0;
-    min-height: 0
+    min-width: 0 ;
+    min-height: 0 
 }
 
 .largeSize {

package/es/library/dot/components/section/frameworks/ui/css/Section.module.css

@@ -1,11 +1,11 @@
 .fieldsContainer {
-    padding-top: 1px
+    padding-top: var(--zd_size1) 
 }
 
 [dir=ltr] .actionContainer {
-    margin-left: 8px;
+    margin-left: var(--zd_size8) ;
 }
 
 [dir=rtl] .actionContainer {
-    margin-right: 8px;
+    margin-right: var(--zd_size8) ;
 }

package/es/library/dot/components/table-list/frameworks/ui/css/TableList.module.css

@@ -137,35 +137,35 @@
 }
 
 .loader {
-    padding: 40px 0
+    padding: var(--zd_size40) 0 
 }
 
 .wrapper {
-    height: 100%;
-    width: 100%;
+    height: 100% ;
+    width: 100% ;
     z-index: 1;
     position: relative
 }
 
 .hiddenDummyRow {
-    height: 40px;
-    width: 0;
+    height: var(--zd_size40) ;
+    width: 0 ;
     position: absolute;
     z-index: -100;
-    top: 0;
+    top: 0 ;
     pointer-events: none;
 }
 
 [dir=ltr] .hiddenDummyRow {
-    left: 0;
+    left: 0 ;
 }
 
 [dir=rtl] .hiddenDummyRow {
-    right: 0;
+    right: 0 ;
 }
 
 .resizerSpace {
-    width: calc(var(--local_table_resizer_extra_space, 0) * 1px);
+    width: calc(var(--local_table_resizer_extra_space, 0) * var(--zd_size1));
     flex-shrink: 0
 }
 
@@ -174,32 +174,32 @@
 }
 
 [dir=ltr] .contentWrapper {
-    left: 0;
+    left: 0 ;
 }
 
 [dir=rtl] .contentWrapper {
-    right: 0;
+    right: 0 ;
 }
 
 .initialLoading {
-    height: calc(100% - 100px)
+    height: calc(100% - (var(--zd_size100)))
 }
 
 .emptyContent {
-    padding: 160px 0 60px
+    padding: var(--zd_size160) 0 var(--zd_size60) 
 }
 
 .errorContent {
-    padding: 60px 0
+    padding: var(--zd_size60) 0 
 }
 
 .headerWithActions,
 .fieldWithActions {
-    gap: 6px
+    gap: var(--zd_size6) 
 }
 
 .actions {
-    gap: 8px
+    gap: var(--zd_size8) 
 }
 
 .rowCursor_default {
@@ -244,7 +244,7 @@
 }
 
 .dragHandleContainer {
-    height: 100%;
+    height: 100% ;
     opacity: 0;
     visibility: hidden;
 }
@@ -268,8 +268,8 @@
 }
 
 .rowDropIndicator {
-    width: 100%;
-    height: 2px;
+    width: 100% ;
+    height: var(--zd_size2) ;
     /* css:theme-validation:ignore */
     position: absolute;
     z-index: 2;
@@ -277,11 +277,11 @@
 }
 
 .dropIndicatorTop {
-    top: 0;
+    top: 0 ;
 }
 
 .dropIndicatorBottom {
-    bottom: -3px;
+    bottom: calc( var(--zd_size3) * -1 ) ;
 }
 
 .row {

package/es/library/dot/legacy-to-new-arch/breadcrumb/frameworks/ui/css/Breadcrumb.module.css

@@ -1,19 +1,19 @@
 .wrapper, .itemContainer {
-    max-width: 100%
+    max-width: 100% 
 }
 
 .itemContainer {
-    column-gap: 4px;
+    column-gap: var(--zd_size4) ;
 }
 
 .separator {
     --separator_fontSize: 14px;
-    margin: 0 10px;
+    margin: 0 var(--zd_size10) ;
 }
 
 .buttonStyle {
     --button_font_size: 14px;
     --button_padding: 0px;
     --button_letter_spacing: 0px;
-    max-width: 100%;
+    max-width: 100% ;
 }

package/es/library/dot/legacy-to-new-arch/date/frameworks/ui/css/DateView.module.css

@@ -1,3 +1,3 @@
 .actionContainer {
-    margin-top: 2px;
+    margin-top: var(--zd_size2) ;
 }

package/es/library/dot/legacy-to-new-arch/label/frameworks/ui/css/Label.module.css

@@ -1,9 +1,9 @@
 .label {
     --label_cursor: inherit
 }[dir=ltr] .label {
-    padding-right: 6px
+    padding-right: var(--zd_size6) 
 }[dir=rtl] .label {
-    padding-left: 6px
+    padding-left: var(--zd_size6) 
 }
 
 .mandatory::after {
@@ -11,9 +11,9 @@
 }
 
 [dir=ltr] .mandatory::after {
-    padding-left: 2px
+    padding-left: var(--zd_size2) 
 }
 
 [dir=rtl] .mandatory::after {
-    padding-right: 2px
+    padding-right: var(--zd_size2) 
 }

package/es/library/dot/legacy-to-new-arch/multi-select/frameworks/ui/css/MultiSelectView.module.css

@@ -1,27 +1,27 @@
 .fieldActionsContainer {
-    margin-top: 4px;
+    margin-top: var(--zd_size4) ;
 }
 
 [dir=ltr] .optionActionsContainer {
-    margin-left: 4px;
+    margin-left: var(--zd_size4) ;
 }
 
 [dir=rtl] .optionActionsContainer {
-    margin-right: 4px;
+    margin-right: var(--zd_size4) ;
 }
 
 .custmInputWrapper {
     position: absolute;
-    top: 0;
-    width: 100%;
+    top: 0 ;
+    width: 100% ;
 }
 
 [dir=ltr] .custmInputWrapper {
-    left: 0;
+    left: 0 ;
 }
 
 [dir=rtl] .custmInputWrapper {
-    right: 0;
+    right: 0 ;
 }
 
 .clearIconContainer {

package/es/library/dot/legacy-to-new-arch/select/frameworks/ui/css/Select.module.css

@@ -1,5 +1,5 @@
 [dir=ltr] .optionActionsContainer {
-    margin-left: 4px;
+    margin-left: var(--zd_size4) ;
 }[dir=rtl] .optionActionsContainer {
-    margin-right: 4px;
+    margin-right: var(--zd_size4) ;
 }

package/es/library/dot/legacy-to-new-arch/table-column-chooser/frameworks/ui/css/TableColumnChooserView.module.css

@@ -4,5 +4,5 @@
 }
 
 .textOverflowOptions {
-    margin-top: 10px
+    margin-top: var(--zd_size10) 
 }

package/es/library/dot/legacy-to-new-arch/table-column-filter/frameworks/ui/TableColumnFilterView.js

@@ -22,6 +22,7 @@ function TableColumnFilterView(_ref, ref) {
     heading,
     hasSearch,
     searchPlaceholder,
+    hasClearButton,
     clearFilterLabel,
     optionTagLabel,
     taggedOption
@@ -86,7 +87,7 @@ function TableColumnFilterView(_ref, ref) {
     options,
     hasSearch,
     searchPlaceholder,
-    hasClearButton: true,
+    hasClearButton,
     isClearButtonDisabled: !isFiltered,
     clearFilterLabel,
     optionTagLabel,

package/es/library/dot/legacy-to-new-arch/text-area/frameworks/ui/css/TextAreaView.module.css

@@ -4,13 +4,13 @@
 
 .rightPlaceholder {
     position: absolute;
-    bottom: 4px;
+    bottom: var(--zd_size4) ;
 }
 
 [dir=ltr] .rightPlaceholder {
-    right: 12px;
+    right: var(--zd_size12) ;
 }
 
 [dir=rtl] .rightPlaceholder {
-    left: 12px;
+    left: var(--zd_size12) ;
 }

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer.module.css

@@ -1,19 +1,19 @@
 .wrapper {
-    max-width: 100%
+    max-width: 100% 
 }
 
 .gap_small {
-    gap: 4px
+    gap: var(--zd_size4) 
 }
 
 .gap_xmedium {
-    gap: 6px
+    gap: var(--zd_size6) 
 }
 
 .gap_medium {
-    gap: 8px
+    gap: var(--zd_size8) 
 }
 
 .gap_large {
-    gap: 10px
+    gap: var(--zd_size10) 
 }

package/es/platform/data-source/http-template/fetchLookupFields.js

@@ -4,12 +4,6 @@ const fetchLookupFields = {
   parameters: `{}`,
   type: 'GET',
   transformer: data => data,
-  getResponse: async _ref => {
-    let {
-      params,
-      payload
-    } = _ref;
-  },
   properties: {
     layoutId: {
       required: true,

package/es/platform/zform/adapters/gateway/FormRepository.js

@@ -25,7 +25,8 @@ class FormRepository {
       validationRules = [],
       sections = [],
       layoutRules = [],
-      dependencyMappings = []
+      dependencyMappings = [],
+      layoutId
     } = zform;
     let validationRuleEntities = validationRules.map(rule => {
       return new ZValidationRule(rule);
@@ -59,6 +60,7 @@ class FormRepository {
       dependencyMappings: dependencyMappingsEntities,
       layoutRules: layoutRulesEntities,
       context,
+      layoutId: layoutId,
       isMyFormFetching: zform.isMyFormFetching,
       isDependencyFetching: zform.isDependencyFetching,
       isLayoutRulesFetching: zform.isLayoutRulesFetching,

package/es/platform/zform/adapters/presenter/translators/fields/LookUpFieldTranslator.js

@@ -5,20 +5,20 @@ const LookUpFieldTranslator = _ref => {
     fieldPreModified,
     uiConfig
   } = _ref;
-  const fieldModified = {
-    type,
-    uiConfig,
-    value: field.value || '',
-    //state.behaviours.zform.values[field.apiName],
-    name: field.apiName,
-    ...fieldPreModified,
+  const fieldModified = { ...fieldPreModified,
+    uiConfig: uiConfig,
+    type: field.type,
+    value: field.value,
+    name: field.name,
     id: field.id,
     label: field.i18NLabel,
-    required: field.isMandatory,
-    readonly: field.isReadOnly,
-    // visibility: field.isVisible,
+    apiName: field.apiName,
+    errorMessage: field.errorMessage,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || '',
+    readonly: field.isReadOnly,
+    required: field.isMandatory,
+    isCustomField: field.isCustomField,
+    maxLength: field.maxLength,
     lookup: field.lookup
   };
   return fieldModified;

package/es/platform/zform/applications/usecases/MyFormSuccessUseCase.js

@@ -21,8 +21,9 @@ class MyFormSuccessUseCase extends AbstractUseCase {
       sections
     } = myForm;
     const zFormEntity = repository.getFormEntity();
+    const layoutId = zFormEntity.getLayoutId();
     const context = { ...zFormEntity.getContext(),
-      layoutId: zFormEntity.getLayoutId()
+      layoutId: layoutId
     };
     const lookupFields = sections.flatMap(section => section.fields.filter(field => field.type === 'LookUp'));
     const sectionEntities = sections.map(section => {
@@ -63,24 +64,22 @@ class MyFormSuccessUseCase extends AbstractUseCase {
         type: DATA_SOURCE_EXECUTE,
         payload: {
           actionName: 'fetchLookupFields',
-          props: { ...context
-          }
+          props: context
         },
         metaData: {
           actionName: 'fetchLookupFields',
-          //hack
           [DATA_SOURCE_NO_CONTENT]: {
             type: ZFORM_LOOKUP_FIELD_SUCCESS,
             metaData: {
               actionName: 'fetchLookupFields'
             }
           },
-          // [DATA_SOURCE_FAILURE]: {
-          //   type: ZFORM_LOOKUP_FIELD_SUCCESS,
-          //   metaData: {
-          //     actionName: 'fetchValidationRules'
-          //   }
-          // },
+          [DATA_SOURCE_FAILURE]: {
+            type: ZFORM_API_FAILURE,
+            metaData: {
+              actionName: 'fetchLookupFields'
+            }
+          },
           [DATA_SOURCE_SUCCESS]: {
             type: ZFORM_LOOKUP_FIELD_SUCCESS,
             metaData: {

package/es/platform/zform/domain/ZForm.js

@@ -21,6 +21,7 @@ export default class ZForm {
       dependencyMappings,
       context,
       focusedFieldName,
+      layoutId,
 
       /*hack*/
       isMyFormFetching,
@@ -45,6 +46,7 @@ export default class ZForm {
     this.dependencyMappings = dependencyMappings;
     this.context = context;
     this.focusedFieldName = focusedFieldName || null;
+    this.layoutId = layoutId;
     /*hack*/
 
     this.isMyFormFetching = isMyFormFetching;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.1.11",
+  "version": "1.1.12-temp-1",
   "description": "",
   "main": "es/index.js",
   "files": [
@@ -97,4 +97,4 @@
     "jsep": "0.3.5",
     "object-path-immutable": "4.1.2"
   }
-}
+}