@zohodesk/library-platform 1.1.10-exp.2 → 1.1.10-exp.3

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

@@ -0,0 +1,12 @@
+class SmartFormConstants {
+  static SMART_FORM_FIELD_FOCUSED = 'SMART_FORM#FIELD_FOCUSED';
+  static SMART_FORM_FIELD_BLURRED = 'SMART_FORM#FIELD_BLURRED';
+  static SMART_FORM_FIELD_VALUE_CHANGED = 'SMART_FORM#FIELD_VALUE_CHANGED';
+  static SMART_FORM_SUBMIT = 'SMART_FORM#SUBMIT';
+  static SMART_FORM_SUBMIT_CLICKED = 'SMART_FORM#SUBMIT_CLICKED';
+  static SMART_FORM_CANCEL_CLICKED = 'SMART_FORM#CANCEL_CLICKED';
+  static SMART_FORM_SUBMIT_SUCCESS = 'SMART_FORM#SUBMIT_SUCCESS';
+  static SMART_FORM_SUBMIT_FAILURE = 'SMART_FORM#SUBMIT_FAILED';
+}
+
+export default SmartFormConstants;

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,3 +1,3 @@
 .fieldsContainer {
-    padding-top: 1px
+    padding-top: var(--zd_size1) 
 }

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

@@ -137,18 +137,18 @@
 }
 
 .loader {
-    padding: 40px 0
+    padding: var(--zd_size40) 0 
 }
 
 .wrapper {
-    height: 100%;
-    width: 100%;
+    height: 100% ;
+    width: 100% ;
     z-index: 1;
     position: relative
 }
 
 .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
 }
 
@@ -157,32 +157,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 {
@@ -250,8 +250,8 @@
 }
 
 .rowDropIndicator {
-    width: 100%;
-    height: 2px;
+    width: 100% ;
+    height: var(--zd_size2) ;
     /* css:theme-validation:ignore */
     position: absolute;
     z-index: 2;
@@ -259,11 +259,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,19 +1,19 @@
 .actionContainer {
-    margin-top: 4px;
+    margin-top: 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 {
@@ -21,17 +21,17 @@
 }
 
 [dir=ltr] .paddingRight64 {
-    padding-right: 64px;
+    padding-right: var(--zd_size64) ;
 }
 
 [dir=rtl] .paddingRight64 {
-    padding-left: 64px;
+    padding-left: var(--zd_size64) ;
 }
 
 [dir=ltr] .paddingRight96 {
-    padding-right: 96px;
+    padding-right: var(--zd_size96) ;
 }
 
 [dir=rtl] .paddingRight96 {
-    padding-left: 96px;
+    padding-left: var(--zd_size96) ;
 }

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

@@ -4,37 +4,37 @@
 
 .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) ;
 }
 
 [dir=ltr] .paddingRight32 {
-    padding-right: 32px;
+    padding-right: var(--zd_size32) ;
 }
 
 [dir=rtl] .paddingRight32 {
-    padding-left: 32px;
+    padding-left: var(--zd_size32) ;
 }
 
 [dir=ltr] .paddingRight64 {
-    padding-right: 64px;
+    padding-right: var(--zd_size64) ;
 }
 
 [dir=rtl] .paddingRight64 {
-    padding-left: 64px;
+    padding-left: var(--zd_size64) ;
 }
 
 [dir=ltr] .paddingRight96 {
-    padding-right: 96px;
+    padding-right: var(--zd_size96) ;
 }
 
 [dir=rtl] .paddingRight96 {
-    padding-left: 96px;
+    padding-left: var(--zd_size96) ;
 }

package/es/platform/client-actions/cc/dynamic-action-component/Properties.js

@@ -0,0 +1,51 @@
+export const actionSchema = {
+  type: 'object',
+  properties: {
+    component: {
+      type: 'string'
+    },
+    id: {
+      type: 'string'
+    },
+    properties: {
+      type: 'object'
+    },
+    eventMappings: {
+      type: 'array',
+      minItems: 0,
+      items: {
+        type: 'object',
+        properties: {
+          action: {
+            type: 'object',
+            properties: {
+              event: {
+                type: 'string'
+              },
+              payload: {
+                type: 'object'
+              }
+            },
+            required: ['event', 'payload']
+          },
+          id: {
+            type: 'string'
+          },
+          sourceEvent: {
+            type: 'string'
+          }
+        },
+        required: ['id']
+      }
+    }
+  },
+  required: ['component', 'properties']
+};
+export default {
+  action: {
+    required: true,
+    typeMetadata: {
+      schema: actionSchema
+    }
+  }
+};

package/es/platform/client-actions/components/dynamic-component/domain/entities/interfaces/IState.js

@@ -0,0 +1 @@
+export {};

package/es/platform/client-actions/components/dynamic-component/frameworks/ui/DynamicActionComponent.js

@@ -0,0 +1,9 @@
+import { createCustomComponent } from "../../../../../../library/custom-component";
+import DynamicActionComponentProperties from "../../../../cc/dynamic-action-component/Properties";
+import DynamicActionComponentView from "./DynamicActionComponentView";
+export default createCustomComponent({
+  name: 'DynamicActionComponent',
+  properties: DynamicActionComponentProperties,
+  eventHandlers: {},
+  View: DynamicActionComponentView
+});

package/es/platform/client-actions/components/dynamic-component/frameworks/ui/DynamicActionComponentView.js

@@ -0,0 +1,38 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import ComponentRegistry from "../../../../../../library/custom-component/frameworks/ui/ComponentRegistry";
+import ActionComponentMapping from "../../../../../../library/dot/components/action-location/frameworks/ui/ActionComponentMapping";
+
+function DynamicComponentView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    action
+  } = state.properties;
+  const {
+    component,
+    properties,
+    eventMappings,
+    id: actionId
+  } = action;
+  const Component = ComponentRegistry.get(component) || ActionComponentMapping[component];
+
+  if (!Component) {
+    return /*#__PURE__*/React.createElement("div", {
+      ref: ref
+    }, "Error");
+  }
+
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    getRef: ref
+  }, properties, {
+    appendToActionPayload: {
+      eventMappings,
+      actionId
+    }
+  }));
+}
+
+export default DynamicComponentView;

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/client-actions/components/row-actions-renderer/frameworks/ui/RowActionsRenderer.js

@@ -0,0 +1,12 @@
+import { createCustomComponent } from "../../../../../../library/custom-component";
+import RowActionsRendererProperties from "../../../../cc/action-event-mediator/Properties";
+import RowActionsRendererView from "./RowActionsRendererView";
+import { ComponentRegistry } from "../../../../../../library";
+const RowActionsRendererComponent = createCustomComponent({
+  name: 'RowActionsRenderer',
+  properties: RowActionsRendererProperties,
+  eventHandlers: {},
+  View: RowActionsRendererView
+});
+ComponentRegistry.register("RowActionsRenderer", RowActionsRendererComponent);
+export default RowActionsRendererComponent;

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

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

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActionsRendererView.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import Flex from '@zohodesk/layout/es/Flex/Flex';
+import DynamicActionComponent from "../../../dynamic-component/frameworks/ui/DynamicActionComponent";
+import { ActionViewGap } from "../../../interfaces/ActionViewModel";
+// @ts-ignore
+import style from "./RowActionsRenderer.module.css";
+
+function RowActionsRendererView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    actions,
+    gap,
+    testId
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Flex, {
+    ref: ref,
+    testId: testId,
+    customId: testId,
+    $ui_displayMode: "inline",
+    $ui_alignItems: "center",
+    $ui_className: `${style.wrapper} ${gap !== ActionViewGap.NONE ? style[`gap_${gap}`] : ''}`
+  }, actions.map((action, index) => {
+    return /*#__PURE__*/React.createElement(DynamicActionComponent, {
+      action: action,
+      key: index
+    });
+  }));
+}
+
+;
+export default RowActionsRendererView;

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

@@ -0,0 +1,18 @@
+const fetchDependencyMappings = {
+  name: 'fetchDependencyMappings',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/dependencyMappings',
+  parameters: `{"layoutId":"{{layoutId}}"}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default fetchDependencyMappings;

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

@@ -0,0 +1,29 @@
+// Assuming GetTemplate interface is defined
+const fetchLayoutRules = {
+  name: 'fetchLayoutRules',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/layouts/{{layoutId}}/layoutRules',
+  parameters: `{"activeRulesOnly":{{activeRulesOnly}}}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    activeRulesOnly: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'boolean'
+        }
+      },
+      defaultValue: true // Assuming true as a default if parameter is optional
+
+    }
+  }
+};
+export default fetchLayoutRules;

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

@@ -0,0 +1,19 @@
+// Assuming similar structure to PatchTemplate
+const fetchMyForm = {
+  name: 'myFormFetch',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/myForm',
+  parameters: `{"layoutId":"{{layoutId}}"}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default fetchMyForm;

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

@@ -0,0 +1,43 @@
+// Assumed you have a GetTemplate interface similar to PatchTemplate
+const fetchMyLayouts = {
+  name: 'myLayoutsFetch',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/myLayouts',
+  parameters: `{"module":"{{module}}","departmentId":"{{departmentId}}","from":"{{from}}","limit":"{{limit}}"}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    module: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    departmentId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    from: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    limit: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default fetchMyLayouts;

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

@@ -0,0 +1,30 @@
+// Assuming GetTemplate interface is similar to PatchTemplate
+import { transFormValidationRules } from "../utils/validation-rules/TransFormValidationRules";
+const fetchValidationRules = {
+  name: 'fetchValidationRules',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/layouts/{{layoutId}}/validationRules',
+  parameters: `{"activeRulesOnly":{{activeRulesOnly}}}`,
+  type: 'GET',
+  transformer: transFormValidationRules,
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    activeRulesOnly: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'boolean'
+        }
+      },
+      defaultValue: true // Assuming default behavior if not provided
+
+    }
+  }
+};
+export default fetchValidationRules;

package/es/platform/zlist/adapters/presenters/translators/ColumnAlignmentTranslator.js

@@ -0,0 +1,11 @@
+import { Alignment } from "../../../../../cc/table-list/data-types/Header";
+
+function ColumnAlignmentTranslator(type) {
+  if (type === 'Boolean') {
+    return Alignment.Center;
+  } else {
+    return Alignment.Left;
+  }
+}
+
+export default ColumnAlignmentTranslator;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.1.10-exp.2",
+  "version": "1.1.10-exp.3",
   "description": "",
   "main": "es/index.js",
   "files": [