@zohodesk/library-platform 1.2.2-exp.2 → 1.2.2-exp.6

package/es/cc/action-status/Constants.js

@@ -0,0 +1,5 @@
+class Constants {
+  static ACTION_STATUS_ACTION_CLICKED = "ACTION_STATUS#ACTION_CLICKED";
+}
+
+export default Constants;

package/es/cc/action-status/Events.js

@@ -0,0 +1,6 @@
+import Constants from "./Constants";
+let Events = [{
+  type: Constants.ACTION_STATUS_ACTION_CLICKED,
+  payload: {}
+}];
+export default Events;

package/es/cc/action-status/Properties.js

@@ -0,0 +1,29 @@
+export default {
+  label: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  actionLabel: {
+    defaultValue: 'Undo',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  hasAction: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  }
+};

package/es/cc/action-status/index.js

@@ -0,0 +1,3 @@
+export { default as ActionStatusProperties } from "./Properties";
+export { default as ActionStatusEvents } from "./Events";
+export { default as ActionStatusConstants } from "./Constants";

package/es/cc/button/Properties.js

@@ -73,5 +73,33 @@ export default {
         type: 'string'
       }
     }
+  },
+  iconName: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  iconSize: {
+    defaultValue: '14',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  iconPosition: {
+    defaultValue: 'right',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['left', 'right']
+      }
+    }
   }
 };

package/es/cc/date/Properties.js

@@ -1,3 +1,4 @@
+import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   id: {
     defaultValue: '',
@@ -79,5 +80,19 @@ export default {
         type: 'array'
       }
     }
+  },
+  clientScripts: {
+    required: false,
+    typeMetadata: {
+      schema: clientScriptsSchema
+    }
+  },
+  context: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'object'
+      }
+    }
   }
 };

package/es/cc/fields/field/Events.js

@@ -29,6 +29,14 @@ const Events = [{
           type: 'any'
         }
       }
+    },
+    previousValue: {
+      name: 'previousValue',
+      typeMetadata: {
+        schema: {
+          type: 'any'
+        }
+      }
     }
   }
 }];

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

@@ -1,3 +1,4 @@
+import { clientScriptsSchema } from "../../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   type: {
     required: false,
@@ -193,10 +194,16 @@ export default {
     }
   },
   clientScripts: {
+    required: false,
+    typeMetadata: {
+      schema: clientScriptsSchema
+    }
+  },
+  context: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'array'
+        type: 'object'
       }
     }
   }

package/es/cc/form/Properties.js

@@ -97,5 +97,13 @@ export default {
     typeMetadata: {
       schema: clientScriptsSchema
     }
+  },
+  context: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'object'
+      }
+    }
   }
 };

package/es/cc/highlighted-value/Properties.js

@@ -52,5 +52,33 @@ export default {
         enum: ["default", "pointer"]
       }
     }
+  },
+  iconName: {
+    required: false,
+    defaultValue: '',
+    typeMetadata: {
+      schema: {
+        type: "string"
+      }
+    }
+  },
+  iconSize: {
+    required: false,
+    defaultValue: '14',
+    typeMetadata: {
+      schema: {
+        type: "string"
+      }
+    }
+  },
+  iconPosition: {
+    required: false,
+    defaultValue: 'right',
+    typeMetadata: {
+      schema: {
+        type: "string",
+        enum: ['left', 'right']
+      }
+    }
   }
 };

package/es/cc/index.js

@@ -10,6 +10,7 @@ export * from "./table-list";
 export * from "./tags";
 export * from "./text";
 export * from "./action-icon";
+export * from "./action-status";
 export * from "./empty-state";
 export * from "./textbox";
 export * from "./textarea";

package/es/cc/label/Properties.js

@@ -1,9 +1,10 @@
+import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   label: {
     required: false,
     typeMetadata: {
       schema: {
-        type: "string"
+        type: 'string'
       }
     }
   },
@@ -11,7 +12,7 @@ export default {
     required: false,
     typeMetadata: {
       schema: {
-        type: "string"
+        type: 'string'
       }
     }
   },
@@ -20,7 +21,7 @@ export default {
     defaultValue: [],
     typeMetadata: {
       schema: {
-        type: "array"
+        type: 'array'
       }
     }
   },
@@ -29,15 +30,21 @@ export default {
     defaultValue: false,
     typeMetadata: {
       schema: {
-        type: "boolean"
+        type: 'boolean'
       }
     }
   },
   clientScripts: {
+    required: false,
+    typeMetadata: {
+      schema: clientScriptsSchema
+    }
+  },
+  context: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'array'
+        type: 'object'
       }
     }
   }

package/es/cc/multi-select/Properties.js

@@ -1,3 +1,4 @@
+import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   id: {
     defaultValue: '',
@@ -92,10 +93,16 @@ export default {
     }
   },
   clientScripts: {
+    required: false,
+    typeMetadata: {
+      schema: clientScriptsSchema
+    }
+  },
+  context: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'array'
+        type: 'object'
       }
     }
   }

package/es/cc/radio-dropdown/Events.js

@@ -25,6 +25,22 @@ export default [{
           type: 'string'
         }
       }
+    },
+    previousId: {
+      name: 'previousId',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    previousValue: {
+      name: 'previousValue',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
     }
   }
 }, {

package/es/cc/section/Properties.js

@@ -14,6 +14,7 @@ import PercentProperties from "../fields/percent/Properties";
 import PhoneProperties from "../fields/phone/Properties";
 import PickListProperties from "../fields/pick-list/Properties";
 import UrlProperties from "../fields/url/Properties";
+import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   id: {
     required: false,
@@ -108,10 +109,16 @@ export default {
     }
   },
   clientScripts: {
+    required: false,
+    typeMetadata: {
+      schema: clientScriptsSchema
+    }
+  },
+  context: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'array'
+        type: 'object'
       }
     }
   },

package/es/cc/select/Properties.js

@@ -1,3 +1,4 @@
+import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   id: {
     defaultValue: '',
@@ -84,10 +85,16 @@ export default {
     }
   },
   clientScripts: {
+    required: false,
+    typeMetadata: {
+      schema: clientScriptsSchema
+    }
+  },
+  context: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'array'
+        type: 'object'
       }
     }
   }

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

@@ -97,6 +97,15 @@ export default {
       }
     }
   },
+  emptyStateMessage: {
+    defaultValue: "No results found",
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "string"
+      }
+    }
+  },
   clearFilterLabel: {
     defaultValue: "Clear Filter",
     required: false,

package/es/cc/table-list/Events.js

@@ -63,6 +63,14 @@ const Events = [{
           type: 'date'
         }
       }
+    },
+    previousValue: {
+      name: 'previousValue',
+      typeMetadata: {
+        schema: {
+          type: 'any'
+        }
+      }
     }
   }
 }, {

package/es/cc/textarea/Properties.js

@@ -1,3 +1,4 @@
+import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   id: {
     required: false,
@@ -75,5 +76,19 @@ export default {
         }
       }
     }
+  },
+  clientScripts: {
+    required: false,
+    typeMetadata: {
+      schema: clientScriptsSchema
+    }
+  },
+  context: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'object'
+      }
+    }
   }
 };

package/es/cc/textbox/Properties.js

@@ -1,3 +1,4 @@
+import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   id: {
     defaultValue: '',
@@ -92,10 +93,16 @@ export default {
     }
   },
   clientScripts: {
+    required: false,
+    typeMetadata: {
+      schema: clientScriptsSchema
+    }
+  },
+  context: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'array'
+        type: 'object'
       }
     }
   }

package/es/index.js

@@ -3,11 +3,10 @@ import * as CCNamespace from "./cc"; // Import only the ExternalConstants
 
 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";
 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
+import ClientScriptsFetchSDK from "./platform/client-scripts/behaviour/zclient-scripts-fetch/adapters/resources/ClientScriptsFetchSDK";
+import ClientActionsRenderer from "./platform/client-actions/components/client-actions-renderer/frameworks/ui/client-actions-renderer/ClientActionsRenderer"; // Rebuild SmartTableConstants without Events
 
 const SmartTableConstants = {
   ExternalConstants
@@ -31,9 +30,7 @@ export { fetchClientActions } from "./platform/client-actions/components/action-
 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 };
-export { RowActionsRenderer };
 export { renderField } from "./library/dot/components/section/frameworks/ui/RenderField";
 export { default as ResourceNamesEnum } from "./bc/sdk/ResourceNamesEnum";
 import { FieldSectionEventMappingBehaviourFactory } from "./library/dot/components/section/frameworks/ui/Section";
@@ -44,4 +41,5 @@ export const Behaviours = {
 export * from "./library/analytics";
 export { ClientActionReordererRegistry };
 export { ClientActionsFetchSDK };
-export { ClientScriptsFetchSDK };
+export { ClientScriptsFetchSDK };
+export { ClientActionsRenderer };

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

@@ -14,6 +14,7 @@ import ListItem from "../../../../legacy-to-new-arch/list-item/frameworks/ui/Lis
 import Ribbon from "../../../../legacy-to-new-arch/ribbon/frameworks/ui/Ribbon";
 import Search from "../../../../legacy-to-new-arch/action-band-components/search/frameworks/ui/Search";
 import SortDropdown from "../../../../legacy-to-new-arch/sort-dropdown/frameworks/ui/SortDropdown";
+import ActionStatus from "../../../action-status/frameworks/ui/ActionStatus";
 const ActionComponentMapping = {
   ['ActionIcon']: ActionIcon,
   ['Button']: Button,
@@ -29,6 +30,7 @@ const ActionComponentMapping = {
   ['HighlightedValue']: HighlightedValue,
   ['Ribbon']: Ribbon,
   ['Search']: Search,
-  ['SortDropdown']: SortDropdown
+  ['SortDropdown']: SortDropdown,
+  ['ActionStatus']: ActionStatus
 };
 export default ActionComponentMapping;

package/es/library/dot/components/action-status/frameworks/ui/ActionStatus.js

@@ -0,0 +1,12 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import ActionStatusProperties from "../../../../../../cc/action-status/Properties";
+import ActionStatusEvents from "../../../../../../cc/action-status/Events";
+import ActionStatusView from "./ActionStatusView";
+let ActionStatus = createCustomComponent({
+  name: "ActionStatus",
+  View: ActionStatusView,
+  properties: ActionStatusProperties,
+  events: ActionStatusEvents,
+  eventHandlers: {}
+});
+export default ActionStatus;

package/es/library/dot/components/action-status/frameworks/ui/ActionStatusView.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import Flex from '@zohodesk/layout/es/Flex/Flex';
+import ColoredTypography from '@zohodesk-private/desk-components/es/ColoredTypography/ColoredTypography';
+import Button from '@zohodesk-private/dot-registry/es/Button/Button';
+import { ActionStatusConstants } from "../../../../../../cc"; // @ts-ignore
+
+import styles from "./css/ActionStatus.module.css";
+
+function ActionStatusView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  let {
+    dispatch
+  } = helpers;
+  let {
+    label,
+    actionLabel,
+    hasAction
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Flex, {
+    ref: ref,
+    $ui_displayMode: "inline",
+    $ui_alignItems: "center",
+    $ui_direction: "row",
+    $ui_className: styles.container,
+    $a11yAttributes_container: {
+      'role': 'status',
+      'aria-live': 'polite',
+      'aria-busy': true
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.spinner,
+    "aria-hidden": "true"
+  }), label && /*#__PURE__*/React.createElement(ColoredTypography, {
+    $ui_size: "15",
+    $ui_weight: "regular",
+    $ui_color: "grey",
+    $flag_dotted: true,
+    $ui_className: styles.label
+  }, label), hasAction && /*#__PURE__*/React.createElement(Button, {
+    palette: "plainPrimary",
+    needAppearance: true,
+    text: actionLabel,
+    onClick: () => {
+      dispatch({
+        type: ActionStatusConstants.ACTION_STATUS_ACTION_CLICKED
+      });
+    },
+    customClass: {
+      customButton: styles.actionButton
+    }
+  }));
+}
+
+export default ActionStatusView;

package/es/library/dot/components/action-status/frameworks/ui/css/ActionStatus.module.css

@@ -0,0 +1,61 @@
+@property --_fill {
+  syntax: '<angle>';
+  inherits: false;
+  initial-value: 0deg;
+}
+
+.container {
+  gap: 8px;
+}
+
+.spinner {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  /* COLOR VARIABLES TO BE UPDATED PROPERLY USING COMMON COLORS */
+  flex-shrink: 0;
+  box-sizing: border-box;
+  border-radius: 50%;
+  border: 1px solid transparent;
+  background:
+    conic-gradient(var(--zdt_coloredtypography_grey_text) var(--_fill, 0deg),
+      var(--zdt_filterdropdown_clearbutton_bg) var(--_fill, 0deg)) content-box,
+    conic-gradient(var(--zdt_coloredtypography_grey_text) 0deg var(--_fill, 0deg),
+      transparent var(--_fill, 0deg) 360deg) border-box,
+    conic-gradient(transparent 0deg 4deg,
+      var(--zdt_coloredtypography_grey_text) 4deg 86deg,
+      transparent 86deg 94deg,
+      var(--zdt_coloredtypography_grey_text) 94deg 176deg,
+      transparent 176deg 184deg,
+      var(--zdt_coloredtypography_grey_text) 184deg 266deg,
+      transparent 266deg 274deg,
+      var(--zdt_coloredtypography_grey_text) 274deg 356deg,
+      transparent 356deg 360deg) border-box;
+}
+
+[dir=ltr] .spinner {
+  animation: fill 9s linear infinite;
+}
+
+[dir=rtl] .spinner {
+  animation: fill 9s linear infinite;
+}
+
+@keyframes fill {
+  0% {
+    --_fill: 0deg;
+  }
+
+  100% {
+    --_fill: 360deg;
+  }
+}
+
+.label {
+  line-height: 1.07;
+}
+
+.actionButton {
+  --button_font_size: 15px;
+  --button_text_transform: none;
+}

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

@@ -47,7 +47,8 @@ export function TransformState(state) {
     footerLeftActions,
     footerRightActions,
     rightPanel,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties; // const { values, errorMessages } = state.behaviours.form;
 
   const updatedSections = updateFieldValues({
@@ -67,6 +68,7 @@ export function TransformState(state) {
       footerLeftActions,
       footerRightActions,
       clientScripts,
+      context,
       rightPanel
     }
   };

package/es/library/dot/components/form/frameworks/ui/FormView.js

@@ -18,7 +18,8 @@ function FormView(_ref, ref) {
     footerRightActions,
     isHeaderEnabled,
     isFooterEnabled,
-    clientScripts
+    clientScripts,
+    context
   } = state.viewModel;
   return /*#__PURE__*/React.createElement(Flex, {
     $ui_displayMode: "flex",
@@ -32,7 +33,8 @@ function FormView(_ref, ref) {
     hasHeader: isHeaderEnabled,
     headerLeftActions: headerLeftActions,
     headerRightActions: headerRightActions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   }), /*#__PURE__*/React.createElement(MiddleSection, {
     sections: sections,
     isLoading: isLoading,
@@ -42,7 +44,8 @@ function FormView(_ref, ref) {
     hasFooter: isFooterEnabled,
     footerLeftActions: footerLeftActions,
     footerRightActions: footerRightActions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   }));
 }