@zohodesk/library-platform 1.1.2 → 1.1.3

package/es/bc/column-chooser/Constants.js

@@ -0,0 +1,4 @@
+export const COLUMN_CHOOSER_BEHAVIOUR_OPENED = 'COLUMN_CHOOSER_BEHAVIOUR#OPENED';
+export const COLUMN_CHOOSER_BEHAVIOUR_UPDATED = 'COLUMN_CHOOSER_BEHAVIOUR#UPDATED';
+export const COLUMN_CHOOSER_BEHAVIOUR_CANCELED = 'COLUMN_CHOOSER_BEHAVIOUR#CANCELED';
+export const DEFAULT_COLUMN_CHOOSE_MAX_COUNT = 15;

package/es/bc/column-chooser/EventHandlers.js

@@ -0,0 +1,2 @@
+import { COLUMN_CHOOSER_BEHAVIOUR_OPENED } from "./Constants";
+import { COLUMN_CHOOSER_SELECT_REQUESTED, COLUMN_CHOOSER_REORDER_REQUESTED, COLUMN_CHOOSER_SEARCH_REQUESTED, COLUMN_CHOOSER_SAVE_REQUESTED, COLUMN_CHOOSER_CLOSE_REQUESTED } from "../../cc/table-column-chooser/Constants";

package/es/bc/column-chooser/Events.js

@@ -0,0 +1,59 @@
+import { COLUMN_CHOOSER_BEHAVIOUR_OPENED, COLUMN_CHOOSER_BEHAVIOUR_UPDATED } from "./Constants";
+export default [{
+  type: COLUMN_CHOOSER_BEHAVIOUR_OPENED,
+  payload: {
+    type: 'object',
+    properties: {
+      order: {
+        type: 'array',
+        items: {
+          type: 'string'
+        }
+      },
+      selectedArray: {
+        type: 'array',
+        items: {
+          type: 'string'
+        }
+      }
+    }
+  }
+}, {
+  type: COLUMN_CHOOSER_BEHAVIOUR_UPDATED,
+  payload: {
+    type: 'object',
+    properties: {
+      order: {
+        type: 'array',
+        items: {
+          type: 'string'
+        }
+      },
+      selectedArray: {
+        type: 'array',
+        items: {
+          type: 'string'
+        }
+      }
+    }
+  }
+}, {
+  type: COLUMN_CHOOSER_BEHAVIOUR_UPDATED,
+  payload: {
+    type: 'object',
+    properties: {
+      order: {
+        type: 'array',
+        items: {
+          type: 'string'
+        }
+      },
+      selectedArray: {
+        type: 'array',
+        items: {
+          type: 'string'
+        }
+      }
+    }
+  }
+}];

package/es/bc/column-chooser/Properties.js

@@ -0,0 +1,18 @@
+export default {
+  columnChooserConfig: {
+    required: false,
+    defaultValue: {
+      isEnabled: false
+    },
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          isEnabled: {
+            type: 'boolean'
+          }
+        }
+      }
+    }
+  }
+};

package/es/bc/keyboard-controls/Constants.js

@@ -0,0 +1,5 @@
+export const KEYBOARD_CONTROL_UP_ARROW_PRESSED = 'KEYBOARD_CONTROL#UP_ARROW_PRESSED';
+export const KEYBOARD_CONTROL_DOWN_ARROW_PRESSED = 'KEYBOARD_CONTROL#DOWN_ARROW_PRESSED';
+export const KEYBOARD_CONTROL_SPACE_PRESSED = 'KEYBOARD_CONTROL#SPACE_PRESSED';
+export const KEYBOARD_CONTROL_ENTER_PRESSED = 'KEYBOARD_CONTROL#ENTER_PRESSED'; // export const SMART_TABLE_PREVIOUS_FOCUS = 'SMART_TABLE#PREVIOUS_FOCUS';
+// export const SMART_TABLE_NEXT_FOCUS = 'SMART_TABLE#NEXT_FOCUS';

package/es/bc/keyboard-controls/Events.js

@@ -0,0 +1,51 @@
+import { KEYBOARD_CONTROL_DOWN_ARROW_PRESSED, KEYBOARD_CONTROL_ENTER_PRESSED, KEYBOARD_CONTROL_SPACE_PRESSED, KEYBOARD_CONTROL_UP_ARROW_PRESSED } from "./Constants";
+const Events = [{
+  type: KEYBOARD_CONTROL_UP_ARROW_PRESSED,
+  payload: {
+    event: {
+      name: 'event',
+      typeMetadata: {
+        schema: {
+          type: 'object'
+        }
+      }
+    }
+  }
+}, {
+  type: KEYBOARD_CONTROL_DOWN_ARROW_PRESSED,
+  payload: {
+    event: {
+      name: 'event',
+      typeMetadata: {
+        schema: {
+          type: 'object'
+        }
+      }
+    }
+  }
+}, {
+  type: KEYBOARD_CONTROL_SPACE_PRESSED,
+  payload: {
+    event: {
+      name: 'event',
+      typeMetadata: {
+        schema: {
+          type: 'object'
+        }
+      }
+    }
+  }
+}, {
+  type: KEYBOARD_CONTROL_ENTER_PRESSED,
+  payload: {
+    event: {
+      name: 'event',
+      typeMetadata: {
+        schema: {
+          type: 'object'
+        }
+      }
+    }
+  }
+}];
+export default Events;

package/es/bc/keyboard-controls/Properties.js

@@ -0,0 +1,11 @@
+export default {
+  listItemSelector: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    },
+    defaultValue: 'tbody tr'
+  }
+};

package/es/bc/keyboard-controls/types/KeyboardControlBehaviourState.js

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

package/es/bc/zlist/Properties.js

@@ -44,6 +44,21 @@ export default {
           orgName: {
             type: 'string'
           },
+          modules: {
+            type: 'array',
+            items: {
+              type: 'object',
+              properties: {
+                apiKey: {
+                  type: 'string'
+                },
+                nameField: {
+                  type: 'string'
+                }
+              },
+              required: ['apiKey', 'nameField']
+            }
+          },
           departmentName: {
             type: 'string'
           },

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

@@ -3,7 +3,16 @@ export default {
     required: true,
     typeMetadata: {
       schema: {
-        type: 'string'
+        anyOf: [// {
+        //   type: 'object',
+        //   properties: {
+        //     UIComponentName: { type: 'string' },
+        //     fieldToUIComponentTranslator: {}
+        //   }
+        // },
+        {
+          type: 'string'
+        }]
       }
     }
   },

package/es/cc/fields/index.js

@@ -4,7 +4,7 @@ export { default as DateFieldProperties } from "./date/Properties";
 export { default as DecimalFieldProperties } from "./decimal/Properties";
 export { default as DateTimeFieldProperties } from "./datetime/Properties";
 export { default as EmailFieldProperties } from "./email/Properties";
-export { default as FieldFieldProperties } from "./field/Properties";
+export { default as FieldProperties } from "./field/Properties";
 export { default as LookupFieldProperties } from "./lookup/Properties";
 export { default as MultiLineFieldProperties } from "./multi-line/Properties";
 export { default as MultiSelectFieldProperties } from "./multi-select/Properties";

package/es/cc/table-column-chooser/Constants.js

@@ -0,0 +1,6 @@
+export const COLUMN_CHOOSER_OPEN_REQUESTED = 'COLUMN_CHOOSER#OPEN_REQUESTED';
+export const COLUMN_CHOOSER_CLOSE_REQUESTED = 'COLUMN_CHOOSER#CLOSE_REQUESTED';
+export const COLUMN_CHOOSER_SELECT_REQUESTED = 'COLUMN_CHOOSER#SELECT_REQUESTED';
+export const COLUMN_CHOOSER_REORDER_REQUESTED = 'COLUMN_CHOOSER#REORDER_REQUESTED';
+export const COLUMN_CHOOSER_SEARCH_REQUESTED = 'COLUMN_CHOOSER#SEARCH_REQUESTED';
+export const COLUMN_CHOOSER_SAVE_REQUESTED = 'COLUMN_CHOOSER#SAVE_REQUESTED';

package/es/cc/table-column-chooser/Events.js

@@ -0,0 +1,69 @@
+import { COLUMN_CHOOSER_OPEN_REQUESTED, COLUMN_CHOOSER_SELECT_REQUESTED, COLUMN_CHOOSER_REORDER_REQUESTED, COLUMN_CHOOSER_SEARCH_REQUESTED, COLUMN_CHOOSER_SAVE_REQUESTED, COLUMN_CHOOSER_CLOSE_REQUESTED } from "./Constants";
+export default [{
+  type: COLUMN_CHOOSER_OPEN_REQUESTED,
+  // NOTE: payload will be empty
+  payload: {
+    type: 'object'
+  }
+}, {
+  type: COLUMN_CHOOSER_SELECT_REQUESTED,
+  payload: {
+    type: 'object',
+    properties: {
+      type: 'object',
+      properties: {
+        data: {
+          type: 'object',
+          properties: {
+            id: {
+              type: 'string'
+            },
+            isChecked: {
+              type: 'boolean'
+            }
+          }
+        }
+      }
+    }
+  }
+}, {
+  type: COLUMN_CHOOSER_REORDER_REQUESTED,
+  payload: {
+    type: 'object',
+    properties: {
+      reOrderedIndex: {
+        type: 'object',
+        properties: {
+          newIndex: {
+            type: 'number'
+          },
+          oldIndex: {
+            type: 'number'
+          }
+        }
+      }
+    }
+  }
+}, {
+  type: COLUMN_CHOOSER_SEARCH_REQUESTED,
+  payload: {
+    type: 'object',
+    properties: {
+      searchString: {
+        type: 'string'
+      }
+    }
+  }
+}, {
+  type: COLUMN_CHOOSER_SAVE_REQUESTED,
+  // NOTE: payload will be empty
+  payload: {
+    type: 'object'
+  }
+}, {
+  type: COLUMN_CHOOSER_CLOSE_REQUESTED,
+  // NOTE: payload will be empty
+  payload: {
+    type: 'object'
+  }
+}];

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

@@ -0,0 +1,122 @@
+export default {
+  options: {
+    defaultValue: [],
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'array',
+        items: {
+          type: 'object',
+          properties: {
+            id: {
+              type: 'string'
+            },
+            value: {
+              type: 'string'
+            },
+            checked: {
+              type: 'boolean'
+            },
+            disabled: {
+              type: 'boolean'
+            },
+            locked: {
+              type: 'boolean'
+            }
+          },
+          required: ['id', 'value', 'checked']
+        }
+      }
+    }
+  },
+  hasSearch: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  errorMessage: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  saveLabel: {
+    defaultValue: 'Save',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  cancelLabel: {
+    defaultValue: 'Cancel',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  tooltip: {
+    defaultValue: 'Column Chooser',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  heading: {
+    defaultValue: 'Select & Reorder Column',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  infoText: {
+    defaultValue: 'Info Content',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  searchString: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  searchPlaceholder: {
+    defaultValue: 'Search',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  emptyMessage: {
+    defaultValue: 'No Results',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  }
+};

package/es/cc/table-column-chooser/index.js

@@ -0,0 +1,3 @@
+export { default as TableColumnChooserProperties } from "./Properties";
+import * as _TableColumnChooserConstants from "./Constants";
+export { _TableColumnChooserConstants as TableColumnChooserConstants };

package/es/cc/table-connected/Properties.js

@@ -29,6 +29,22 @@ export default {
     }
   },
   ...SelectionConfigSchema,
+  keyboardControlsConfig: {
+    required: false,
+    defaultValue: {
+      isEnabled: true
+    },
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          isEnabled: {
+            type: 'boolean'
+          }
+        }
+      }
+    }
+  },
   componentMapping: {
     required: false,
     defaultValue: {

package/es/cc/table-connected/constants/Events.js

@@ -5,5 +5,8 @@ export default {
   SORTED: 'SMART_TABLE#SORTED',
   RECORDS_SELECTED: 'SMART_TABLE#RECORDS_SELECTED',
   RECORDS_DESELECTED: 'SMART_TABLE#RECORDS_DESELECTED',
+  SMART_TABLE_ROW_ACTION_TRIGGERED: 'SMART_TABLE#ROW_ACTION_TRIGGERED',
   SELECTION_LIMIT_EXCEEDED: 'SMART_TABLE#SELECTION_LIMIT_EXCEEDED'
-};
+};
+export const SMART_TABLE_SELECTION_TOGGLED = 'SMART_TABLE#SELECTION_TOGGLED';
+export const SMART_TABLE_ACTION_TRIGGERED = 'SMART_TABLE#ACTION_TRIGGERED';

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

@@ -36,6 +36,15 @@ const TableListProperties = {
     },
     defaultValue: false
   },
+  focussedRow: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: "number"
+      }
+    },
+    defaultValue: 0
+  },
   sortBy: {
     required: false,
     typeMetadata: {
@@ -274,11 +283,28 @@ const TableListProperties = {
               type: 'string'
             }
           },
+          actions: actionsSchema,
           hasAllSelected: {
             type: 'boolean'
           }
         },
-        required: ['selected', 'hasAllSelected']
+        required: ['selected', 'hasAllSelected', 'actions']
+      }
+    }
+  },
+  keyboardControlsConfig: {
+    required: false,
+    defaultValue: {
+      isEnabled: true
+    },
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          isEnabled: {
+            type: 'boolean'
+          }
+        }
       }
     }
   },

package/es/cc/table-list/data-types/KeyboardControlsConfig.js

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

package/es/cc/table-list/row/Properties.js

@@ -28,6 +28,24 @@ const TableRowProperties = {
       }
     }
   },
+  isKeyboardControlsEnabled: {
+    required: false,
+    defaultValue: true,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  isFocussed: {
+    required: false,
+    defaultValue: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
   selectionTooltip: {
     required: false,
     defaultValue: '',

package/es/desk-frameworks/table-connected/adapters/controllers/ColumnChooserOpenedController.js

@@ -0,0 +1,36 @@
+import AbstractController from "./AbstractController";
+import { COLUMN_CHOOSER_BEHAVIOUR_OPENED } from "../../../../bc/column-chooser/Constants";
+export default class ColumnChooserOpenedController extends AbstractController {
+  handle(event) {
+    const state = event.state;
+    const {
+      zfield
+    } = state.behaviours;
+    const {
+      fields: availableFields,
+      selectedFields
+    } = zfield;
+    const columnChooserOptionsOrder = this.getColumnChooserOptionsOrder(availableFields, selectedFields);
+    event.dispatch({
+      type: COLUMN_CHOOSER_BEHAVIOUR_OPENED,
+      payload: {
+        order: columnChooserOptionsOrder,
+        selectedArray: selectedFields
+      }
+    });
+  }
+
+  getColumnChooserOptionsOrder() {
+    let availableFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let selectedFields = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    let searchStr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+    if (availableFields.length === 0 || selectedFields.length === 0) {
+      return [];
+    }
+
+    const columnChooserOptions = selectedFields.concat(availableFields.filter(field => !selectedFields.includes(field.name)).map(field => field.name));
+    return columnChooserOptions;
+  }
+
+}

package/es/desk-frameworks/table-connected/adapters/controllers/ColumnChooserUpdateController.js

@@ -0,0 +1,25 @@
+import AbstractController from "./AbstractController";
+import { FIELD_EXECUTE } from "../../../../bc/zfield/Constants";
+export default class ColumnChooserUpdateController extends AbstractController {
+  handle(event) {
+    const {
+      state
+    } = event;
+    const {
+      context
+    } = state.properties;
+    const fields = event.action.payload.selectedArray;
+    const action = {
+      type: FIELD_EXECUTE,
+      payload: {
+        actionName: 'updateSelectedFields',
+        props: { ...context,
+          fields
+        },
+        apiName: 'updateSelectedFields'
+      }
+    };
+    event.dispatch(action);
+  }
+
+}

package/es/desk-frameworks/table-connected/frameworks/EventHandlersFactory.js

@@ -1,14 +1,18 @@
 import { LIST_SELECTION_RECORDS_DESELECTED, LIST_SELECTION_RECORDS_SELECTED, LIST_SELECTION_SELECTION_LIMIT_EXCEEDED } from "../../../bc/list-selection/Constants";
+import { RESIZE_FINISHED } from "../../../bc/table-column-resizer/Constants";
+import { ZLIST_SORT } from "../../../bc/zlist/Constants";
+import { COLUMN_CHOOSER_BEHAVIOUR_UPDATED } from "../../../bc/column-chooser/Constants";
+import { COLUMN_CHOOSER_OPEN_REQUESTED } from "../../../cc/table-column-chooser/Constants";
 import ListSdkFactory from "./ListSdkFactory";
 import { SmartTableConstants } from "../../../cc/table-connected";
 import TableListEventConstants from "../../../cc/table-list/Constants";
 import ResizeStartController from "../adapters/controllers/ResizeStartController";
 import ResizeByMouseController from "../adapters/controllers/ResizeByMouseController";
 import ResizeEndController from "../adapters/controllers/ResizeEndController";
-import { RESIZE_FINISHED } from "../../../bc/table-column-resizer/Constants";
 import { ResizeFinishController } from "../adapters/controllers/ResizeFinishController";
 import ScrollController from "../adapters/controllers/ScrollController";
-import { ZLIST_SORT } from "../../../bc/zlist/Constants";
+import ColumnChooserUpdateController from "../adapters/controllers/ColumnChooserUpdateController";
+import ColumnChooserOpenedController from "../adapters/controllers/ColumnChooserOpenedController";
 const {
   TABLE_LIST_RESIZE_START_REQUESTED,
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
@@ -52,6 +56,8 @@ export default class EventHandlersFactory {
       },
       [TABLE_LIST_RESIZE_END_REQUESTED]: new ResizeEndController().handle,
       [TABLE_LIST_SCROLLED]: new ScrollController().handle,
+      [COLUMN_CHOOSER_BEHAVIOUR_UPDATED]: new ColumnChooserUpdateController().handle,
+      [COLUMN_CHOOSER_OPEN_REQUESTED]: new ColumnChooserOpenedController().handle,
       [LIST_SELECTION_RECORDS_SELECTED]: _ref2 => {
         let {
           action,

package/es/desk-frameworks/table-connected/frameworks/TableConnectedFactory.js

@@ -13,6 +13,8 @@ import ClientActionsBehaviourFactory from "../../../platform/client-actions/beha
 import LocalStorageBehaviourFactory from "../../../library/behaviours/local-storage/frameworks/LocalStorageBehaviourFactory";
 import TableColumnResizerBehaviorFactory from "../../../library/behaviours/table-column-resizer/frameworks/TableColumnResizerBehaviorFactory";
 import ListItemSelectionBehaviourFactory from "../../../library/behaviours/list-selection/frameworks/ListItemSelectionBehaviourFactory";
+import ColumnChooserBehaviourFactory from "../../../platform/column-chooser/frameworks/ColumnChooserBehaviourFactory";
+import KeyboardControlBehaviourFactory from "../../../library/behaviours/keyboard-controls/frameworks/KeyboardControlBehaviourFactory";
 export default class TableConnectedFactory {
   static create(_ref) {
     var _dataSource2;
@@ -41,12 +43,13 @@ export default class TableConnectedFactory {
       properties: Properties,
       eventHandlers: EventHandlersFactory.create(eventHandlers),
       transformState: TableTranslator.transformState,
-      behaviours: [TableColumnResizerBehaviorFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), RecordBehaviourFactory.create(_dataSource.httpTemplates), ClientActionsBehaviourFactory.create({
+      behaviours: [TableColumnResizerBehaviorFactory.create(), KeyboardControlBehaviourFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), RecordBehaviourFactory.create(_dataSource.httpTemplates), ClientActionsBehaviourFactory.create({
         getClientActions: _dataSource.httpTemplates.getClientActions
       }), ZFieldBehaviourFactory.create({
         availableFields: _dataSource.httpTemplates.getAvailableFields,
+        updateSelectedFields: _dataSource.httpTemplates.updateSelectedFields,
         selectedFields: _dataSource.httpTemplates.getSelectedFields
-      }), ZListBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()]
+      }), ZListBehaviourFactory.create(), ColumnChooserBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()]
     });
   }
 

package/es/desk-frameworks/table-connected/frameworks/TableConnectedView.js

@@ -13,16 +13,17 @@ function View(_ref, ref) {
     rowCursor,
     sortBy,
     selection,
-    properties,
-    emptyStateUiType
-  } = state;
+    emptyStateUiType,
+    focussedRow,
+    keyboardControlsConfig
+  } = state.viewModel;
   const {
     resizerState
-  } = state;
+  } = state.viewModel;
   const {
     preferences,
     selectionConfig
-  } = properties;
+  } = state.properties;
   const {
     autoColumnSizing
   } = preferences || {};
@@ -37,7 +38,9 @@ function View(_ref, ref) {
     isLoading: isLoading,
     emptyStateUiType: emptyStateUiType,
     selection: selection,
-    selectionConfig: selectionConfig
+    selectionConfig: selectionConfig,
+    keyboardControlsConfig: keyboardControlsConfig,
+    focussedRow: focussedRow
   });
 }