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

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

@@ -8,7 +8,7 @@ const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/E
 const OnePageWizards_1 = require("../../Wizard/OnePageWizards");
 const ConfigurationWizardColumnsStep_1 = require("./ConfigurationWizardColumnsStep");
 const ConfigurationForm_1 = tslib_1.__importDefault(require("./ConfigurationForm"));
-exports.ConfigurationWizard = (props) => {
+const ConfigurationWizard = (props) => {
     const [isPrimaryKeySelected, setIsValid] = React.useState(true);
     const [adaptableOptions, setAdaptableOptions] = react_1.useState(props.adaptableOptions);
     const [selectedColumns, setSelectedColumns] = react_1.useState(() => {
@@ -21,14 +21,16 @@ exports.ConfigurationWizard = (props) => {
     const handleFinish = () => {
         const newAdaptableOptions = Object.assign({}, adaptableOptions);
         newAdaptableOptions.gridOptions = Object.assign({}, adaptableOptions.gridOptions);
-        newAdaptableOptions.gridOptions.columnDefs = columnsHandle
-            .current.getColumns()
-            .map((column) => {
-            const newColumn = Object.assign(Object.assign({}, column), { headerName: column.caption || StringExtensions_1.default.Humanize(column.field) });
-            delete newColumn.caption;
-            return newColumn;
-        });
-        newAdaptableOptions.primaryKey = columnsHandle.current.getPrimaryKey();
+        if (columnsHandle.current) {
+            newAdaptableOptions.gridOptions.columnDefs = columnsHandle
+                .current.getColumns()
+                .map((column) => {
+                const newColumn = Object.assign(Object.assign({}, column), { headerName: column.caption || StringExtensions_1.default.Humanize(column.field) });
+                delete newColumn.caption;
+                return newColumn;
+            });
+            newAdaptableOptions.primaryKey = columnsHandle.current.getPrimaryKey();
+        }
         setAdaptableOptions(newAdaptableOptions);
         props.onFinish(newAdaptableOptions);
     };
@@ -85,3 +87,4 @@ exports.ConfigurationWizard = (props) => {
     }
     return (React.createElement(OnePageWizards_1.OnePageWizard, { data: adaptableOptions, name: "Configure", defaultCurrentSectionName: 'default section name', onHide: () => null, onFinish: handleFinish, sections: sections }));
 };
+exports.ConfigurationWizard = ConfigurationWizard;

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

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const Panel_1 = tslib_1.__importDefault(require("../../../components/Panel"));
 const ColumnsList_1 = tslib_1.__importDefault(require("./ColumnsList"));
-exports.ConfigurationWizardColumnsStep = (props) => {
+const ConfigurationWizardColumnsStep = (props) => {
     var _a, _b;
     return (React.createElement(Panel_1.default, { header: '', border: "none", bodyScroll: false, bodyProps: {
             style: { overflow: 'auto', display: 'flex', flexFlow: 'column' },
@@ -14,3 +14,4 @@ exports.ConfigurationWizardColumnsStep = (props) => {
                 props.setPrimaryKeyIsNotSelected(valid);
             }, selectedColumns: props.selectedColumns, onChange: props.onColumnChange, onSelectionChange: props.onSelectionChange, columns: (_b = (_a = props.adaptableOptions) === null || _a === void 0 ? void 0 : _a.gridOptions) === null || _b === void 0 ? void 0 : _b.columnDefs })));
 };
+exports.ConfigurationWizardColumnsStep = ConfigurationWizardColumnsStep;

package/src/View/AdaptableWizardView/Utils.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validDataSource = void 0;
-exports.validDataSource = (dataSourceInfo) => {
+const validDataSource = (dataSourceInfo) => {
     if (!dataSourceInfo || !Array.isArray(dataSourceInfo.columns)) {
         throw `We can't find any columns in your configuration`;
     }
@@ -22,3 +22,4 @@ exports.validDataSource = (dataSourceInfo) => {
     }
     return true;
 };
+exports.validDataSource = validDataSource;

package/src/View/AdaptableWizardView/Wizard.js

@@ -12,7 +12,7 @@ const Utils_1 = require("./Utils");
 exports.initialState = {
     dropped: false,
 };
-exports.reducer = (state, action) => {
+const reducer = (state, action) => {
     if (action.type === 'DROPPED') {
         return Object.assign(Object.assign({}, state), { adaptableOptions: action.payload, dropped: true, error: null });
     }
@@ -24,6 +24,7 @@ exports.reducer = (state, action) => {
     }
     return state;
 };
+exports.reducer = reducer;
 /**
  * The wizard in a few modes:
  *
@@ -34,7 +35,7 @@ exports.reducer = (state, action) => {
  * 2. Based on configuration:
  * Provide a schema, on how the data looks like.
  */
-exports.Wizard = (props) => {
+const Wizard = (props) => {
     var _a;
     const [state, dispatch] = react_1.useReducer(exports.reducer, Object.assign(Object.assign({}, exports.initialState), { adaptableOptions: props.adaptableOptions }));
     const [droppableKey, setDroppableKey] = react_1.useState(Date.now());
@@ -96,3 +97,4 @@ exports.Wizard = (props) => {
         isDataLoading && (React.createElement(rebass_1.Flex, { className: 'ab-nocode-wizard', alignItems: "center", justifyContent: "center", flexDirection: "column" }, props.loadingMessage || 'Loading ...')),
         wizard));
 };
+exports.Wizard = Wizard;

package/src/View/AdaptableWizardView/helper.js

@@ -11,7 +11,7 @@ exports.prepareGridOptions = exports.getColTypeFromValue = exports.prepareDataSo
  * so if we receive v2, we transform it to 1
  * @param json
  */
-exports.prepareDataSource = (json, _file) => {
+const prepareDataSource = (json, _file) => {
     if (!Array.isArray(json) || !json.length) {
         return {
             primaryKey: undefined,
@@ -45,6 +45,7 @@ exports.prepareDataSource = (json, _file) => {
         data,
     };
 };
+exports.prepareDataSource = prepareDataSource;
 const typeToColType = {
     string: 'abColDefString',
     number: 'abColDefNumber',
@@ -52,7 +53,7 @@ const typeToColType = {
     date: 'abColDefDate',
 };
 const abColDefCustom = 'abColDefCustom';
-exports.getColTypeFromValue = (value) => {
+const getColTypeFromValue = (value) => {
     const dataType = typeof value;
     let columnType = typeToColType[dataType] || typeToColType.string;
     if (value instanceof Date) {
@@ -63,7 +64,8 @@ exports.getColTypeFromValue = (value) => {
     }
     return columnType;
 };
-exports.prepareGridOptions = (dataSourceInfo) => {
+exports.getColTypeFromValue = getColTypeFromValue;
+const prepareGridOptions = (dataSourceInfo) => {
     const firstItem = dataSourceInfo.data[0];
     const columnDefs = dataSourceInfo.columns.map((columnName) => {
         const firstItemValue = firstItem[columnName];
@@ -91,3 +93,4 @@ exports.prepareGridOptions = (dataSourceInfo) => {
     };
     return gridOptions;
 };
+exports.prepareGridOptions = prepareGridOptions;

package/src/View/Alert/ActiveAlertsPanel.js

@@ -7,9 +7,10 @@ const AdaptableContext_1 = require("../AdaptableContext");
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const AdaptableObjectCompactList_1 = require("../Components/AdaptableObjectList/AdaptableObjectCompactList");
 const react_redux_1 = require("react-redux");
-exports.ActiveAlertsPanel = () => {
+const ActiveAlertsPanel = () => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.AlertModuleId);
     const alerts = react_redux_1.useSelector((state) => state.System.AdaptableAlerts);
     return React.createElement(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: alerts, module: filterModule });
 };
+exports.ActiveAlertsPanel = ActiveAlertsPanel;

package/src/View/Alert/AlertEmptyView.js

@@ -4,7 +4,7 @@ exports.AlertEmptyView = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.AlertEmptyView = (props) => {
+const AlertEmptyView = (props) => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const accessLevel = adaptable.api.internalApi
         .getEntitlementService()
@@ -14,3 +14,4 @@ exports.AlertEmptyView = (props) => {
         : "Click 'New' to start creating Alert Definitions. An Alert is triggered whenever an edit - or external data change - matches the Rule in the Alert Definition.";
     return React.createElement(React.Fragment, null, text);
 };
+exports.AlertEmptyView = AlertEmptyView;

package/src/View/Alert/AlertStatusSubPanel.js

@@ -10,7 +10,7 @@ const StatusBarPanel_1 = require("../StatusBar/StatusBarPanel");
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const ActiveAlertsPanel_1 = require("./ActiveAlertsPanel");
 const initialStyle = { color: '', background: '' };
-exports.AlertStatusPanel = () => {
+const AlertStatusPanel = () => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const [style, setStyle] = React.useState(initialStyle);
     const module = adaptable.ModuleService.getModuleById(ModuleConstants.AlertModuleId);
@@ -50,3 +50,4 @@ exports.AlertStatusPanel = () => {
     let alertsPanel = React.createElement(ActiveAlertsPanel_1.ActiveAlertsPanel, null);
     return (React.createElement(StatusBarPanel_1.StatusBarPanel, { tooltip: module.moduleInfo.ModuleName, "data-name": module.moduleInfo.ModuleName, color: style.color, backgroundColor: style.background, onAction: handleAction, icon: module.moduleInfo.Glyph, popover: alerts.length ? alertsPanel : null, content: text }));
 };
+exports.AlertStatusPanel = AlertStatusPanel;

package/src/View/Alert/Utilities/getAlertButtonStyle.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAlertButtonStyle = void 0;
 const tslib_1 = require("tslib");
 const UIHelper_1 = tslib_1.__importDefault(require("../../UIHelper"));
-exports.getAlertButtonStyle = (alerts) => {
+const getAlertButtonStyle = (alerts) => {
     const messageType = UIHelper_1.default.getMessageTypeFromAdaptableAlerts(alerts);
     const messageTypeColor = UIHelper_1.default.getColorByMessageType(messageType);
     const buttonBackground = UIHelper_1.default.getButtonColourForAdaptableAlerts(alerts, messageTypeColor);
@@ -13,3 +13,4 @@ exports.getAlertButtonStyle = (alerts) => {
         background: buttonBackground,
     };
 };
+exports.getAlertButtonStyle = getAlertButtonStyle;

package/src/View/Alert/Wizard/AlertBehaviourWizardSection.js

@@ -48,7 +48,7 @@ const HighlightStyle = (props) => {
                     } }))))));
 };
 // both used in wizard and list view
-exports.renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
+const renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
     const { AlertProperties = {} } = alert;
     const values = [
         AlertProperties.PreventEdit ? { label: 'Prevent Cell Edit', id: 'preventCellEdit' } : null,
@@ -82,7 +82,8 @@ exports.renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
             return React.createElement(React.Fragment, null, x.label);
         } }));
 };
-exports.AlertBehaviourWizardSection = (props) => {
+exports.renderAlertBehaviourSummary = renderAlertBehaviourSummary;
+const AlertBehaviourWizardSection = (props) => {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const { AlertProperties = {} } = data;
     const rowAddedAlert = api.internalApi.isAlertDefinitionForAddedRowChangeEvent(data);
@@ -126,3 +127,4 @@ exports.AlertBehaviourWizardSection = (props) => {
                     onChange({ LogToConsole });
                 } }, "Log To Console"))));
 };
+exports.AlertBehaviourWizardSection = AlertBehaviourWizardSection;

package/src/View/Alert/Wizard/AlertButtonsEditor.js

@@ -12,7 +12,7 @@ const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayou
 const CheckBox_1 = require("../../../components/CheckBox");
 const Helper_1 = require("../../../Utilities/Helpers/Helper");
 const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
-exports.AlertButtonsEditor = (props) => {
+const AlertButtonsEditor = (props) => {
     const { api, adaptableAlert } = props;
     const onChange = (newButtons) => {
         props.onChange(newButtons);
@@ -147,3 +147,4 @@ exports.AlertButtonsEditor = (props) => {
                                 btnUserFunctions.join(', ')))) : null))));
         })));
 };
+exports.AlertButtonsEditor = AlertButtonsEditor;

package/src/View/Alert/Wizard/AlertDisplayWizardSection.js

@@ -20,7 +20,7 @@ const DEFAULT_BUTTONS = [
         },
     },
 ];
-exports.renderAlertDisplaySummary = () => {
+const renderAlertDisplaySummary = () => {
     var _a;
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     if (!((_a = data.AlertProperties) === null || _a === void 0 ? void 0 : _a.DisplayNotification)) {
@@ -31,7 +31,8 @@ exports.renderAlertDisplaySummary = () => {
     }
     return React.createElement(exports.AlertPreview, { api: api, alertDefinition: data });
 };
-exports.AlertPreview = (_a) => {
+exports.renderAlertDisplaySummary = renderAlertDisplaySummary;
+const AlertPreview = (_a) => {
     var { alertDefinition, api, focusFirstButton } = _a, boxProps = tslib_1.__rest(_a, ["alertDefinition", "api", "focusFirstButton"]);
     const mapButtons = React.useCallback((button) => {
         let buttonStyle = button.ButtonStyle;
@@ -55,7 +56,8 @@ exports.AlertPreview = (_a) => {
     return (React.createElement(rebass_1.Box, Object.assign({}, boxProps, { style: Object.assign({ border: '1px solid var(--ab-color-inputborder)' }, boxProps.style) }),
         React.createElement(AdaptablePopupAlert_1.AdaptablePopupAlert, { headless: true, focusFirstButton: focusFirstButton, adaptableAlert: alertToPreview, onClose: () => { } })));
 };
-exports.AlertDisplayWizardSection = (props) => {
+exports.AlertPreview = AlertPreview;
+const AlertDisplayWizardSection = (props) => {
     var _a, _b, _c, _d;
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const messageType = data.MessageType;
@@ -106,3 +108,4 @@ exports.AlertDisplayWizardSection = (props) => {
             React.createElement(Tabs_1.Tabs.Tab, null, "Alert preview"),
             React.createElement(Tabs_1.Tabs.Content, null, typeof data.AlertForm === 'string' ? (React.createElement(rebass_1.Text, { fontSize: 2 }, "Preview not available because form is dynamically driven")) : (React.createElement(exports.AlertPreview, { alertDefinition: data, api: api }))))) : null));
 };
+exports.AlertDisplayWizardSection = AlertDisplayWizardSection;

package/src/View/Alert/Wizard/AlertRulesWizardSection.js

@@ -6,10 +6,11 @@ const React = tslib_1.__importStar(require("react"));
 const BaseAlertRulesWizardSection_1 = require("./BaseAlertRulesWizardSection");
 const EntityRulesEditor_1 = require("../../Components/EntityRulesEditor");
 const Tag_1 = require("../../../components/Tag");
-exports.AlertRulesWizardSection = (props) => {
+const AlertRulesWizardSection = (props) => {
     return React.createElement(BaseAlertRulesWizardSection_1.BaseAlertRulesWizardSection, Object.assign({}, props));
 };
-exports.renderAlertRulesSummary = (alertDefinition) => {
+exports.AlertRulesWizardSection = AlertRulesWizardSection;
+const renderAlertRulesSummary = (alertDefinition) => {
     return (React.createElement(EntityRulesEditor_1.EntityRulesSummary, { data: alertDefinition, renderPredicate: (contents) => {
             return (React.createElement(React.Fragment, null,
                 "Alert condition ",
@@ -20,3 +21,4 @@ exports.renderAlertRulesSummary = (alertDefinition) => {
                 React.createElement(Tag_1.Tag, null, contents)));
         } }));
 };
+exports.renderAlertRulesSummary = renderAlertRulesSummary;

package/src/View/Alert/Wizard/AlertScopeWizardSection.js

@@ -4,6 +4,7 @@ exports.AlertScopeWizardSection = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const BaseAlertScopeWizardSection_1 = require("./BaseAlertScopeWizardSection");
-exports.AlertScopeWizardSection = (props) => {
+const AlertScopeWizardSection = (props) => {
     return React.createElement(BaseAlertScopeWizardSection_1.BaseAlertScopeWizardSection, Object.assign({}, props));
 };
+exports.AlertScopeWizardSection = AlertScopeWizardSection;

package/src/View/Alert/Wizard/AlertWizard.js

@@ -20,7 +20,7 @@ const react_redux_1 = require("react-redux");
 const AlertRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/AlertRedux"));
 const AdaptableContext_1 = require("../../AdaptableContext");
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-exports.AlertWizard = (props) => {
+const AlertWizard = (props) => {
     const [alertDefinition, setAlertDefinition] = react_1.useState(() => {
         var _a;
         const alertDefinition = props.data
@@ -177,3 +177,4 @@ exports.AlertWizard = (props) => {
             },
         ] }));
 };
+exports.AlertWizard = AlertWizard;

package/src/View/Alert/Wizard/BaseAlertRulesWizardSection.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const EntityRulesEditor_1 = require("../../Components/EntityRulesEditor");
-exports.BaseAlertRulesWizardSection = (props) => {
+const BaseAlertRulesWizardSection = (props) => {
     const { data, api, moduleInfo } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const wholeRowScope = props.wholeRowScope != null ? props.wholeRowScope : api.scopeApi.scopeIsAll(data.Scope);
     const predicateDefs = api.alertApi.getAlertPredicateDefsForScope(data.Scope);
@@ -25,3 +25,4 @@ exports.BaseAlertRulesWizardSection = (props) => {
                 " is 'Whole Row' - so any data change may be evaluated in a complex AggregatedBooleanExpression")),
         } }));
 };
+exports.BaseAlertRulesWizardSection = BaseAlertRulesWizardSection;

package/src/View/Alert/Wizard/BaseAlertScopeWizardSection.js

@@ -7,7 +7,7 @@ const rebass_1 = require("rebass");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
 const ValueSelector_1 = require("../../Components/ValueSelector");
-exports.BaseAlertScopeWizardSection = (props) => {
+const BaseAlertScopeWizardSection = (props) => {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(rebass_1.Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
         React.createElement(NewScopeComponent_1.NewScopeComponent, { descriptions: {
@@ -40,7 +40,8 @@ exports.BaseAlertScopeWizardSection = (props) => {
                 props.onChange(newData);
             } })));
 };
-exports.renderBaseAlertScopeSummary = (data) => {
+exports.BaseAlertScopeWizardSection = BaseAlertScopeWizardSection;
+const renderBaseAlertScopeSummary = (data) => {
     const { api: { scopeApi }, } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const columnsInScope = scopeApi.getColumnsForScope(data.Scope);
     return (React.createElement(React.Fragment, null,
@@ -55,3 +56,4 @@ exports.renderBaseAlertScopeSummary = (data) => {
             React.createElement(rebass_1.Text, { fontSize: 2, mb: 2 }, "Changes in columns of the selected data-types trigger an alert"),
             React.createElement(ValueSelector_1.ValueOptionsTags, { readOnly: true, options: data.Scope.DataTypes, value: data.Scope.DataTypes, toLabel: (c) => c, allowWrap: true, renderLabel: (c) => React.createElement(React.Fragment, null, `DataType: ${c}`), toIdentifier: (c) => c }))) : null)));
 };
+exports.renderBaseAlertScopeSummary = renderBaseAlertScopeSummary;

package/src/View/Alert/Wizard/isValidAlertRules.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isValidAlertRules = void 0;
 const ModuleConstants_1 = require("../../../Utilities/Constants/ModuleConstants");
-exports.isValidAlertRules = (alert, api, context) => {
+const isValidAlertRules = (alert, api, context) => {
     let valid = true;
     if (!alert.Rule.Predicate &&
         !alert.Rule.BooleanExpression &&
@@ -43,3 +43,4 @@ exports.isValidAlertRules = (alert, api, context) => {
     }
     return true;
 };
+exports.isValidAlertRules = isValidAlertRules;

package/src/View/CalculatedColumn/CalculatedColumnSummary.d.ts

@@ -16,4 +16,4 @@ export declare class CalculatedColumnSummaryComponent extends React.Component<Ca
     onFinishWizard: (calculatedColumn: CalculatedColumn) => void;
     canFinishWizard(): boolean;
 }
-export declare let CalculatedColumnSummary: import("react-redux").ConnectedComponent<typeof CalculatedColumnSummaryComponent, Pick<React.ClassAttributes<CalculatedColumnSummaryComponent> & CalculatedColumnSummaryProps, never>>;
+export declare let CalculatedColumnSummary: import("react-redux").ConnectedComponent<typeof CalculatedColumnSummaryComponent, import("react-redux").Omit<React.ClassAttributes<CalculatedColumnSummaryComponent> & CalculatedColumnSummaryProps, "ref" | "key" | "api" | "onSuspend" | "accessLevel" | "popupParams" | "onClearPopupParams" | "teamSharingActivated" | "onClosePopup" | "moduleInfo" | "onUnSuspend" | "modalContainer" | "onShare" | "onEdit" | "summarisedColumn" | "CalculatedColumns" | "onDeleteConfirm">>;

package/src/View/CalculatedColumn/Utilities/getCalculatedColumnSettingTags.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCalculatedColumnSettingTags = void 0;
-exports.getCalculatedColumnSettingTags = (settings) => {
+const getCalculatedColumnSettingTags = (settings) => {
     const { DataType, Width, Filterable, Resizable, Groupable, Sortable, Pivotable, Aggregatable } = settings !== null && settings !== void 0 ? settings : {};
     return [
         DataType ? `DataType: ${DataType}` : null,
@@ -14,3 +14,4 @@ exports.getCalculatedColumnSettingTags = (settings) => {
         Aggregatable ? 'Aggregatable' : null,
     ].filter(Boolean);
 };
+exports.getCalculatedColumnSettingTags = getCalculatedColumnSettingTags;

package/src/View/CalculatedColumn/Wizard/CalculatedColumnExpressionWizardSection.js

@@ -10,13 +10,14 @@ const ExpressionEditor_1 = require("../../../components/ExpressionEditor");
 const Tabs_1 = require("../../../components/Tabs");
 const CodeBlock_1 = require("../../../components/CodeBlock");
 const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
-exports.renderCalculatedColumnExpressionSummary = (data) => {
+const renderCalculatedColumnExpressionSummary = (data) => {
     var _a;
     return (React.createElement(rebass_1.Box, { fontSize: 2 },
         "Column scalar expression: ",
         React.createElement(CodeBlock_1.CodeBlock, null, (_a = data.Query) === null || _a === void 0 ? void 0 : _a.ScalarExpression)));
 };
-exports.isValidCalculatedColumnExpression = (data, api) => {
+exports.renderCalculatedColumnExpressionSummary = renderCalculatedColumnExpressionSummary;
+const isValidCalculatedColumnExpression = (data, api) => {
     var _a;
     const calculatedColumnExpressionService = api.internalApi.getCalculatedColumnExpressionService();
     const expression = (_a = api.queryLanguageApi.getAdaptableQueryExpression(data.Query)) === null || _a === void 0 ? void 0 : _a.trim();
@@ -29,6 +30,7 @@ exports.isValidCalculatedColumnExpression = (data, api) => {
     }
     return true;
 };
+exports.isValidCalculatedColumnExpression = isValidCalculatedColumnExpression;
 const QueryTab = (props) => {
     const { type, label, disabled = false } = props, tabProps = tslib_1.__rest(props, ["type", "label", "disabled"]);
     const text = (React.createElement(rebass_1.Flex, { flexDirection: "column" },
@@ -41,7 +43,7 @@ const QueryTab = (props) => {
 QueryTab.defaultProps = {
     isTabsTab: true,
 };
-exports.CalculatedColumnExpressionWizardSection = (props) => {
+const CalculatedColumnExpressionWizardSection = (props) => {
     const { api, data, moduleInfo } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const initialData = react_1.useMemo(() => api.internalApi.getQueryPreviewData(), []);
     const type = data.Query.AggregatedScalarExpression != undefined
@@ -77,3 +79,4 @@ exports.CalculatedColumnExpressionWizardSection = (props) => {
         React.createElement(Tabs_1.Tabs.Content, { value: 'AggregatedScalarExpression' },
             React.createElement(ExpressionEditor_1.ExpressionEditor, { type: 'aggregatedScalar', module: moduleInfo.ModuleName, style: { paddingLeft: 0 }, value: data.Query.AggregatedScalarExpression, onChange: (AggregatedScalarExpression) => setCalculatedColumnExpression({ AggregatedScalarExpression }), initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.queryApi.getAllNamedQuery(), isFullExpression: true, api: api }))));
 };
+exports.CalculatedColumnExpressionWizardSection = CalculatedColumnExpressionWizardSection;

package/src/View/CalculatedColumn/Wizard/CalculatedColumnSettingsWizardSection.js

@@ -16,7 +16,7 @@ const ValueSelector_1 = require("../../Components/ValueSelector");
 const Tag_1 = require("../../../components/Tag");
 const getCalculatedColumnSettingTags_1 = require("../Utilities/getCalculatedColumnSettingTags");
 const SpecialColumnSettingsWizardStep_1 = require("../../SpecialColumnSettingsWizardStep");
-exports.renderCalculatedColumnSettingsSummary = (data) => {
+const renderCalculatedColumnSettingsSummary = (data) => {
     var _a;
     const options = getCalculatedColumnSettingTags_1.getCalculatedColumnSettingTags(data.CalculatedColumnSettings);
     return (React.createElement(rebass_1.Box, { fontSize: 2 },
@@ -29,7 +29,8 @@ exports.renderCalculatedColumnSettingsSummary = (data) => {
         React.createElement(rebass_1.Box, { mb: 3 }),
         React.createElement(ValueSelector_1.ValueOptionsTags, { toLabel: (x) => x, toIdentifier: (c) => c, readOnly: true, options: options, value: options })));
 };
-exports.isValidCalculatedColumnSettings = (data, api) => {
+exports.renderCalculatedColumnSettingsSummary = renderCalculatedColumnSettingsSummary;
+const isValidCalculatedColumnSettings = (data, api) => {
     var _a;
     const columns = api.columnApi.getColumns();
     if (!data.ColumnId) {
@@ -42,7 +43,8 @@ exports.isValidCalculatedColumnSettings = (data, api) => {
     const hasAlreadyExistingId = data.Uuid ? columnsWithSameIdCount > 1 : columnsWithSameIdCount > 0;
     return hasAlreadyExistingId ? 'A Column already exists with that id' : true;
 };
-exports.CalculatedColumnSettingsWizardSection = (props) => {
+exports.isValidCalculatedColumnSettings = isValidCalculatedColumnSettings;
+const CalculatedColumnSettingsWizardSection = (props) => {
     var _a, _b;
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const calculatedColumnExpressionService = react_1.useMemo(() => api.internalApi.getCalculatedColumnExpressionService(), []);
@@ -128,3 +130,4 @@ exports.CalculatedColumnSettingsWizardSection = (props) => {
         ErrorMessage ? React.createElement(ErrorBox_1.default, { marginTop: 2 }, ErrorMessage) : null,
         React.createElement(SpecialColumnSettingsWizardStep_1.SpecialColumnSettingsWizardStep, { isEditable: false, settings: data.CalculatedColumnSettings, onChange: handleSpecialColumnSettingsChange })));
 };
+exports.CalculatedColumnSettingsWizardSection = CalculatedColumnSettingsWizardSection;

package/src/View/CalculatedColumn/Wizard/CalculatedColumnWizard.js

@@ -14,7 +14,7 @@ const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/Obje
 const react_redux_1 = require("react-redux");
 const CalculatedColumnRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/CalculatedColumnRedux"));
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-exports.CalculatedColumnWizard = (props) => {
+const CalculatedColumnWizard = (props) => {
     var _a;
     const adaptable = AdaptableContext_1.useAdaptable();
     const allCalculatedColumns = react_redux_1.useSelector((state) => state.CalculatedColumn.CalculatedColumns);
@@ -80,3 +80,4 @@ exports.CalculatedColumnWizard = (props) => {
             },
         ] }));
 };
+exports.CalculatedColumnWizard = CalculatedColumnWizard;

package/src/View/CellSummary/CellSummaryPopover.js

@@ -4,6 +4,7 @@ exports.CellSummaryPopover = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const CellSummaryDetails_1 = require("./CellSummaryDetails");
-exports.CellSummaryPopover = (props) => {
+const CellSummaryPopover = (props) => {
     return React.createElement(CellSummaryDetails_1.CellSummaryDetails, { CellSummary: props.CellSummary });
 };
+exports.CellSummaryPopover = CellSummaryPopover;

package/src/View/CellSummary/CellSummaryStatusBarSubPanelPopover.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const CellSummaryDetails_1 = require("./CellSummaryDetails");
 const react_redux_1 = require("react-redux");
-exports.CellSummaryStatusBarSubPanelPopover = () => {
+const CellSummaryStatusBarSubPanelPopover = () => {
     const cellSummary = react_redux_1.useSelector((state) => state.Grid.CellSummary);
     const summary = React.createElement(CellSummaryDetails_1.CellSummaryDetails, { CellSummary: cellSummary });
     return cellSummary && cellSummary.Count ? (summary) : (
@@ -13,3 +13,4 @@ exports.CellSummaryStatusBarSubPanelPopover = () => {
     // inside a  EmptyContent, hat has position absolute
     React.createElement("div", { style: { position: 'relative', width: '100%', height: 80 } }, summary));
 };
+exports.CellSummaryStatusBarSubPanelPopover = CellSummaryStatusBarSubPanelPopover;

package/src/View/CellSummary/CellSummaryStatusPanel.js

@@ -9,7 +9,7 @@ const StatusBarPanel_1 = require("../StatusBar/StatusBarPanel");
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const GridRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/GridRedux"));
 const CellSummaryStatusBarSubPanelPopover_1 = require("./CellSummaryStatusBarSubPanelPopover");
-exports.CellSummaryStatusPanel = () => {
+const CellSummaryStatusPanel = () => {
     var _a;
     const adaptable = AdaptableContext_1.useAdaptable();
     const dispatch = react_redux_1.useDispatch();
@@ -34,3 +34,4 @@ exports.CellSummaryStatusPanel = () => {
     }, []);
     return (React.createElement(StatusBarPanel_1.StatusBarPanel, { tooltip: module.moduleInfo.ModuleName, "data-name": module.moduleInfo.ModuleName, icon: module.moduleInfo.Glyph, onAction: onAction, content: text, popover: CellSummaryStatusBarSubPanelPopover_1.CellSummaryStatusBarSubPanelPopover, popoverMinWidth: 360 }));
 };
+exports.CellSummaryStatusPanel = CellSummaryStatusPanel;

package/src/View/ColorPicker.d.ts

@@ -7,4 +7,8 @@ export declare type ColorPickerProps = Omit<HTMLProps<HTMLInputElement>, 'onChan
     onChange: (color: string) => void;
     value: string;
 } & Omit<BoxProps, 'onChange'>;
-export declare const ColorPicker: React.ForwardRefExoticComponent<Pick<ColorPickerProps, "max" | "required" | "default" | "high" | "low" | "disabled" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "m" | "color" | "content" | "size" | "flex" | "wrap" | "padding" | "multiple" | "alignSelf" | "backgroundColor" | "fontSize" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "opacity" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "translate" | "width" | "margin" | "children" | "key" | "list" | "step" | "type" | "min" | "contextMenu" | "api" | "value" | "onKeyDown" | "rows" | "name" | "className" | "id" | "lang" | "method" | "target" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "src" | "srcLang" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "poster" | "challenge" | "keyType" | "keyParams" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "css" | "bg"> & React.RefAttributes<unknown>>;
+export declare const ColorPicker: React.ForwardRefExoticComponent<Pick<Omit<React.HTMLProps<HTMLInputElement>, "onChange"> & {
+    api: AdaptableApi;
+    onChange: (color: string) => void;
+    value: string;
+} & Omit<BoxProps, "onChange">, "max" | "required" | "default" | "high" | "low" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "disabled" | "m" | "color" | "content" | "size" | "flex" | "wrap" | "padding" | "multiple" | "alignSelf" | "backgroundColor" | "fontSize" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "opacity" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "translate" | "width" | "margin" | "children" | "key" | "list" | "step" | "type" | "min" | "contextMenu" | "api" | "value" | "onKeyDown" | "rows" | "name" | "className" | "id" | "lang" | "method" | "target" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "src" | "srcLang" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "poster" | "challenge" | "keyType" | "keyParams" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "css" | "bg"> & React.RefAttributes<unknown>>;