@adaptabletools/adaptable 12.0.0-canary.2 → 12.0.0-canary.3

package/index.css

@@ -1177,7 +1177,7 @@ template {
   padding: 0 !important;
   overflow: hidden !important;
   clip: rect(1px, 1px, 1px, 1px) !important;
-  border: 0 !important
+  border: 0 !important;
 }
 
 /* Buttons */
@@ -1201,22 +1201,23 @@ template {
   border: 2px solid transparent;
 }
 
-.rdp-button[disabled] {
+.rdp-button[aria-disabled='true'] {
   opacity: 0.25;
+  pointer-events: none;
 }
 
-.rdp-button:not([disabled]) {
+.rdp-button:not([aria-disabled='true']) {
   cursor: pointer;
 }
 
-.rdp-button:focus:not([disabled]),
-.rdp-button:active:not([disabled]) {
+.rdp-button:focus,
+.rdp-button:active {
   color: inherit;
   border: var(--rdp-outline);
   background-color: var(--rdp-background-color);
 }
 
-.rdp-button:hover:not([disabled]) {
+.rdp-button:hover:not([aria-disabled='true']) {
   background-color: var(--rdp-background-color);
 }
 
@@ -1347,8 +1348,8 @@ template {
   color: unset;
 }
 
-.rdp-dropdown:focus:not([disabled])+.rdp-caption_label,
-.rdp-dropdown:active:not([disabled])+.rdp-caption_label {
+.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label,
+.rdp-dropdown:active:not([disabled]) + .rdp-caption_label {
   border: var(--rdp-outline);
   border-radius: 6px;
   background-color: var(--rdp-background-color);
@@ -1382,7 +1383,7 @@ template {
   border: 0;
 }
 
-.rdp-foot {
+.rdp-tfoot {
   margin: 0.5em;
 }
 
@@ -1417,15 +1418,15 @@ template {
   font-weight: bold;
 }
 
-.rdp-day_selected:not([disabled]),
-.rdp-day_selected:focus:not([disabled]),
-.rdp-day_selected:active:not([disabled]),
-.rdp-day_selected:hover:not([disabled]) {
+.rdp-day_selected:not([aria-disabled='true']),
+.rdp-day_selected:focus:not([aria-disabled='true']),
+.rdp-day_selected:active:not([aria-disabled='true']),
+.rdp-day_selected:hover:not([aria-disabled='true']) {
   color: white;
   background-color: var(--rdp-accent-color);
 }
 
-.rdp-day_selected:focus:not([disabled]) {
+.rdp-day_selected:focus:not([aria-disabled='true']) {
   border: var(--rdp-outline-selected);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable",
-  "version": "12.0.0-canary.2",
+  "version": "12.0.0-canary.3",
   "description": "Powerful data-agnostic HTML5 datagrid add-on that sits on top of an underlying grid component and provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
   "keywords": [
     "web-components",
@@ -41,7 +41,7 @@
     "re-resizable": "^6.9.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-beautiful-dnd": "13.1.0",
-    "react-day-picker": "8.0.0-beta.38",
+    "react-day-picker": "8.0.6",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react-redux": "7.2.4",
     "react-remove-scroll": "2.4.2",

package/publishTimestamp.d.ts

@@ -1,2 +1,2 @@
-declare const _default: 1654688737709;
+declare const _default: 1654758749447;
 export default _default;

package/publishTimestamp.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = 1654688737709;
+exports.default = 1654758749447;

package/src/AdaptableOptions/AlertOptions.d.ts

@@ -1,7 +1,7 @@
-import { BaseContext } from '../../types';
+import { FormContext } from '../../types';
 import { AlertButton, AlertDefinition } from '../PredefinedConfig/AlertState';
 import { AdaptableAlert } from '../PredefinedConfig/Common/AdaptableAlert';
-import { AdaptableForm, AdaptableFormData } from '../PredefinedConfig/Common/AdaptableForm';
+import { AdaptableForm } from '../PredefinedConfig/Common/AdaptableForm';
 import { CellDataChangedInfo } from '../types';
 /**
  * Options related to Alerts in Adaptable.
@@ -65,7 +65,7 @@ export declare type ActionHandler = {
     /**
      * Handler function to call when the Button is clicked
      */
-    handler: (button: AlertButton<AlertButtonContext>, context: AlertButtonContext) => void;
+    handler: (button: AlertButton<AlertFormContext>, context: AlertFormContext) => void;
 };
 /**
  * Form to show in an Alert
@@ -78,20 +78,16 @@ export declare type AlertForm = {
     /**
      * The Form to display in the Alert
      */
-    form: AdaptableForm<AlertButtonContext>;
+    form: AdaptableForm<AlertFormContext>;
 };
 /**
  * Context required by functions when using an Alert Button
  */
-export interface AlertButtonContext extends BaseContext {
+export interface AlertFormContext extends FormContext {
     /**
      * Alert that has been triggered
      */
     alert: AdaptableAlert;
-    /**
-     * Data in the Alert Form
-     */
-    formData?: AdaptableFormData;
 }
 /**
  * Context used for creating bespoke Alert messages

package/src/AdaptableOptions/DashboardOptions.d.ts

@@ -80,13 +80,9 @@ export interface DashboardButtonContext extends BaseContext {
 /**
  * Context required by functions when using a Custom Toolbar Button
  */
-export interface CustomToolbarButtonContext extends BaseContext {
+export interface CustomToolbarButtonContext extends DashboardButtonContext {
     /**
      * Custom Toolbar which hosts the Button
      */
     customToolbar: CustomToolbar;
-    /**
-     * Current Dashboard State
-     */
-    dashboardState: DashboardState;
 }

package/src/AdaptableOptions/DataChangeHistoryOptions.d.ts

@@ -1,7 +1,7 @@
 import { CellDataChangedInfo } from '../PredefinedConfig/Common/CellDataChangedInfo';
-import { ActionColumnButtonContext, AdaptableButton } from '../types';
+import { ActionColumnContext, AdaptableButton } from '../types';
 export declare type AdaptableDataChangeHistoryAction = 'undo';
-export interface DataChangeHistoryContext extends ActionColumnButtonContext {
+export interface DataChangeHistoryContext extends ActionColumnContext {
     /**
      * Helper function to undo the change.
      */

package/src/AdaptableOptions/EditOptions.d.ts

@@ -5,9 +5,7 @@ import { CellDataChangedInfo } from '../PredefinedConfig/Common/CellDataChangedI
 import { MathOperation } from '../PredefinedConfig/Common/Enums';
 import { GridCell } from '../PredefinedConfig/Selection/GridCell';
 /**
- * Options related to Editing in Adaptable.
- *
- * Allows users to provide Adaptable with Server Validation that works in conjunction with Client (aka Cell) Validation
+ * Options related to Editing in Adaptable - includes Server Validation, Smart Edit Operations and Row Forms
  */
 export interface EditOptions {
     /**
@@ -108,13 +106,34 @@ export interface RowFormOptions {
      */
     onFormSubmit?: (rowFormSubmittedInfo: RowFormSubmittedInfo) => void;
 }
+/**
+ * Context passed into a Row Form - can be `CreateRowFormContext` or `EditRowFormContext`
+ */
 export declare type RowFormContext = CreateRowFormContext | EditRowFormContext;
+/**
+ * Context used in a Create Row Form
+ */
 export interface CreateRowFormContext extends FormContext {
+    /**
+     * Type of the Context
+     */
     type: Extract<RowFormType, 'rowCreated'>;
+    /**
+     * The RowNode being cloned
+     */
     clonedRowNode?: RowNode;
 }
+/**
+ * Context used in an Edit Row Form
+ */
 export interface EditRowFormContext extends FormContext {
+    /**
+     * Type of the Context
+     */
     type: Extract<RowFormType, 'rowEdited'>;
+    /**
+     * The RowNode being edited
+     */
     rowNode: RowNode;
 }
 export interface FormParamContext extends BaseContext {

package/src/AdaptableOptions/GeneralOptions.d.ts

@@ -91,5 +91,12 @@ export interface DataSet extends AdaptableObject {
      */
     form?: AdaptableForm<DataSetFormContext>;
 }
+/**
+ * Used when a DataSet displays a Form
+ */
 export interface DataSetFormContext extends FormContext {
+    /**
+     * The DataSet which triggered the Form
+     */
+    dataSet: DataSet;
 }

package/src/AdaptableOptions/ToolPanelOptions.d.ts

@@ -57,13 +57,9 @@ export interface ToolPanelButtonContext extends BaseContext {
      */
     toolPanelState: ToolPanelState;
 }
-export interface CustomToolPanelButtonContext extends BaseContext {
+export interface CustomToolPanelButtonContext extends ToolPanelButtonContext {
     /**
      *The Custom ToolPanel which contains the button
      */
     customToolPanel: CustomToolPanel;
-    /**
-     * Current ToolPanel State
-     */
-    toolPanelState: ToolPanelState;
 }

package/src/AdaptableOptions/UserInterfaceOptions.d.ts

@@ -152,7 +152,7 @@ export interface ActionColumn extends AdaptableObject {
     /**
      * Button (or list of buttons) to display in the Column
      */
-    actionColumnButton: AdaptableButton<ActionColumnButtonContext> | AdaptableButton<ActionColumnButtonContext>[];
+    actionColumnButton: AdaptableButton<ActionColumnContext> | AdaptableButton<ActionColumnContext>[];
     /**
      * Shows Action Column also in grouped rows
      */
@@ -165,7 +165,7 @@ export interface ActionColumn extends AdaptableObject {
 /**
  * Context required by functions when using an Action Column Button
  */
-export interface ActionColumnButtonContext extends BaseContext {
+export interface ActionColumnContext extends BaseContext {
     /**
      * Action Column in question
      */

package/src/Api/AlertApi.d.ts

@@ -4,7 +4,7 @@ import { AdaptableScope } from '../PredefinedConfig/Common/AdaptableScope';
 import { AdaptablePredicateDef } from '../PredefinedConfig/Common/AdaptablePredicate';
 import { AdaptableAlert } from '../PredefinedConfig/Common/AdaptableAlert';
 import { AdaptableForm, AdaptableFormData } from '../PredefinedConfig/Common/AdaptableForm';
-import { AdaptableMessageType, AlertButtonContext, AlertProperties, GridDataChangedInfo } from '../types';
+import { AdaptableMessageType, AlertFormContext, AlertProperties, GridDataChangedInfo } from '../types';
 /**
  * Provides run-time access to Alert function and associated State
  */
@@ -18,7 +18,7 @@ export interface AlertApi {
      * Retrieeves the Adaptable Form with the given name
      * @param name name of the Form
      */
-    getAdaptableFormByName(name: string): AdaptableForm<AlertButtonContext> | undefined;
+    getAdaptableFormByName(name: string): AdaptableForm<AlertFormContext> | undefined;
     /**
      *
      * Retrieves all Alert Definitions in Alert State
@@ -89,7 +89,7 @@ export interface AlertApi {
     /**
      * Runs after a button in an Alert Form is clicked
      */
-    executeAlertButton(button: AlertButton<AlertButtonContext>, context: AlertButtonContext): void;
+    executeAlertButton(button: AlertButton<AlertFormContext>, context: AlertFormContext): void;
     /**
      * Runs after an Alert Action is invoked
      * @param actionName Action which has been invoked

package/src/Api/Events/RowFormSubmitted.d.ts

@@ -1,18 +1,33 @@
 import { BaseEventInfo } from './BaseEventInfo';
 import { AdaptableFormData } from '../../PredefinedConfig/Common/AdaptableForm';
 import { RowNode } from '@ag-grid-community/all-modules';
+/**
+ * Info passed into RowFormSubmitted Event - can be `CreatedRowFormInfo` or `EditedRowFormInfo` or `DeletedRowFormInfo`
+ */
 export declare type RowFormSubmittedInfo = CreatedRowFormInfo | EditedRowFormInfo | DeletedRowFormInfo;
+/**
+ * Type of Row Form - Created, Edited or Deleted
+ */
 export declare type RowFormType = 'rowCreated' | 'rowEdited' | 'rowDeleted';
+/**
+ *  Info passed into RowFormSubmitted Event for Created Rows
+ */
 export interface CreatedRowFormInfo extends BaseEventInfo {
     type: 'rowCreated';
     formData: AdaptableFormData;
     clonedRowNode?: RowNode;
 }
+/**
+ * Info passed into RowFormSubmitted Event for Edited Rows
+ */
 export interface EditedRowFormInfo extends BaseEventInfo {
     type: 'rowEdited';
     formData: AdaptableFormData;
     rowNode: RowNode;
 }
+/**
+ * Info passed into RowFormSubmitted Event for Deleted Rows
+ */
 export interface DeletedRowFormInfo extends BaseEventInfo {
     type: 'rowDeleted';
     rowNode: RowNode;

package/src/Api/Implementation/AlertApiImpl.d.ts

@@ -6,12 +6,12 @@ import { AdaptableScope } from '../../PredefinedConfig/Common/AdaptableScope';
 import { AdaptablePredicateDef } from '../../PredefinedConfig/Common/AdaptablePredicate';
 import { AdaptableAlert } from '../../PredefinedConfig/Common/AdaptableAlert';
 import { AdaptableForm, AdaptableFormData } from '../../PredefinedConfig/Common/AdaptableForm';
-import { AlertButtonContext } from '../../AdaptableOptions/AlertOptions';
+import { AlertFormContext } from '../../AdaptableOptions/AlertOptions';
 import { AdaptableMessageType } from '../../PredefinedConfig/Common/AdaptableMessageType';
 import { GridDataChangedInfo } from '../Events/GridDataChanged';
 export declare class AlertApiImpl extends ApiBase implements AlertApi {
     getAlertState(): AlertState;
-    getAdaptableFormByName(name: string): AdaptableForm<AlertButtonContext> | undefined;
+    getAdaptableFormByName(name: string): AdaptableForm<AlertFormContext> | undefined;
     getAlertDefinitions(config?: {
         includeLayoutNotAssociatedObjects?: boolean;
     }): AlertDefinition[];
@@ -23,7 +23,7 @@ export declare class AlertApiImpl extends ApiBase implements AlertApi {
     getAlertDefinitionsWithPreventEdit(): AlertDefinition[];
     getAlertDefinitionsWithAllowEdit(): AlertDefinition[];
     addAlertDefinition(alertDefinition: AlertDefinition): AlertDefinition;
-    executeAlertButton(button: AlertButton<AlertButtonContext>, context: AlertButtonContext): void;
+    executeAlertButton(button: AlertButton<AlertFormContext>, context: AlertFormContext): void;
     executeAlertAction(actionName: AdaptableAlertAction, details: {
         alertDefinition: AlertDefinition;
         cellDataChangedInfo?: CellDataChangedInfo;

package/src/Api/Implementation/InternalApiImpl.d.ts

@@ -11,7 +11,7 @@ import { SelectedRowInfo } from '../../PredefinedConfig/Selection/SelectedRowInf
 import { AdaptableModule, AdaptableQLModule } from '../../PredefinedConfig/Common/Types';
 import { GridCell } from '../../PredefinedConfig/Selection/GridCell';
 import { CellDataChangedInfo } from '../../PredefinedConfig/Common/CellDataChangedInfo';
-import { AdaptableCellChangedAlert, AdaptableOptions, AdaptableRowChangedAlert, AdaptableState, AlertButtonContext, BaseContext, Layout, LayoutAssociatedObject, SystemStatusMessageInfo, SharedEntity, AdaptableIcon } from '../../types';
+import { AdaptableCellChangedAlert, AdaptableOptions, AdaptableRowChangedAlert, AdaptableState, AlertFormContext, BaseContext, Layout, LayoutAssociatedObject, SystemStatusMessageInfo, SharedEntity, AdaptableIcon } from '../../types';
 import { IValidationService } from '../../Utilities/Services/Interface/IValidationService';
 import { IModuleService } from '../../Utilities/Services/Interface/IModuleService';
 import { IReportService } from '../../Utilities/Services/Interface/IReportService';
@@ -39,8 +39,8 @@ import { EditLookUpPermittedValues } from '../../../types';
 import { IRowEditService } from '../../Utilities/Services/Interface/IRowEditService';
 export declare class InternalApiImpl extends ApiBase implements InternalApi {
     getSystemState(): SystemState;
-    getAdaptableFormFromAlertForm(alertForm: string | AlertButtonForm, context: any, defaultMessageType?: AdaptableMessageType): (Omit<AdaptableForm<AlertButtonContext>, 'buttons'> & {
-        buttons?: (Omit<AdaptableButton<AlertButtonContext>, 'buttonStyle'> & {
+    getAdaptableFormFromAlertForm(alertForm: string | AlertButtonForm, context: any, defaultMessageType?: AdaptableMessageType): (Omit<AdaptableForm<AlertFormContext>, 'buttons'> & {
+        buttons?: (Omit<AdaptableButton<AlertFormContext>, 'buttonStyle'> & {
             buttonStyle?: ButtonStyle;
         })[];
     }) | undefined;

package/src/PredefinedConfig/AlertState.d.ts

@@ -10,7 +10,7 @@ import { AdaptableStyle } from './Common/AdaptableStyle';
 import { XOR } from '../Utilities/Extensions/TypeExtensions';
 import { AdaptableAggregatedBooleanQuery, AdaptableBooleanQuery, AdaptableObservableQuery } from './Common/AdaptableQuery';
 import { ButtonStyle } from './Common/ButtonStyle';
-import { AlertButtonContext, BaseContext } from '../types';
+import { AlertFormContext, BaseContext } from '../types';
 /**
  * Predefined Configuration for Alert Module
  */
@@ -49,8 +49,8 @@ export interface AlertDefinition extends SuspendableObject {
      */
     AlertForm?: string | AlertButtonForm;
 }
-export declare type AlertButtonForm = Omit<AdaptableForm<AlertButtonContext>, 'title' | 'buttons' | 'fields' | 'description'> & {
-    Buttons?: AlertButton<AlertButtonContext>[];
+export declare type AlertButtonForm = Omit<AdaptableForm<AlertFormContext>, 'title' | 'buttons' | 'fields' | 'description'> & {
+    Buttons?: AlertButton<AlertFormContext>[];
 };
 export interface AlertDefinitionPredicate extends AdaptablePredicate {
     PredicateId: TypeHint<string, SystemAlertPredicateId>;
@@ -69,7 +69,7 @@ export declare type AdaptableAlertAction = 'highlight-cell' | 'highlight-row' |
 /**
  * Defines a button that appears in an Alert Form
  */
-export interface AlertButton<AlertButtonContext> extends Omit<AdaptableButton<BaseContext>, 'onClick' | 'label' | 'buttonStyle' | 'hidden' | 'disabled' | 'tooltip'> {
+export interface AlertButton<AlertFormContext> extends Omit<AdaptableButton<BaseContext>, 'onClick' | 'label' | 'buttonStyle' | 'hidden' | 'disabled' | 'tooltip'> {
     /**
      * Predefined Action(s) to trigger when button is clicked; but the implementation in `actionHandlers` property of Alert Options
      */

package/src/PredefinedConfig/Common/FormContext.d.ts

@@ -1,5 +1,8 @@
 import { AdaptableFormData } from '../../types';
 import { BaseContext } from './BaseContext';
+/**
+ * Context supplied to Buttons that appear in an Adaptable Form
+ */
 export interface FormContext extends BaseContext {
     /**
      * Adaptable Form Data

package/src/Redux/Store/AdaptableStore.js

@@ -730,6 +730,12 @@ const adaptableMiddleware = (adaptable) => function (middlewareAPI) {
                             middlewareAPI.dispatch(PopupRedux_1.PopupShowForm({
                                 Id: 'data-set-form',
                                 Form: dataSet.form,
+                                prepareContext: (context) => {
+                                    return new Promise((resolve) => {
+                                        const preparedContext = Object.assign(Object.assign({}, context), { dataSet });
+                                        resolve(preparedContext);
+                                    });
+                                },
                             }));
                         }
                     });

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/ConfigurationWizard.d.ts

@@ -7,7 +7,19 @@ export interface CustomSection<T> {
     details?: AdaptableFrameworkComponent;
     isValid?: OnePageWizardSection<T>['isValid'];
     isVisible?: OnePageWizardSection<T>['isVisible'];
-    render: (adaptableOptions: AdaptableOptions, onChange: (newAdaptableOptions: AdaptableOptions) => void) => React.ReactNode;
+    render: (
+    /**
+     * Internal state of adaptableOptions.
+     */
+    adaptableOptions: AdaptableOptions, 
+    /**
+     * With this callback adaptableOptions can be changed.
+     */
+    onChange: (newAdaptableOptions: AdaptableOptions) => void, 
+    /**
+     * Set the selected columns.
+     */
+    setSelectedColumns: (selectedColumn: Record<string, boolean>) => void) => React.ReactNode;
 }
 export interface ConfigurationWizardProps {
     adaptableOptions: AdaptableOptions;

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/ConfigurationWizard.js

@@ -76,7 +76,7 @@ exports.ConfigurationWizard = (props) => {
                     isValid: section.isValid,
                     isVisible: section.isVisible,
                     render: () => {
-                        return section.render(adaptableOptions, setAdaptableOptions);
+                        return section.render(adaptableOptions, setAdaptableOptions, setSelectedColumns);
                     },
                 };
             }),

package/src/View/Alert/Wizard/AlertButtonsEditor.d.ts

@@ -2,10 +2,10 @@
 import { AlertButton } from '../../../PredefinedConfig/AlertState';
 import { AdaptableAlert } from '../../../PredefinedConfig/Common/AdaptableAlert';
 import { AdaptableApi } from '../../../Api/AdaptableApi';
-import { AlertButtonContext } from '../../../types';
+import { AlertFormContext } from '../../../types';
 declare type AlertButtonsEditorProps = {
-    AlertButtons: AlertButton<AlertButtonContext>[];
-    onChange: (buttons: AlertButton<AlertButtonContext>[]) => void;
+    AlertButtons: AlertButton<AlertFormContext>[];
+    onChange: (buttons: AlertButton<AlertFormContext>[]) => void;
     api: AdaptableApi;
     adaptableAlert: AdaptableAlert;
 };

package/src/View/DataChangeHistory/buildActionColumnButton.d.ts

@@ -1,3 +1,3 @@
 import { RowNode } from '@ag-grid-community/all-modules';
-import { ActionColumnButtonContext, AdaptableButton, DataChangeHistoryOptions } from '../../types';
-export declare const buildActionColumnButton: (options: DataChangeHistoryOptions, undoRowNode: (rowNode: RowNode) => void) => AdaptableButton<ActionColumnButtonContext>[];
+import { ActionColumnContext, AdaptableButton, DataChangeHistoryOptions } from '../../types';
+export declare const buildActionColumnButton: (options: DataChangeHistoryOptions, undoRowNode: (rowNode: RowNode) => void) => AdaptableButton<ActionColumnContext>[];

package/src/components/Datepicker/Caption.js

@@ -14,7 +14,7 @@ const react_day_picker_1 = require("react-day-picker");
 function Caption(props) {
     const { displayMonth } = props;
     const context = react_day_picker_1.useDayPicker();
-    const { classNames, numberOfMonths, disableNavigation, styles, onMonthChange, dir, } = context;
+    const { classNames, disableNavigation, styles, onMonthChange, dir } = context;
     const { goToMonth, displayMonths } = react_day_picker_1.useNavigation();
     const handlePreviousClick = () => {
         handleMonthChange(add_1.default(displayMonth, { months: -1 }));