@zohodesk/library-platform 1.1.13 → 1.2.0-exp.1

package/es/cc/text/Properties.js

@@ -7,6 +7,106 @@ export default {
       }
     }
   },
+  size: {
+    required: false,
+    defaultValue: "14",
+    typeMetadata: {
+      schema: {
+        type: "string",
+        enum: ["7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "24", "25", "26", "28", "29", "30", "32", "34", "35", "36", "40", "50", "inherit"]
+      }
+    }
+  },
+  textAlign: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "string",
+        enum: ["left", "right", "center", "justify"]
+      }
+    }
+  },
+  wordBreak: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "string",
+        enum: ["breakAll", "keepAll", "breakWord"]
+      }
+    }
+  },
+  lineClamp: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "string",
+        enum: ["1", "2", "3", "4", "5"]
+      }
+    }
+  },
+  lineHeight: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "string",
+        enum: ["0", "0.1", "0.2", "0.3", "0.4", "0.5", "0.6", "0.7", "0.8", "0.9", "1", "1.1", "1.2", "1.3", "1.4", "1.5", "1.6", "1.7", "1.8", "1.9", "2", "normal", "initial", "inherit"]
+      }
+    }
+  },
+  letterSpacing: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "string",
+        enum: ["0.1", "0.2", "0.3", "0.4", "0.5", "0.6", "0.7", "0.8", "0.9", "1", "1.1", "1.2", "1.3", "1.4", "1.5", "1.6", "1.7", "1.8", "1.9", "2", "inherit"]
+      }
+    }
+  },
+  display: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "string",
+        enum: ["block", "inlineBlock", "inline", "initial"]
+      }
+    }
+  },
+  decoration: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "string",
+        enum: ["default", "underline", "strike", "overline"]
+      }
+    }
+  },
+  whiteSpace: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "string",
+        enum: ["normal", "noWrap", "pre", "preLine", "preWrap"]
+      }
+    }
+  },
+  wordWrap: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "string",
+        enum: ["normal", "break"]
+      }
+    }
+  },
+  transform: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "string",
+        enum: ["default", "upper", "lower", "capital"]
+      }
+    }
+  },
   weight: {
     required: false,
     typeMetadata: {

package/es/cc/textbox/Properties.js

@@ -49,7 +49,7 @@ export default {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'string'
+        type: ['string', 'number']
       }
     }
   },

package/es/index.js

@@ -5,7 +5,9 @@ import ExternalConstants from "./cc/table-connected/constants/ExternalConstants"
 import ActionEventMediator from "./platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import RowActionsRenderer from "./platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 import AdaptiveRowActionsRenderer from "./platform/client-actions/components/row-actions-renderer/frameworks/ui/AdaptiveRowActions/AdaptiveRowActionsRenderer";
-import ClientActionReordererRegistry from "./platform/client-actions/components/action-event-mediator/frameworks/ui/ClientActionReordererRegistry"; // Rebuild SmartTableConstants without Events
+import ClientActionReordererRegistry from "./platform/client-actions/components/action-event-mediator/frameworks/ui/ClientActionReordererRegistry";
+import ClientActionsFetchSDK from "./platform/client-actions/behaviour/zclient-actions/adapters/resources/ClientActionsFetchSDK";
+import ClientScriptsFetchSDK from "./platform/client-scripts/behaviour/zclient-scripts-fetch/adapters/resources/ClientScriptsFetchSDK"; // Rebuild SmartTableConstants without Events
 
 const SmartTableConstants = {
   ExternalConstants
@@ -17,7 +19,7 @@ export const CC = { ...CCNamespace,
 import * as _BC from "./bc";
 export { _BC as BC };
 export * from "./library/analytics";
-export { TableConnectedFactory, FormConnectedFactory, SmartActionBandFactory } from "./platform/components";
+export { TableConnectedFactory, FormConnectedFactory, SmartNavigation, createSmartNavigation, SmartActionBandFactory } from "./platform/components";
 export { ComponentRegistry, createCustomComponent } from "./library";
 export { default as TableFieldComponents } from "./library/dot/legacy-to-new-arch/table-field-components";
 import * as _Components from "./library/dot/legacy-to-new-arch";
@@ -27,6 +29,7 @@ export { sdkRegistry } from "./platform/sdk/frameworks/SdkRegistry";
 export { AppResource } from "./platform/components/app/adapters/resources/AppResource";
 export { fetchClientActions } from "./platform/client-actions/components/action-event-mediator/frameworks/ui/ClientActionsAdapter";
 export { ZFormApiActionName } from "./bc/zform/Constants";
+export { RecordApiActionName } from "./bc/zrecord/Constants";
 export { transFormValidationRules } from "./platform/data-source/utils/validation-rules/TransFormValidationRules";
 export { AdaptiveRowActionsRenderer };
 export { ActionEventMediator };
@@ -39,4 +42,6 @@ export const Behaviours = {
   FieldSectionEventMappingBehaviourFactory
 };
 export * from "./library/analytics";
-export { ClientActionReordererRegistry };
+export { ClientActionReordererRegistry };
+export { ClientActionsFetchSDK };
+export { ClientScriptsFetchSDK };

package/es/library/behaviours/clip-wrap/applications/usecases/ClipWrapUpdateUseCase.js

@@ -0,0 +1,19 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ClipWrapUpdateUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const {
+      mode
+    } = input;
+    const clipWrap = repository.getClipWrapEntity();
+    clipWrap.setValue(mode);
+    presenter.updateClipWrap(clipWrap.toObject());
+  }
+
+}
+
+export default ClipWrapUpdateUseCase;

package/es/library/behaviours/library-loader/adapters/controllers/LibraryLoaderController.js

@@ -0,0 +1,17 @@
+export class LibraryLoaderController {
+  constructor(loadLibraryUseCase, scriptId) {
+    this.loadLibraryUseCase = loadLibraryUseCase;
+    this.scriptId = scriptId;
+  }
+
+  handleMount(_ref) {
+    let {
+      dispatch
+    } = _ref;
+    this.loadLibraryUseCase.execute({
+      dispatch,
+      scriptId: this.scriptId
+    });
+  }
+
+}

package/es/library/behaviours/library-loader/adapters/gateways/LibraryLoaderAdapter.js

@@ -0,0 +1,29 @@
+export class LibraryLoaderAdapter {
+  constructor(url) {
+    this.url = url;
+  }
+
+  isScriptLoaded() {
+    return Array.from(document.querySelectorAll('script[data-library-loader-script="true"]')).some(script => script.src === this.url);
+  }
+
+  loadScript() {
+    if (this.isScriptLoaded()) {
+      return Promise.resolve();
+    }
+
+    return new Promise((resolve, reject) => {
+      const script = document.createElement('script');
+      script.src = this.url;
+      script.async = true;
+      script.setAttribute('data-library-loader-script', 'true');
+
+      script.onload = () => resolve();
+
+      script.onerror = () => reject(new Error(`Failed to load script: ${this.url}`));
+
+      document.head.appendChild(script);
+    });
+  }
+
+}

package/es/library/behaviours/library-loader/applications/usecases/LoadLibraryUseCase.js

@@ -0,0 +1,42 @@
+export class LoadLibraryUseCase {
+  constructor(loader) {
+    this.loader = loader;
+  }
+
+  async execute(_ref) {
+    let {
+      dispatch,
+      scriptId
+    } = _ref;
+
+    // If the loader has isScriptLoaded, use it
+    if (typeof this.loader.isScriptLoaded === 'function' && this.loader.isScriptLoaded()) {
+      dispatch({
+        type: 'LIBRARY_LOADER#ALREADY_LOADED',
+        payload: {
+          scriptId: scriptId
+        }
+      });
+      return;
+    }
+
+    try {
+      await this.loader.loadScript();
+      dispatch({
+        type: 'LIBRARY_LOADER#SUCCESS',
+        payload: {
+          scriptId: scriptId
+        }
+      });
+    } catch (error) {
+      dispatch({
+        type: 'LIBRARY_LOADER#FAILURE',
+        payload: {
+          scriptId: scriptId,
+          error: error.message
+        }
+      });
+    }
+  }
+
+}

package/es/library/behaviours/library-loader/domain/entities/interfaces/ILibraryLoader.js

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

package/es/library/behaviours/library-loader/frameworks/LibraryLoaderBehaviour.js

@@ -0,0 +1,26 @@
+import { LibraryLoaderAdapter } from "../adapters/gateways/LibraryLoaderAdapter";
+import { LoadLibraryUseCase } from "../applications/usecases/LoadLibraryUseCase";
+import { LibraryLoaderController } from "../adapters/controllers/LibraryLoaderController";
+export function LibraryLoaderBehaviour(scriptId, url) {
+  const loader = new LibraryLoaderAdapter(url);
+  const loadLibraryUseCase = new LoadLibraryUseCase(loader);
+  const controller = new LibraryLoaderController(loadLibraryUseCase, scriptId);
+  return {
+    name: 'LibraryLoaderBehaviour',
+    setInitialState: () => ({}),
+    eventHandlers: {
+      MOUNT: controller.handleMount.bind(controller)
+    },
+    properties: {
+      url: {
+        required: true,
+        defaultValue: url,
+        typeMetadata: {
+          schema: {
+            type: 'string'
+          }
+        }
+      }
+    }
+  };
+}

package/es/library/behaviours/search/adapters/controllers/UpdatePropertiesController.js

@@ -9,12 +9,17 @@ class UpdatePropertiesController extends AbstractController {
       state,
       updateState,
       action
-    } = event; // console.log("UpdatePropertiesController action:", action);
-
+    } = event;
     const {
-      searchString,
-      previousSearchString
+      currentProperties,
+      previousProperties
     } = action.payload;
+    const {
+      searchString: previousSearchString
+    } = previousProperties;
+    const {
+      searchString
+    } = currentProperties;
     updatePropertiesUsecase.updateDependencies(state, updateState);
     updatePropertiesUsecase.execute({
       searchString,

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

@@ -43,11 +43,11 @@ class EventManager {
   }
 
   unSubscribe(events) {
-    events.forEach((eventHandlers, key) => {
-      this._element && eventHandlers.map(eventHandler => {
+    if (this._element) {
+      events.forEach((eventHandler, key) => {
         this._element.removeEventListener(key, eventHandler);
       });
-    });
+    }
   }
 
   dispatch(event) {
@@ -92,6 +92,7 @@ class EventManager {
         code: ErrorCode.InvalidSchema,
         error: e
       };
+      __DEVELOPMENT__ && console.error('Schema Validation Error: ', e);
     }
 
     return error;

package/es/library/custom-component/applications/usecases/DispatchUseCase.js

@@ -35,6 +35,7 @@ class DispatchUseCase extends AbstractUseCase {
         eventManager.dispatch(action);
       }
     } catch (e) {
+      __DEVELOPMENT__ && console.error('ACA DispatchUseCase Error: ', e);
       component.setError(e);
       presenter.setError(e);
     }

package/es/library/custom-component/applications/usecases/InitializeUseCase.js

@@ -15,6 +15,7 @@ class InitializeUseCase extends AbstractUseCase {
       let state = component.getState();
       presenter.render(state);
     } catch (e) {
+      __DEVELOPMENT__ && console.error('ACA InitializeUseCase Error: ', e);
       const error = component.getClassifiedErrorStructure(e);
       component.setError(error);
       presenter.setError(error);

package/es/library/custom-component/applications/usecases/MountUseCase.js

@@ -18,6 +18,7 @@ class MountUsecase extends AbstractUseCase {
         eventManager.dispatch(mountAction);
       }
     } catch (e) {
+      __DEVELOPMENT__ && console.error('ACA MountUsecase Error: ', e);
       component.setError(e);
       presenter.setError(e);
     }

package/es/library/custom-component/applications/usecases/SetRefUseCase.js

@@ -11,6 +11,12 @@ class SetRefUseCase extends AbstractUseCase {
       eventManager
     } = this.dependencies;
     const component = repository.getComponent();
+
+    if (!component) {
+      // NOTE:  need to check why component is null
+      return;
+    }
+
     const eventHandlers = component.getEventHandlersWrapper();
 
     try {
@@ -20,6 +26,7 @@ class SetRefUseCase extends AbstractUseCase {
         eventManager.subscribe(eventHandlers);
       }
     } catch (e) {
+      __DEVELOPMENT__ && console.error('ACA SetRefUseCase Error: ', e);
       const error = component.getClassifiedErrorStructure(e);
       component.setError(error);
       presenter.setError(error);

package/es/library/custom-component/applications/usecases/UnmountUseCase.js

@@ -16,6 +16,7 @@ class UnmountUsecase extends AbstractUseCase {
       eventManager.unSubscribe(eventHanlders);
       repository.clear();
     } catch (e) {
+      __DEVELOPMENT__ && console.error('ACA UnmountUsecase Error: ', e);
       component.setError(null);
       presenter.setError(null);
     }

package/es/library/custom-component/applications/usecases/UpdatePropertyUseCase.js

@@ -28,6 +28,7 @@ class UpdatePropertyUseCase extends AbstractUseCase {
         }));
       }
     } catch (error) {
+      __DEVELOPMENT__ && console.error('ACA UpdatePropertyUseCase Error: ', error);
       component.setError(error);
       presenter.setError(error);
     }

package/es/library/custom-component/domain/entities/Component.js

@@ -210,6 +210,7 @@ export default class Component {
               ...helpers
             });
           } catch (e) {
+            __DEVELOPMENT__ && console.error(`ACA ${key} Event Handler Error: `, e);
             const error = {
               code: ErrorCodes.EVENT_HANDLER_FAILED,
               message: 'Error occurred in event handler for event ' + key,

package/es/library/custom-component/domain/entities/Logger.js

@@ -12,7 +12,7 @@ export default class Logger {
 
 
   logPropertiesValidation(validationResults) {
-    if (__DEVELOPMENT__) {
+    if (__DEVELOPMENT__ && validationResults) {
       console.group(`%cProperties Validation: %c${this.componentName}`, ERROR_PRIMARY, ERROR_SECONDARY, validationResults);
       validationResults.forEach(_ref => {
         let {
@@ -44,14 +44,9 @@ export default class Logger {
         return;
       }
 
-      console.group(`%cError Occurred: %c${this.componentName}`, ERROR_PRIMARY, ERROR_SECONDARY, error);
-      console.error(`%cError Code: %c${error.code}`, ERROR_PRIMARY, ERROR_SECONDARY);
-      console.error(`%cError Message: %c${error.message}`, ERROR_PRIMARY, ERROR_SECONDARY);
-
-      if (error.errorDetails?.originalError) {
-        console.error(error.errorDetails.originalError);
-      }
-
+      console.group(`%cError Occurred: %c${this.componentName}`, ERROR_SECONDARY, ERROR_PRIMARY, error);
+      console.error(`%cError Code: %c${error.code}`, ERROR_SECONDARY, ERROR_PRIMARY);
+      console.error(`%cError Message: %c${error.message}`, ERROR_SECONDARY, ERROR_PRIMARY);
       console.groupEnd();
     }
   }

package/es/library/dot/components/form-fields/currency/frameworks/ui/CurrencyView.js

@@ -18,6 +18,7 @@ function CurrencyView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -54,6 +55,7 @@ function CurrencyView(_ref, ref) {
     id: id,
     value: formattedValue,
     placeholder: placeholder,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/form-fields/decimal/frameworks/ui/DecimalView.js

@@ -13,6 +13,7 @@ function DecimalView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -42,6 +43,7 @@ function DecimalView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     required: required,
     disabled: disabled,
     readonly: readonly,

package/es/library/dot/components/form-fields/email/frameworks/ui/Email.js

@@ -1,5 +1,5 @@
 import { createCustomComponent } from "../../../../../../custom-component";
-import EmailProperties from "../../../../../../../cc/fields/text/Properties";
+import EmailProperties from "../../../../../../../cc/fields/email/Properties";
 import EmailView from "./EmailView";
 import EventHandlersFactory from "./EventHandlerFactory";
 import FocusFieldBehaviourFactory from "../../../../../../behaviours/field-focus/frameworks/ui/FocusFieldBehaviourFactory";

package/es/library/dot/components/form-fields/email/frameworks/ui/EmailView.js

@@ -13,6 +13,7 @@ function EmailView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     disabled,
     readonly,
     errorMessage,
@@ -42,6 +43,7 @@ function EmailView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/form-fields/number/frameworks/ui/NumberView.js

@@ -13,6 +13,7 @@ function NumberView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -42,6 +43,7 @@ function NumberView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/form-fields/phone/frameworks/ui/PhoneView.js

@@ -13,6 +13,7 @@ function PhoneView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -42,6 +43,7 @@ function PhoneView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/form-fields/textarea/frameworks/ui/TextArea.js

@@ -1,5 +1,5 @@
 import { createCustomComponent } from "../../../../../../custom-component";
-import TextAreaProperties from "../../../../../../../cc/fields/text/Properties";
+import TextAreaProperties from "../../../../../../../cc/fields/multi-line/Properties";
 import TextAreaView from "./TextAreaView";
 import EventHandlerFactory from "./EventHandlerFactory";
 import FocusFieldBehaviourFactory from "../../../../../../behaviours/field-focus/frameworks/ui/FocusFieldBehaviourFactory";

package/es/library/dot/components/form-fields/textarea/frameworks/ui/TextAreaView.js

@@ -20,7 +20,8 @@ function TextAreaView(_ref, ref) {
     uiConfig,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    maxLength
   } = state.properties;
   const {
     size,
@@ -46,7 +47,8 @@ function TextAreaView(_ref, ref) {
     disabled: disabled,
     readonly: readonly,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    maxLength: maxLength
   })));
 }
 

package/es/library/dot/components/form-fields/textbox/frameworks/ui/TextBoxView.js

@@ -13,6 +13,7 @@ function TextBoxView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     errorMessage,
     disabled,
     readonly,
@@ -42,6 +43,7 @@ function TextBoxView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     required: required,
     disabled: disabled,
     readonly: readonly,

package/es/library/dot/components/form-fields/url/frameworks/ui/UrlView.js

@@ -13,6 +13,7 @@ function UrlView(_ref, ref) {
     label,
     value,
     placeholder,
+    maxLength,
     uiConfig,
     errorMessage,
     disabled,
@@ -42,6 +43,7 @@ function UrlView(_ref, ref) {
     id: id,
     placeholder: placeholder,
     value: value,
+    maxLength: maxLength,
     disabled: disabled,
     readonly: readonly,
     required: required,

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/HeaderData.js

@@ -41,7 +41,7 @@ function HeaderData(_ref) {
       },
       $customProps_container: hasActions ? {
         $ui_displayMode: 'flex',
-        $ui_alignItems: 'center',
+        $ui_alignItems: isMultiline ? 'baseline' : 'center',
         $ui_justifyContent: AlignmentOfFlex[alignment]
       } : null,
       customStyle: hasActions ? {

package/es/library/dot/legacy-to-new-arch/table-field-components/text-field/frameworks/ui/TextFieldView.js

@@ -6,6 +6,16 @@ export default function TextFieldView(_ref, ref) {
   } = _ref;
   const {
     text,
+    size,
+    display,
+    decoration,
+    textAlign,
+    lineClamp,
+    lineHeight,
+    transform,
+    whiteSpace,
+    wordWrap,
+    wordBreak,
     weight,
     isDotted,
     tooltip
@@ -13,6 +23,16 @@ export default function TextFieldView(_ref, ref) {
   return /*#__PURE__*/React.createElement(Text, {
     getRef: ref,
     text: text,
+    size: size,
+    display: display,
+    decoration: decoration,
+    textAlign: textAlign,
+    lineClamp: lineClamp,
+    lineHeight: lineHeight,
+    transform: transform,
+    whiteSpace: whiteSpace,
+    wordWrap: wordWrap,
+    wordBreak: isDotted ? wordBreak : 'breakWord',
     tooltip: tooltip,
     weight: weight,
     isDotted: isDotted

package/es/library/dot/legacy-to-new-arch/text/frameworks/ui/Text.js

@@ -5,7 +5,7 @@ let WrapText = createCustomComponent({
   name: "TableText",
   View: TextView,
   properties: TextProperties,
-  actions: TextActions,
-  actionHandlers: {}
+  events: TextActions,
+  eventHandlers: {}
 });
 export default WrapText;