@adaptabletools/adaptable 17.0.0-canary.0 → 17.0.0-canary.1

package/src/components/ExpressionEditor/QueryBuilder/QueryBuilderInputs.js

@@ -2,26 +2,26 @@ import React from 'react';
 import { Flex } from 'rebass';
 import { getQlPredicateSymbol } from '../../../parser/src/predicate/mapQlPredicateToExpression';
 import AdaptableInput from '../../../View/Components/AdaptableInput';
+import { ColumnSelector } from '../../../View/Components/Selectors/ColumnSelector';
+import { PermittedValuesSelector } from '../../../View/Components/Selectors/PermittedValuesSelector';
 import { CheckBox } from '../../CheckBox';
 import DropdownButton from '../../DropdownButton';
+import { Icon } from '../../icons';
+import { Select } from '../../Select';
 import { useQueryBuilderContext } from './QueryBuilder';
 import { mapExpressionFunctionTypeToColumnDataType } from './utils';
-export const ColumnSelector = (props) => {
-    var _a, _b;
-    const { getFields } = useQueryBuilderContext();
-    const options = getFields(props.type).map((field) => (Object.assign(Object.assign({}, field), { onClick: () => {
-            if (field.value !== props.columnId) {
-                props.onChange(`[${field.value}]`);
-            }
-        } })));
-    const friendlyName = (_b = (_a = options.find((o) => o.value === props.columnId)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : props.columnId;
-    return (React.createElement(DropdownButton, { "data-id": "column-selector", "data-value": props.columnId, variant: "raised", tone: "none", columns: ['label'], items: options }, friendlyName !== null && friendlyName !== void 0 ? friendlyName : 'Select Column'));
+export const PrimitiveColumnSelector = (props) => {
+    return (React.createElement(ColumnSelector, { value: props.columnId, type: props.type, onChange: (columnId) => {
+            props.onChange(`[${columnId}]`);
+        } }));
 };
 export const PrimiteValueInput = (props) => {
     var _a, _b;
     const [type, setType] = React.useState(() => {
         var _a;
-        return typeof (props === null || props === void 0 ? void 0 : props.value) === 'string' && ((_a = props === null || props === void 0 ? void 0 : props.value) === null || _a === void 0 ? void 0 : _a.includes('[')) ? 'column' : 'value';
+        return typeof (props === null || props === void 0 ? void 0 : props.value) === 'string' && ((_a = props === null || props === void 0 ? void 0 : props.value) === null || _a === void 0 ? void 0 : _a.includes('['))
+            ? 'column-name'
+            : 'input-value';
     });
     const handleTypeChange = (newType) => {
         if (type !== newType) {
@@ -32,11 +32,14 @@ export const PrimiteValueInput = (props) => {
     };
     const getEditor = () => {
         var _a, _b;
-        switch (props.type) {
+        const common = {
+            'data-id': 'query-input',
+        };
+        switch (props.inputType) {
             case 'boolean':
-                return React.createElement(CheckBox, { checked: props.value, onChange: () => props.onChange(!props.value) });
+                return (React.createElement(CheckBox, Object.assign({}, common, { checked: props.value, onChange: () => props.onChange(!props.value) })));
             case 'number':
-                return (React.createElement(AdaptableInput, { type: "number", value: (_a = props.value) !== null && _a !== void 0 ? _a : '', onChange: (event) => {
+                return (React.createElement(AdaptableInput, Object.assign({}, common, { type: "number", value: (_a = props.value) !== null && _a !== void 0 ? _a : '', onChange: (event) => {
                         const value = event.target.value;
                         if (value === '') {
                             props.onChange(undefined);
@@ -44,43 +47,55 @@ export const PrimiteValueInput = (props) => {
                         else {
                             props.onChange(parseFloat(value));
                         }
-                    } }));
+                    } })));
             case 'text':
-                return (React.createElement(AdaptableInput, { type: "text", value: (_b = props.value) !== null && _b !== void 0 ? _b : '', onChange: (event) => {
+                return (React.createElement(AdaptableInput, Object.assign({}, common, { type: "text", value: (_b = props.value) !== null && _b !== void 0 ? _b : '', onChange: (event) => {
                         props.onChange(event.target.value);
-                    } }));
+                    } })));
             case 'date':
                 // date format = 'DATE(2020-01-01)'
                 const dateStr = typeof props.value === 'string' ? props.value.replace('DATE(', '').replace(')', '') : '';
-                return (React.createElement(AdaptableInput, { type: "date", value: dateStr !== null && dateStr !== void 0 ? dateStr : '', onChange: (event) => {
+                return (React.createElement(AdaptableInput, Object.assign({}, common, { type: "date", value: dateStr !== null && dateStr !== void 0 ? dateStr : '', onChange: (event) => {
                         const stringified = `DATE("${event.target.value}")`;
                         props.onChange(stringified);
-                    } }));
+                    } })));
             default:
                 return React.createElement(React.Fragment, null);
         }
     };
     let editor = null;
-    if (type === 'column') {
+    if (type === 'column-name') {
         const columnId = props.value ? (_b = (_a = props === null || props === void 0 ? void 0 : props.value) === null || _a === void 0 ? void 0 : _a.replace) === null || _b === void 0 ? void 0 : _b.call(_a, '[', '').replace(']', '') : undefined;
-        const abColType = mapExpressionFunctionTypeToColumnDataType(props.type);
-        editor = (React.createElement(ColumnSelector, { columnId: columnId, onChange: (col) => props.onChange(col), type: abColType }));
+        const abColType = mapExpressionFunctionTypeToColumnDataType(props.inputType);
+        editor = (React.createElement(PrimitiveColumnSelector, { columnId: columnId, onChange: (col) => props.onChange(col), type: abColType }));
+    }
+    else if (!['date', 'boolean'].includes(props.inputType)) {
+        editor = (React.createElement(PermittedValuesSelector, { allowNewValues: true, value: props.value, columnId: props.lefthandColumnIdParam, onChange: (value) => {
+                props.onChange(value);
+            } }));
     }
     else {
         editor = getEditor();
     }
+    const options = [
+        {
+            label: 'Column',
+            icon: 'columns',
+            value: 'column-name',
+        },
+        {
+            label: 'Value',
+            icon: 'edit',
+            value: 'input-value',
+        },
+    ];
+    const typeOption = options.find((option) => option.value === type);
     return (React.createElement(Flex, { "data-id": "query-input-wrapper", mr: 2 },
-        React.createElement(DropdownButton, { mr: 2, "data-id": "input-type-selector", columns: ['label'], items: [
-                {
-                    label: 'Column',
-                    onClick: () => handleTypeChange('column'),
-                },
-                {
-                    label: 'Value',
-                    onClick: () => handleTypeChange('value'),
-                },
-            ] }, type === 'column' ? 'Column' : 'Value'),
-        editor));
+        editor,
+        React.createElement(Flex, null,
+            React.createElement(Select, { rederSingleValue: (value) => {
+                    return (React.createElement(React.Fragment, null, typeOption.value === 'column-name' ? React.createElement(Icon, { name: "grid" }) : React.createElement(Icon, { name: "edit" })));
+                }, variant: "raised", value: typeOption.value, options: options, onChange: (value) => handleTypeChange(value) }))));
 };
 export const ExpressionSelector = (props) => {
     var _a;

package/src/components/ExpressionEditor/QueryBuilder/QueryPredicateBuilder.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { QlPredicate } from '../../../parser/src/predicate';
-export declare type QueryPredicateProps = {
+export type QueryPredicateProps = {
     predicate: QlPredicate;
     index?: number;
     id: string;

package/src/components/ExpressionEditor/QueryBuilder/QueryPredicateBuilder.js

@@ -8,7 +8,7 @@ import DropdownButton from '../../DropdownButton';
 import ErrorBox from '../../ErrorBox';
 import { Icon } from '../../icons';
 import SimpleButton from '../../SimpleButton';
-import { ColumnSelector, CombinatorSelector, ExpressionSelector, PrimiteValueInput, } from './QueryBuilderInputs';
+import { PrimitiveColumnSelector, CombinatorSelector, ExpressionSelector, PrimiteValueInput, } from './QueryBuilderInputs';
 import { getOperatorMatchingInputs as getFunctionMatchingInputTypes, mapColumnDataTypeToExpressionFunctionType, } from './utils';
 const ITEM_HEIGHT = 40;
 const BASE_CLASS_NAME = 'ab-QueryBuilder-predicate-editor';
@@ -16,9 +16,9 @@ const Handle = (props) => (React.createElement(Flex, Object.assign({ className:
     React.createElement(Icon, { name: "drag" })));
 const QueryPredicateButtons = (props) => {
     return (React.createElement(React.Fragment, null,
-        !props.hideAdd && (React.createElement(DropdownButton, { columns: ['label'], items: [
-                { label: 'Add Condition', onClick: () => props.onNewPredicate('filter') },
-                { label: 'Add Group', onClick: () => props.onNewPredicate('group') },
+        !props.hideAdd && (React.createElement(DropdownButton, { listMinWidth: 150, columns: ['label'], items: [
+                { label: 'Add Column Condition', onClick: () => props.onNewPredicate('filter') },
+                { label: 'Add AND / OR Group', onClick: () => props.onNewPredicate('group') },
             ], variant: "text" },
             React.createElement(Icon, { name: "plus" }))),
         !props.hideDelete && (React.createElement(SimpleButton, { icon: "delete", variant: "text", onClick: () => {
@@ -127,7 +127,7 @@ const PrimitiveFunctionEditor = (props) => {
             React.createElement(Handle, Object.assign({}, provided.dragHandleProps)),
             React.createElement(Flex, { alignItems: "center", height: ITEM_HEIGHT },
                 React.createElement(Box, { mr: 2 },
-                    React.createElement(ColumnSelector, { onChange: (colId) => {
+                    React.createElement(PrimitiveColumnSelector, { onChange: (colId) => {
                             props.onChange(Object.assign(Object.assign({}, props.predicate), { args: [colId], operator: null }));
                         }, columnId: columnId })),
                 columnId && columnDataType && (React.createElement(ExpressionSelector, { dataType: columnDataType, onExpressionChange: (operator) => {
@@ -141,7 +141,7 @@ const PrimitiveFunctionEditor = (props) => {
                     }, value: props.predicate.operator })),
                 React.createElement(Flex, { flex: 1, ml: 2 }, restOfFunctionInputDataTypes.map((type, index) => {
                     var _a;
-                    return (React.createElement(PrimiteValueInput, { key: type + index, type: type, value: (_a = restOfArgs[index]) !== null && _a !== void 0 ? _a : null, onChange: (value) => {
+                    return (React.createElement(PrimiteValueInput, { key: type + index, inputType: type, lefthandColumnIdParam: columnId, value: (_a = restOfArgs[index]) !== null && _a !== void 0 ? _a : null, onChange: (value) => {
                             const args = [...props.predicate.args];
                             // +1 because col is the first argument
                             args[index + 1] = value;

package/src/components/ExpressionEditor/QueryBuilder/booleanExpressions.js

@@ -9,4 +9,6 @@ export const booleanExpressionsAvailableInQueryBuilder = [
     'CONTAINS',
     'STARTS_WITH',
     'ENDS_WITH',
+    'IS_HOLIDAY',
+    'IS_WORKDAY',
 ];

package/src/components/ExpressionEditor/QueryBuilder/utils.d.ts

@@ -1,4 +1,4 @@
-import { QlPredicate } from '../../../parser/src/predicate';
+import { QlPredicate, QlPredicateError } from '../../../parser/src/predicate';
 import { ExpressionFunctionInputType } from '../../../parser/src/types';
 import { AdaptableColumnDataType, BooleanFunctionName } from '../../../types';
 export declare const reorder: (predicate: QlPredicate, from: string, to: string) => any;
@@ -6,3 +6,4 @@ export declare const mapColumnDataTypeToExpressionFunctionType: (dataType: Adapt
 export declare const mapExpressionFunctionTypeToColumnDataType: (type: ExpressionFunctionInputType) => AdaptableColumnDataType;
 export declare const getOperatorMatchingInputs: (columnType: ExpressionFunctionInputType, inputs: ExpressionFunctionInputType[] | Array<ExpressionFunctionInputType>[]) => ExpressionFunctionInputType[];
 export declare const getFunctionsForColumnType: (dataType: AdaptableColumnDataType, availableBooleanFunctions: BooleanFunctionName[]) => BooleanFunctionName[];
+export declare const getUnsuportedExpressionFromQlPredicate: (predicate: QlPredicate | QlPredicateError) => string;

package/src/components/ExpressionEditor/QueryBuilder/utils.js

@@ -1,3 +1,4 @@
+import { isQlLogicalOperator } from '../../../parser/src/predicate';
 import { booleanExpressionFunctions } from '../../../Utilities/ExpressionFunctions/booleanExpressionFunctions';
 import { deepClone } from '../../../Utilities/Extensions/ObjectExtensions';
 import { booleanExpressionsAvailableInQueryBuilder } from './booleanExpressions';
@@ -81,3 +82,32 @@ export const getFunctionsForColumnType = (dataType, availableBooleanFunctions) =
         return (matchingInputTypes === null || matchingInputTypes === void 0 ? void 0 : matchingInputTypes[0]) === columnType;
     });
 };
+export const getUnsuportedExpressionFromQlPredicate = (predicate) => {
+    if (!predicate) {
+        return null;
+    }
+    if (typeof predicate === 'object' && 'errorMessage' in predicate) {
+        return null;
+    }
+    if (typeof predicate !== 'object' || !('operator' in predicate) || !predicate.operator) {
+        return null;
+    }
+    if (!isQlLogicalOperator(predicate.operator) &&
+        !booleanExpressionsAvailableInQueryBuilder.includes(predicate.operator)) {
+        return `${predicate.operator} is not supported in the Query Builder`;
+    }
+    if (predicate.args.length === 0) {
+        return null;
+    }
+    let firstInvalidArg = null;
+    for (let arg of predicate.args) {
+        firstInvalidArg = getUnsuportedExpressionFromQlPredicate(arg);
+        if (firstInvalidArg) {
+            break;
+        }
+    }
+    if (firstInvalidArg) {
+        return firstInvalidArg;
+    }
+    return null;
+};

package/src/components/ExpressionEditor/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { AdaptableApi, AdaptableColumn, AdaptableModule, NamedQuery } from '../../types';
-export declare type ExpressionEditorType = 'boolean' | 'scalar' | 'observable' | 'aggregatedBoolean' | 'aggregatedScalar' | 'cumulativeAggregatedScalar' | 'quantileAggregatedScalar';
+export type ExpressionEditorType = 'boolean' | 'scalar' | 'observable' | 'aggregatedBoolean' | 'aggregatedScalar' | 'cumulativeAggregatedScalar' | 'quantileAggregatedScalar';
 interface ExpressionEditorProps {
     value: string;
     onChange: (value: string) => void;
@@ -16,6 +16,7 @@ interface ExpressionEditorProps {
     isFullExpression?: boolean;
     api: AdaptableApi;
     showQueryBuilder?: boolean;
+    showExpressionEditor?: boolean;
 }
 export declare function ExpressionEditor(props: ExpressionEditorProps): JSX.Element;
 export {};

package/src/components/ExpressionEditor/index.js

@@ -24,7 +24,7 @@ import { AdaptableFormControlTextClear } from '../../View/Components/Forms/Adapt
 import { Tabs } from '../Tabs';
 import { QueryBuilder } from './QueryBuilder';
 export function ExpressionEditor(props) {
-    var _a;
+    var _a, _b, _c;
     const { type, module } = props;
     const [data, setData] = useState(props.initialData);
     const [showColumnIds, setShowColumnIds] = useState(false);
@@ -40,10 +40,13 @@ export function ExpressionEditor(props) {
             props.onChange(value);
         }, testData: data, api: props.api })) : (
     // 'boolean','scalar','aggregatedScalar'/'cumulativeAggregatedScalar'/'quantileAggregatedScalar'
-    React.createElement(EditorInput, { type: type, module: module, value: props.value, onChange: (value) => {
-            setExpressionText(value);
-            props.onChange(value);
-        }, testData: data, isFullExpression: props.isFullExpression, api: props.api }));
+    (React.createElement(
+        EditorInput,
+        { type: type, module: module, value: props.value, onChange: (value) => {
+                setExpressionText(value);
+                props.onChange(value);
+            }, testData: data, isFullExpression: props.isFullExpression, api: props.api }
+    )));
     // currently only boolean and scalar expressions support nested calculated columns (calc cols which reference other calc cols)
     const queryableColumns = type === 'scalar' || type === 'boolean' || type === 'aggregatedScalar'
         ? props.columns
@@ -114,7 +117,32 @@ export function ExpressionEditor(props) {
                 ? namedQuery.BooleanExpression
                 : props.api.expressionApi.getAdaptableQueryExpressionWithColumnFriendlyNames(namedQuery)))))));
     const showDocumentationLinks = props.api.internalApi.isDocumentationLinksDisplayed();
+    // @Bogdan i did this to be sure but i think we can get rid of this as the button does the same (and better IMO)
+    const showNamedQueryStuff = false;
     const queryDocumentationLink = queryDocumentationLinks[type];
+    const saveAsNamedQueryElement = allowSaveNamedQuery &&
+        props.api.internalApi
+            .getModuleService()
+            .getModuleById(NamedQueryModuleId)
+            .isModuleEditable() && (React.createElement(Flex, { flexDirection: "row", mb: 2, fontSize: 3 },
+        React.createElement(CheckBox, { checked: !!namedQuery, onChange: (checked) => {
+                if (checked) {
+                    setNamedQuery({
+                        Name: '',
+                        BooleanExpression: expressionText,
+                    });
+                }
+                else {
+                    setNamedQuery(false);
+                }
+            }, mr: 2, style: { alignItems: 'center' } }, "Save as new Named Query"),
+        namedQuery ? (React.createElement(AdaptableInput, { style: { flex: 1 }, onChange: (event) => {
+                const { target: { value }, } = event;
+                setNamedQuery({
+                    Name: value,
+                    BooleanExpression: expressionText,
+                });
+            } })) : null));
     const editorElement = (React.createElement(Flex, { className: baseClassName, flex: 1, "data-name": "expression-editor-wrapper", pl: 2, style: props.style },
         React.createElement(Flex, { flex: 1, style: { minHeight: 0 }, flexDirection: "column", onFocus: (event) => {
                 if (event.target.tagName === 'TEXTAREA') {
@@ -133,69 +161,63 @@ export function ExpressionEditor(props) {
                         StringExtensions.CapitaliseFirstLetter(type),
                         " Query documentation for more details and examples")),
                     React.createElement(Box, { flex: 1 }),
-                    allowSaveNamedQuery &&
-                        props.api.internalApi
-                            .getModuleService()
-                            .getModuleById(NamedQueryModuleId)
-                            .isModuleEditable() && (React.createElement(Flex, { flexDirection: "row", mb: 2, fontSize: 3 },
-                        React.createElement(CheckBox, { checked: !!namedQuery, onChange: (checked) => {
-                                if (checked) {
-                                    setNamedQuery({
-                                        Name: '',
-                                        BooleanExpression: expressionText,
-                                    });
-                                }
-                                else {
-                                    setNamedQuery(false);
-                                }
-                            }, mr: 2, style: { alignItems: 'center' } }, "Save as new Named Query"),
-                        namedQuery ? (React.createElement(AdaptableInput, { style: { flex: 1 }, onChange: (event) => {
-                                const { target: { value }, } = event;
-                                setNamedQuery({
-                                    Name: value,
-                                    BooleanExpression: expressionText,
-                                });
-                            } })) : null))),
+                    showNamedQueryStuff && saveAsNamedQueryElement),
                 React.createElement(Box, { className: `${baseClassName}__column-picker`, "data-name": "expression-column-picker", pb: 2, paddingLeft: 2, pr: 2 },
                     ArrayExtensions.IsNotNullOrEmpty(props.namedQueries) && (React.createElement(Flex, { flexDirection: "row", alignItems: "start", p: 1, mt: 2, backgroundColor: "primarylight" },
                         React.createElement(Radio, { checked: !showNamedQueries, onChange: (checked) => setShowNamedQueries(!checked), style: { marginRight: 10 } }, "Columns"),
                         React.createElement(Radio, { checked: showNamedQueries, onChange: (checked) => setShowNamedQueries(checked), style: { marginLeft: 10, whiteSpace: 'nowrap' } }, "Named Queries"))),
                     showNamedQueries ? React.createElement("div", null, namedQueries) : React.createElement("div", null, dataTableEditor))))));
+    const queryBuilderElement = (React.createElement(QueryBuilder, { module: module, query: expressionText, onChange: (query) => {
+            setExpressionText(query);
+            props.onChange(query);
+        }, getColumns: (type) => {
+            return props.columns
+                .filter((column) => {
+                if (!type) {
+                    return (column.dataType === 'String' ||
+                        column.dataType === 'Number' ||
+                        column.dataType === 'Boolean' ||
+                        column.dataType === 'Date');
+                }
+                else {
+                    return column.dataType === type;
+                }
+            })
+                .map((col) => {
+                var _a;
+                return ({
+                    value: col.columnId,
+                    label: (_a = col.friendlyName) !== null && _a !== void 0 ? _a : col.columnId,
+                    type: col.dataType,
+                });
+            });
+        } }));
+    const showQueryBuilder = (_b = props.showQueryBuilder) !== null && _b !== void 0 ? _b : false;
+    const showExpressionEditor = (_c = props.showExpressionEditor) !== null && _c !== void 0 ? _c : true;
     return (React.createElement(ExpressionEditorContext.Provider, { value: {
             selectedFunction,
             setSelectedFunction,
             textAreaRef,
-        } }, props.showQueryBuilder ? (React.createElement(Tabs, { mb: 2, p: 2, minHeight: 0, flex: 1 },
-        React.createElement(Tabs.Tab, { value: "editor" }, "Expression Editor"),
-        React.createElement(Tabs.Tab, { value: "ui" }, "UI Query Builder"),
-        React.createElement(Tabs.Content, null, editorElement),
-        React.createElement(Tabs.Content, null,
-            React.createElement(Box, null,
-                React.createElement(QueryBuilder, { module: module, query: expressionText, onChange: (query) => {
-                        setExpressionText(query);
-                        props.onChange(query);
-                    }, getColumns: (type) => {
-                        return props.columns
-                            .filter((column) => {
-                            if (!type) {
-                                return (column.dataType === 'String' ||
-                                    column.dataType === 'Number' ||
-                                    column.dataType === 'Boolean' ||
-                                    column.dataType === 'Date');
-                            }
-                            else {
-                                return column.dataType === type;
-                            }
-                        })
-                            .map((col) => {
-                            var _a;
-                            return ({
-                                value: col.columnId,
-                                label: (_a = col.friendlyName) !== null && _a !== void 0 ? _a : col.columnId,
-                                type: col.dataType,
-                            });
-                        });
-                    } }))))) : (React.createElement(Flex, { flexDirection: "column", p: 2, height: "100%" }, editorElement))));
+        } }, (() => {
+        switch (true) {
+            case showQueryBuilder && showExpressionEditor:
+                return (React.createElement(Tabs, { mb: 2, p: 2, minHeight: 0, flex: 1 },
+                    React.createElement(Tabs.Tab, { value: "editor" }, "Expression Editor"),
+                    React.createElement(Tabs.Tab, { value: "ui" }, "Query Builder"),
+                    React.createElement(Tabs.Content, null, editorElement),
+                    React.createElement(Tabs.Content, null,
+                        React.createElement(Flex, { flexDirection: "column", height: "100%" },
+                            queryBuilderElement,
+                            React.createElement(Box, { flex: 1 }),
+                            showNamedQueryStuff && saveAsNamedQueryElement))));
+            case showQueryBuilder:
+                return (React.createElement(Flex, { flexDirection: "column", p: 2, height: "100%" }, queryBuilderElement));
+            case showExpressionEditor:
+                return (React.createElement(Flex, { flexDirection: "column", p: 2, height: "100%" }, editorElement));
+            default:
+                return null;
+        }
+    })()));
 }
 const renderQueryHints = (type) => {
     const examples = [];

package/src/components/FormLayout/index.d.ts

@@ -2,14 +2,14 @@ import * as React from 'react';
 import { BoxProps } from 'rebass';
 import { ReactNode } from 'react';
 import { ReactComponentLike } from 'prop-types';
-declare type FormColumn = {
+type FormColumn = {
     name: string;
     component?: ReactComponentLike;
     size?: string | number;
     className?: string;
     style?: React.CSSProperties;
 };
-declare type TypeFormLayout = {
+type TypeFormLayout = {
     childrenToColumns?: boolean;
     defaultComponent?: ReactComponentLike;
     columns?: (string | number | FormColumn)[];
@@ -19,8 +19,8 @@ declare type TypeFormLayout = {
     gridRowGap?: string | number;
     gridColumnGap?: string | number;
 };
-export declare type AdaptableFormConfig = TypeFormLayout;
-export declare type FormLayoutColumn = FormColumn;
+export type AdaptableFormConfig = TypeFormLayout;
+export type FormLayoutColumn = FormColumn;
 interface FormLayoutProps extends Omit<BoxProps, keyof TypeFormLayout>, TypeFormLayout {
 }
 declare const FormLayout: (props: FormLayoutProps) => JSX.Element;

package/src/components/Input/NumberInput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { InputProps } from './index';
-export declare type NumberInputProps = {
+export type NumberInputProps = {
     onChange: (value: number) => void;
 } & Omit<InputProps, 'onChange'>;
 /**

package/src/components/Input/index.d.ts

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { HTMLProps } from 'react';
 import { BoxProps } from 'rebass';
 export declare const baseClassName = "ab-Input";
-export declare type InputProps = HTMLProps<HTMLInputElement> & {
+export type InputProps = HTMLProps<HTMLInputElement> & {
     placehoder?: string;
     type?: string;
     disabled?: boolean;
     list?: any;
 } & BoxProps;
-declare const Input: React.ForwardRefExoticComponent<Pick<InputProps, "type" | "key" | "children" | "size" | "name" | "tabIndex" | "color" | "style" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "summary" | "title" | "pattern" | "start" | "hidden" | "content" | "default" | "flex" | "wrap" | "open" | "padding" | "multiple" | "disabled" | "checked" | "download" | "list" | "order" | "target" | "src" | "className" | "onTransitionEnd" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onKeyDown" | "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" | "onTransitionEndCapture" | "opacity" | "step" | "value" | "sizes" | "variant" | "tx" | "as" | "css" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "bg" | "backgroundColor" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "placehoder"> & React.RefAttributes<HTMLInputElement>>;
+declare const Input: React.ForwardRefExoticComponent<Pick<InputProps, "children" | "size" | "name" | "tabIndex" | "color" | "style" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "summary" | "title" | "pattern" | "start" | "hidden" | "content" | "default" | "flex" | "wrap" | "open" | "padding" | "multiple" | "disabled" | "checked" | "download" | "list" | "order" | "target" | "src" | "className" | "onTransitionEnd" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onKeyDown" | "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" | "onTransitionEndCapture" | "opacity" | "value" | "key" | "sizes" | "variant" | "tx" | "as" | "css" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "bg" | "backgroundColor" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "srcDoc" | "srcLang" | "srcSet" | "step" | "type" | "useMap" | "wmode" | "placehoder"> & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/src/components/List/ListGroupItem/index.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { ReactComponentLike } from 'prop-types';
 import { HTMLProps } from 'react';
-declare type TypeProps = HTMLProps<HTMLElement> & {
+type TypeProps = HTMLProps<HTMLElement> & {
     factory?: string | ReactComponentLike;
     active?: boolean;
     noZebra?: boolean;
     index?: number;
     selectionId?: string | number;
 };
-declare const ListGroupItem: React.ForwardRefExoticComponent<Pick<TypeProps, "type" | "key" | "children" | "size" | "name" | "tabIndex" | "color" | "style" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "start" | "hidden" | "content" | "default" | "wrap" | "open" | "multiple" | "active" | "disabled" | "checked" | "download" | "list" | "target" | "src" | "className" | "onTransitionEnd" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onKeyDown" | "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" | "onTransitionEndCapture" | "step" | "value" | "sizes" | "as" | "width" | "height" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "index" | "factory" | "noZebra" | "selectionId"> & React.RefAttributes<unknown>>;
+declare const ListGroupItem: React.ForwardRefExoticComponent<Pick<TypeProps, "children" | "size" | "name" | "tabIndex" | "color" | "style" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "start" | "hidden" | "content" | "default" | "wrap" | "open" | "multiple" | "active" | "disabled" | "checked" | "download" | "list" | "target" | "src" | "className" | "onTransitionEnd" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onKeyDown" | "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" | "onTransitionEndCapture" | "value" | "key" | "sizes" | "as" | "width" | "height" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "srcDoc" | "srcLang" | "srcSet" | "step" | "type" | "useMap" | "wmode" | "index" | "factory" | "noZebra" | "selectionId"> & React.RefAttributes<unknown>>;
 export default ListGroupItem;

package/src/components/Modal/Backdrop.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const baseClassName = "ab-Modal";
-export declare type TypeBackdropHandle = {
+export type TypeBackdropHandle = {
     id: string;
     setBackdropOrder: (visible: boolean, zIndex: number) => void;
 };
@@ -10,7 +10,7 @@ declare const Backdrop: (props: {
     timestamp: number;
     onBringToFront?: () => void;
 }) => JSX.Element;
-declare type ModalStackingInfo = {
+type ModalStackingInfo = {
     timestamp: number;
     baseZIndex: number;
     setBackdropOrder: (visible: boolean, zIndex: number) => void;

package/src/components/OverlayTrigger/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode, CSSProperties } from 'react';
 import { OverlayShowParams } from '../InfiniteTable';
-export declare type ConstrainToType = ((node: HTMLElement) => HTMLElement) | string;
+export type ConstrainToType = ((node: HTMLElement) => HTMLElement) | string;
 export declare const getConstrainElement: (target: HTMLElement, constrainTo?: ConstrainToType) => HTMLElement;
 export declare const getConstrainRect: (target: HTMLElement, constrainTo?: ConstrainToType) => import("../utils/getAvailableSizeInfo").BoundingClientRect;
 export interface OverlayTriggerProps extends React.HTMLAttributes<HTMLElement> {