@talxis/base-controls 1.2509.1-alpha.6 → 1.2509.2

package/dist/components/GridColumnHeader/GridColumnHeader.js

@@ -1,134 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ThemeProvider, CommandBarButton, Text, Icon } from '@fluentui/react';
-import { useRef, useMemo } from 'react';
-import { GridColumnHeaderModel } from './GridColumnHeaderModel.js';
-import { getGridColumnHeaderStyles } from './styles.js';
-import { GroupList20Regular, Autosum20Regular } from '@fluentui/react-icons';
-import { gridColumnHeaderTranslations } from './translations.js';
-import { useControl } from '../../hooks/useControl.js';
-
-const GridColumnHeader = (props) => {
-    const { theme, labels } = useControl('GridColumnHeader', props, gridColumnHeaderTranslations);
-    const propsRef = useRef(props);
-    propsRef.current = props;
-    const model = useMemo(() => new GridColumnHeaderModel({
-        getLabels: () => labels,
-        getProps: () => propsRef.current
-    }), []);
-    const styles = useMemo(() => getGridColumnHeaderStyles(theme, model.getColumn().alignment), [
-        theme,
-        model.getColumn().alignment
-    ]);
-    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);
-    const componentProps = onOverrideComponentProps({
-        onRender: (props, defaultRender) => defaultRender(props)
-    });
-    const getSortIconName = () => {
-        if (model.isSortedAsc()) {
-            return 'SortUp';
-        }
-        else if (model.isSortedDesc()) {
-            return 'SortDown';
-        }
-        return undefined;
-    };
-    const getTitle = () => {
-        let title = model.getColumn().displayName;
-        if (model.isAggregated()) {
-            title += ` (${model.getAggregationLabel()})`;
-        }
-        return title;
-    };
-    return componentProps.onRender({
-        container: {
-            theme: theme
-        },
-        onRenderCommandBarButton: (props, defaultRender) => defaultRender(props),
-    }, (props) => {
-        return jsx(ThemeProvider, { ...props.container, children: props.onRenderCommandBarButton({
-                buttonProps: {
-                    styles: {
-                        root: styles.commandBarButtonRoot,
-                        flexContainer: styles.commandBarButtonFlexContainer
-                    },
-                    title: getTitle()
-                },
-                onRenderColumnDisplayNameContainer: (props, defaultRender) => defaultRender(props),
-                onRenderSuffixIconContainer: (props, defaultRender) => defaultRender(props),
-            }, (props) => {
-                return jsxs(CommandBarButton, { ...props.buttonProps, children: [props.onRenderColumnDisplayNameContainer({
-                            container: {
-                                className: styles.columnDisplayNameContainer,
-                            },
-                            onRenderColumnDisplayName: (props, defaultRender) => defaultRender(props),
-                            onRenderRequiredSymbol: (props, defaultRender) => defaultRender(props),
-                            onRenderGroupingIcon: (props, defaultRender) => defaultRender(props),
-                        }, (props) => {
-                            return jsxs("div", { ...props.container, children: [props.onRenderGroupingIcon({
-                                        className: `${styles.svgIcon}`
-                                    }, (props) => {
-                                        if (model.isGrouped()) {
-                                            return jsx(GroupList20Regular, { ...props });
-                                        }
-                                        return jsx(Fragment, {});
-                                    }), props.onRenderColumnDisplayName({
-                                        children: model.getColumn().displayName,
-                                        styles: {
-                                            root: styles.columnDisplayNameText
-                                        }
-                                    }, (props) => {
-                                        return jsx(Text, { ...props });
-                                    }), props.onRenderRequiredSymbol({
-                                        children: '*',
-                                        className: styles.asterix
-                                    }, (props) => {
-                                        if (model.isRequired()) {
-                                            return jsx(Text, { ...props });
-                                        }
-                                        return jsx(Fragment, {});
-                                    })] });
-                        }), props.onRenderSuffixIconContainer({
-                            container: {
-                                className: styles.suffixIconsContainer
-                            },
-                            onRenderFilterIcon: (props, defaultRender) => defaultRender(props),
-                            onRenderSortIcon: (props, defaultRender) => defaultRender(props),
-                            onRenderUneditableIcon: (props, defaultRender) => defaultRender(props),
-                            onRenderSumIcon: (props, defaultRender) => defaultRender(props),
-                        }, (props) => {
-                            return jsxs("div", { ...props.container, children: [props.onRenderSortIcon({
-                                        iconName: getSortIconName()
-                                    }, (props) => {
-                                        if (props.iconName) {
-                                            return jsx(Icon, { ...props });
-                                        }
-                                        return jsx(Fragment, {});
-                                    }), props.onRenderFilterIcon({
-                                        iconName: 'Filter'
-                                    }, (props) => {
-                                        if (model.isFiltered()) {
-                                            return jsx(Icon, { ...props });
-                                        }
-                                        return jsx(Fragment, {});
-                                    }), props.onRenderUneditableIcon({
-                                        iconName: 'Uneditable'
-                                    }, (props) => {
-                                        if (model.isUneditableIconVisible()) {
-                                            return jsx(Icon, { ...props });
-                                        }
-                                        return jsx(Fragment, {});
-                                    }), props.onRenderSumIcon({
-                                        className: `${styles.svgIcon} ${styles.aggregationIcon}`
-                                    }, (props) => {
-                                        if (model.isAggregated()) {
-                                            return jsx(Autosum20Regular, { ...props });
-                                        }
-                                        return jsx(Fragment, {});
-                                    })] });
-                        })] });
-            }) });
-    });
-};
-
-export { GridColumnHeader };
-//# sourceMappingURL=GridColumnHeader.js.map

package/dist/components/GridColumnHeader/GridColumnHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridColumnHeader.js","sources":["../../../src/components/GridColumnHeader/GridColumnHeader.tsx"],"sourcesContent":["import { CommandBarButton, ThemeProvider, Text, Icon } from \"@fluentui/react\";\nimport { useControl } from \"../../hooks\";\nimport { IGridColumnHeader } from \"./interfaces\";\nimport { useMemo, useRef } from \"react\";\nimport { GridColumnHeaderModel } from \"./GridColumnHeaderModel\";\nimport { getGridColumnHeaderStyles } from \"./styles\";\nimport { Autosum20Regular, GroupList20Regular, GroupList24Regular, GroupListRegular } from \"@fluentui/react-icons\";\nimport { gridColumnHeaderTranslations } from \"./translations\";\n\nexport const GridColumnHeader = (props: IGridColumnHeader) => {\n    const { theme, labels } = useControl('GridColumnHeader', props, gridColumnHeaderTranslations);\n    const propsRef = useRef<IGridColumnHeader>(props);\n    propsRef.current = props;\n\n    const model = useMemo(() => new GridColumnHeaderModel({\n        getLabels: () => labels,\n        getProps: () => propsRef.current\n    }), []);\n    const styles = useMemo(() => getGridColumnHeaderStyles(theme, model.getColumn().alignment!), [\n        theme,\n        model.getColumn().alignment!\n    ]);\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n\n    const componentProps = onOverrideComponentProps({\n        onRender: (props, defaultRender) => defaultRender(props)\n    })\n\n    const getSortIconName = () => {\n        if (model.isSortedAsc()) {\n            return 'SortUp';\n        } else if (model.isSortedDesc()) {\n            return 'SortDown';\n        }\n        return undefined;\n    }\n\n    const getTitle = () => {\n        let title = model.getColumn().displayName;\n        if (model.isAggregated()) {\n            title += ` (${model.getAggregationLabel()})`;\n        }\n        return title;\n    }\n\n    return componentProps.onRender({\n        container: {\n            theme: theme\n        },\n        onRenderCommandBarButton: (props, defaultRender) => defaultRender(props),\n    }, (props) => {\n        return <ThemeProvider {...props.container}>\n            {props.onRenderCommandBarButton({\n                buttonProps: {\n                    styles: {\n                        root: styles.commandBarButtonRoot,\n                        flexContainer: styles.commandBarButtonFlexContainer\n                    },\n                    title: getTitle()\n                },\n                onRenderColumnDisplayNameContainer: (props, defaultRender) => defaultRender(props),\n                onRenderSuffixIconContainer: (props, defaultRender) => defaultRender(props),\n            }, (props) => {\n                return <CommandBarButton {...props.buttonProps}>\n                    {props.onRenderColumnDisplayNameContainer({\n                        container: {\n                            className: styles.columnDisplayNameContainer,\n                        },\n                        onRenderColumnDisplayName: (props, defaultRender) => defaultRender(props),\n                        onRenderRequiredSymbol: (props, defaultRender) => defaultRender(props),\n                        onRenderGroupingIcon: (props, defaultRender) => defaultRender(props),\n\n                    }, (props) => {\n                        return <div {...props.container}>\n                            {props.onRenderGroupingIcon({\n                                className: `${styles.svgIcon}`\n                            }, (props) => {\n                                if (model.isGrouped()) {\n                                    return <GroupList20Regular {...props} />\n                                }\n                                return <></>\n                            })}\n                            {props.onRenderColumnDisplayName({\n                                children: model.getColumn().displayName,\n                                styles: {\n                                    root: styles.columnDisplayNameText\n                                }\n                            }, (props) => {\n                                return <Text {...props} />\n                            })}\n                            {props.onRenderRequiredSymbol({\n                                children: '*',\n                                className: styles.asterix\n                            }, (props) => {\n                                if (model.isRequired()) {\n                                    return <Text {...props} />\n                                }\n                                return <></>\n                            })}\n                        </div>\n                    })}\n                    {props.onRenderSuffixIconContainer({\n                        container: {\n                            className: styles.suffixIconsContainer\n                        },\n                        onRenderFilterIcon: (props, defaultRender) => defaultRender(props),\n                        onRenderSortIcon: (props, defaultRender) => defaultRender(props),\n                        onRenderUneditableIcon: (props, defaultRender) => defaultRender(props),\n                        onRenderSumIcon: (props, defaultRender) => defaultRender(props),\n                    }, (props) => {\n                        return <div {...props.container}>\n                            {props.onRenderSortIcon({\n                                iconName: getSortIconName()\n                            }, (props) => {\n                                if (props.iconName) {\n                                    return <Icon {...props} />\n                                }\n                                return <></>\n                            })}\n                            {props.onRenderFilterIcon({\n                                iconName: 'Filter'\n                            }, (props) => {\n                                if (model.isFiltered()) {\n                                    return <Icon {...props} />\n                                }\n                                return <></>\n                            })}\n                            {props.onRenderUneditableIcon({\n                                iconName: 'Uneditable'\n                            }, (props) => {\n                                if (model.isUneditableIconVisible()) {\n                                    return <Icon {...props} />\n                                }\n                                return <></>\n                            })}\n                            {props.onRenderSumIcon({\n                                className: `${styles.svgIcon} ${styles.aggregationIcon}`\n                            }, (props) => {\n                                if (model.isAggregated()) {\n                                    return <Autosum20Regular {...props} />\n                                }\n                                return <></>\n                            })}\n                        </div>\n                    })}\n                </CommandBarButton>\n            })}\n        </ThemeProvider>\n    })\n\n}"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/GridColumnHeader/GridColumnHeaderModel.d.ts

@@ -1,26 +0,0 @@
-import { ITranslation } from "../../hooks";
-import { IGridColumnHeader } from "./interfaces";
-import { gridColumnHeaderTranslations } from "./translations";
-type Labels = Required<ITranslation<typeof gridColumnHeaderTranslations>>;
-interface IDeps {
-    getProps: () => IGridColumnHeader;
-    getLabels: () => Labels;
-}
-export declare class GridColumnHeaderModel {
-    private _getProps;
-    private _getLabels;
-    constructor(deps: IDeps);
-    getColumn(): import("@talxis/client-libraries").IColumn;
-    isGrouped(): boolean;
-    isSortedAsc(): boolean;
-    isSortedDesc(): boolean;
-    isUneditableIconVisible(): boolean;
-    isFiltered(): boolean | undefined;
-    isRequired(): boolean;
-    getAggregationLabel(): string | undefined;
-    isAggregated(): boolean;
-    getDataset(): import("@talxis/client-libraries").IDataset;
-    private _getSorting;
-    private get _labels();
-}
-export {};

package/dist/components/GridColumnHeader/GridColumnHeaderModel.js

@@ -1,87 +0,0 @@
-import { Attribute } from '@talxis/client-libraries';
-
-class GridColumnHeaderModel {
-    constructor(deps) {
-        this._getProps = deps.getProps;
-        this._getLabels = deps.getLabels;
-    }
-    getColumn() {
-        return this._getProps().parameters.Column.raw;
-    }
-    isGrouped() {
-        return !!this.getColumn().grouping?.isGrouped;
-    }
-    isSortedAsc() {
-        return this._getSorting()?.sortDirection === 0;
-    }
-    isSortedDesc() {
-        return this._getSorting()?.sortDirection === 1;
-    }
-    isUneditableIconVisible() {
-        switch (true) {
-            case !this._getProps().parameters.EnableEditing?.raw:
-            case this.getColumn().type === 'action': {
-                return false;
-            }
-        }
-        return !this.getColumn().metadata?.IsValidForUpdate;
-    }
-    isFiltered() {
-        const filtering = this.getDataset().filtering.getFilter();
-        return filtering?.conditions.some(condition => condition.attributeName === Attribute.GetNameFromAlias(this.getColumn().name));
-    }
-    isRequired() {
-        if (!this._getProps().parameters.EnableEditing?.raw) {
-            return false;
-        }
-        switch (this.getColumn().metadata?.RequiredLevel) {
-            case 1:
-            case 2: {
-                return true;
-            }
-            default: {
-                return false;
-            }
-        }
-    }
-    getAggregationLabel() {
-        switch (this.getColumn().aggregation?.aggregationFunction) {
-            case 'avg': {
-                return this._labels.avg();
-            }
-            case 'max': {
-                return this._labels.max();
-            }
-            case 'min': {
-                return this._labels.min();
-            }
-            case 'sum': {
-                return this._labels.sum();
-            }
-            case 'count': {
-                return this._labels.count();
-            }
-            case 'countcolumn': {
-                return this._labels.countcolumn();
-            }
-        }
-    }
-    isAggregated() {
-        if (this.getColumn().grouping?.isGrouped) {
-            return false;
-        }
-        return !!this.getColumn().aggregation?.aggregationFunction;
-    }
-    getDataset() {
-        return this._getProps().parameters.Dataset.raw;
-    }
-    _getSorting() {
-        return this.getDataset().sorting.find(sort => sort.name === this.getColumn().name);
-    }
-    get _labels() {
-        return this._getLabels();
-    }
-}
-
-export { GridColumnHeaderModel };
-//# sourceMappingURL=GridColumnHeaderModel.js.map

package/dist/components/GridColumnHeader/GridColumnHeaderModel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridColumnHeaderModel.js","sources":["../../../src/components/GridColumnHeader/GridColumnHeaderModel.ts"],"sourcesContent":["import { Attribute } from \"@talxis/client-libraries\";\nimport { ITranslation } from \"../../hooks\";\nimport { IGridColumnHeader } from \"./interfaces\";\nimport { gridColumnHeaderTranslations } from \"./translations\";\n\ntype Labels = Required<ITranslation<typeof gridColumnHeaderTranslations>>;\n\ninterface IDeps {\n    getProps: () => IGridColumnHeader;\n    getLabels: () => Labels;\n}\n\nexport class GridColumnHeaderModel {\n    private _getProps: () => IGridColumnHeader;\n    private _getLabels: () => Labels\n\n    constructor(deps: IDeps) {\n        this._getProps = deps.getProps;\n        this._getLabels = deps.getLabels;\n    }\n\n    public getColumn() {\n        return this._getProps().parameters.Column.raw;\n    }\n\n    public isGrouped() {\n        return !!this.getColumn().grouping?.isGrouped\n    }\n    public isSortedAsc() {\n        return this._getSorting()?.sortDirection === 0;\n    }\n    public isSortedDesc() {\n        return this._getSorting()?.sortDirection === 1;\n    }\n    public isUneditableIconVisible() {\n        switch (true) {\n            case !this._getProps().parameters.EnableEditing?.raw:\n            case this.getColumn().type === 'action': {\n                return false;\n            }\n        }\n        return !this.getColumn().metadata?.IsValidForUpdate\n    }\n    public isFiltered() {\n        const filtering = this.getDataset().filtering.getFilter();\n        return filtering?.conditions.some(condition => condition.attributeName === Attribute.GetNameFromAlias(this.getColumn().name));\n    }\n    public isRequired() {\n        if (!this._getProps().parameters.EnableEditing?.raw) {\n            return false;\n        }\n        switch (this.getColumn().metadata?.RequiredLevel) {\n            case 1:\n            case 2: {\n                return true;\n            }\n            default: {\n                return false;\n            }\n        }\n    }\n    public getAggregationLabel() {\n        switch (this.getColumn().aggregation?.aggregationFunction) {\n            case 'avg': {\n                return this._labels.avg();\n            }\n            case 'max': {\n                return this._labels.max();\n            }\n            case 'min': {\n                return this._labels.min();\n            }\n            case 'sum': {\n                return this._labels.sum();\n            }\n            case 'count': {\n                return this._labels.count()\n            }\n            case 'countcolumn': {\n                return this._labels.countcolumn()\n            }\n            default: {\n                undefined;\n            }\n        }\n    }\n    public isAggregated() {\n        if (this.getColumn().grouping?.isGrouped) {\n            return false;\n        }\n        return !!this.getColumn().aggregation?.aggregationFunction;\n    }\n    public getDataset() {\n        return this._getProps().parameters.Dataset.raw;\n    }\n    private _getSorting() {\n        return this.getDataset().sorting.find(sort => sort.name === this.getColumn().name);\n    }\n    private get _labels() {\n        return this._getLabels();\n    }\n}"],"names":[],"mappings":"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"}

package/dist/components/GridColumnHeader/interfaces.d.ts

@@ -1,45 +0,0 @@
-/// <reference types="react" />
-import { IColumn, IDataset } from "@talxis/client-libraries";
-import { IControl, IParameters, ITwoOptionsProperty } from "../../interfaces";
-import { IButtonProps, IIconProps, ITextProps, ThemeProviderProps } from "@fluentui/react";
-import { gridColumnHeaderTranslations } from "./translations";
-export interface IGridColumnHeader extends IControl<IGridColumnHeaderParameters, any, typeof gridColumnHeaderTranslations, IGridColumnHeaderComponentProps> {
-}
-interface IGridColumnHeaderComponentProps {
-    onRender: (props: IComponentProps, defaultRender: (props: IComponentProps) => React.ReactElement) => React.ReactElement;
-}
-interface IComponentProps {
-    container: ThemeProviderProps;
-    onRenderCommandBarButton: (props: ICommandBarButtonProps, defaultRender: (props: ICommandBarButtonProps) => React.ReactElement) => React.ReactElement;
-}
-interface ICommandBarButtonProps {
-    buttonProps: IButtonProps;
-    onRenderColumnDisplayNameContainer: (props: IColumnDisplayNameContainerProps, defaultRender: (props: IColumnDisplayNameContainerProps) => React.ReactElement) => React.ReactElement;
-    onRenderSuffixIconContainer: (props: ISuffixIcons, defaultRender: (props: ISuffixIcons) => React.ReactElement) => React.ReactElement;
-}
-interface IColumnDisplayNameContainerProps {
-    container: React.HTMLAttributes<HTMLDivElement>;
-    onRenderGroupingIcon: (props: React.SVGAttributes<SVGElement>, defaultRender: (props: React.SVGAttributes<SVGElement>) => React.ReactElement) => React.ReactElement;
-    onRenderColumnDisplayName: (props: ITextProps, defaultRender: (props: ITextProps) => React.ReactElement) => React.ReactElement;
-    onRenderRequiredSymbol: (props: ITextProps, defaultRender: (props: ITextProps) => React.ReactElement) => React.ReactElement;
-}
-interface ISuffixIcons {
-    container: React.HTMLAttributes<HTMLDivElement>;
-    onRenderSortIcon: (props: IIconProps, defaultRender: (props: IIconProps) => React.ReactElement) => React.ReactElement;
-    onRenderFilterIcon: (props: IIconProps, defaultRender: (props: IIconProps) => React.ReactElement) => React.ReactElement;
-    onRenderUneditableIcon: (props: IIconProps, defaultRender: (props: IIconProps) => React.ReactElement) => React.ReactElement;
-    onRenderSumIcon: (props: React.SVGAttributes<SVGElement>, defaultRender: (props: React.SVGAttributes<SVGElement>) => React.ReactElement) => React.ReactElement;
-}
-export interface IGridColumnHeaderParameters extends IParameters {
-    Dataset: {
-        raw: IDataset;
-    };
-    Column: {
-        raw: IColumn;
-    };
-    /**
-     * Should correspond to the `EnableEditing` property in the Grid control.
-     */
-    EnableEditing?: Omit<ITwoOptionsProperty, 'attributes'>;
-}
-export {};

package/dist/components/GridColumnHeader/styles.d.ts

@@ -1,37 +0,0 @@
-import { ITheme } from "@fluentui/react";
-import { IColumn } from "@talxis/client-libraries";
-export declare const getGridColumnHeaderStyles: (theme: ITheme, alignment: Required<IColumn['alignment']>) => import("@fluentui/react").IProcessedStyleSet<{
-    commandBarButtonRoot: {
-        width: string;
-        height: number;
-        paddingLeft: number;
-        paddingRight: number;
-        overflow: string;
-    };
-    commandBarButtonFlexContainer: {
-        gap: number;
-    };
-    columnDisplayNameText: {
-        fontWeight: number;
-        textOverflow: string;
-        overflow: string;
-    };
-    asterix: {
-        color: string;
-    };
-    svgIcon: {
-        minWidth: number;
-    };
-    aggregationIcon: {};
-    suffixIconsContainer: {
-        display: string;
-        alignItems: string;
-    };
-    columnDisplayNameContainer: {
-        display: string;
-        flex: number;
-        overflow: string;
-        justifyContent: string | undefined;
-        order: number | undefined;
-    };
-}>;

package/dist/components/GridColumnHeader/styles.js

@@ -1,55 +0,0 @@
-import { mergeStyleSets } from '@fluentui/react';
-
-const getGridColumnHeaderStyles = (theme, alignment) => {
-    return mergeStyleSets({
-        commandBarButtonRoot: {
-            width: '100%',
-            height: 42,
-            paddingLeft: 10,
-            paddingRight: 10,
-            overflow: 'hidden'
-        },
-        commandBarButtonFlexContainer: {
-            gap: 5
-        },
-        columnDisplayNameText: {
-            fontWeight: 600,
-            textOverflow: 'ellipsis',
-            overflow: 'hidden',
-        },
-        asterix: {
-            color: theme.semanticColors.errorText
-        },
-        svgIcon: {
-            minWidth: 20
-        },
-        aggregationIcon: {},
-        suffixIconsContainer: {
-            display: 'flex',
-            alignItems: 'center'
-        },
-        columnDisplayNameContainer: {
-            display: 'flex',
-            flex: 1,
-            overflow: 'hidden',
-            justifyContent: getJustifyContent(alignment),
-            order: alignment === 'right' ? 2 : undefined
-        }
-    });
-};
-const getJustifyContent = (alignment) => {
-    switch (alignment) {
-        case 'left': {
-            return 'flex-start';
-        }
-        case 'center': {
-            return 'center';
-        }
-        case 'right': {
-            return 'flex-end';
-        }
-    }
-};
-
-export { getGridColumnHeaderStyles };
-//# sourceMappingURL=styles.js.map

package/dist/components/GridColumnHeader/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/GridColumnHeader/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\"\nimport { IColumn } from \"@talxis/client-libraries\"\n\nexport const getGridColumnHeaderStyles = (theme: ITheme, alignment: Required<IColumn['alignment']>) => {\n    return mergeStyleSets({\n        commandBarButtonRoot: {\n            width: '100%',\n            height: 42,\n            paddingLeft: 10,\n            paddingRight: 10,\n            overflow: 'hidden'\n        },\n        commandBarButtonFlexContainer: {\n            gap: 5\n        },\n        columnDisplayNameText: {\n            fontWeight: 600,\n            textOverflow: 'ellipsis',\n            overflow: 'hidden',\n        },\n        asterix: {\n            color: theme.semanticColors.errorText\n        },\n        svgIcon: {\n            minWidth: 20\n        },\n        aggregationIcon: {\n        },\n        suffixIconsContainer: {\n            display: 'flex',\n            alignItems: 'center'\n        },\n        columnDisplayNameContainer: {\n            display: 'flex',\n            flex: 1,\n            overflow: 'hidden',\n            justifyContent: getJustifyContent(alignment),\n            order: alignment === 'right' ? 2 : undefined\n        }\n    })\n}\n\nconst getJustifyContent = (alignment: Required<IColumn['alignment']>) => {\n    switch (alignment) {\n        case 'left': {\n            return 'flex-start';\n        }\n        case 'center': {\n            return 'center';\n        }\n        case 'right': {\n            return 'flex-end';\n        }\n        default: {\n            undefined\n        }\n    }\n}"],"names":[],"mappings":";;MAGa,yBAAyB,GAAG,CAAC,KAAa,EAAE,SAAyC,KAAI;AAClG,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,oBAAoB,EAAE;AAClB,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,WAAW,EAAE,EAAE;AACf,YAAA,YAAY,EAAE,EAAE;AAChB,YAAA,QAAQ,EAAE,QAAQ;AACrB,SAAA;AACD,QAAA,6BAA6B,EAAE;AAC3B,YAAA,GAAG,EAAE,CAAC;AACT,SAAA;AACD,QAAA,qBAAqB,EAAE;AACnB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,QAAQ,EAAE,QAAQ;AACrB,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS;AACxC,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,QAAQ,EAAE,EAAE;AACf,SAAA;AACD,QAAA,eAAe,EAAE,EAChB;AACD,QAAA,oBAAoB,EAAE;AAClB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,QAAQ;AACvB,SAAA;AACD,QAAA,0BAA0B,EAAE;AACxB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,cAAc,EAAE,iBAAiB,CAAC,SAAS,CAAC;YAC5C,KAAK,EAAE,SAAS,KAAK,OAAO,GAAG,CAAC,GAAG,SAAS;AAC/C,SAAA;AACJ,KAAA,CAAC,CAAA;AACN,EAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,SAAyC,KAAI;AACpE,IAAA,QAAQ,SAAS;QACb,KAAK,MAAM,EAAE;AACT,YAAA,OAAO,YAAY,CAAC;AACvB,SAAA;QACD,KAAK,QAAQ,EAAE;AACX,YAAA,OAAO,QAAQ,CAAC;AACnB,SAAA;QACD,KAAK,OAAO,EAAE;AACV,YAAA,OAAO,UAAU,CAAC;AACrB,SAAA;AAIJ,KAAA;AACL,CAAC;;;;"}

package/dist/components/GridColumnHeader/translations.d.ts

@@ -1,26 +0,0 @@
-export declare const gridColumnHeaderTranslations: {
-    max: {
-        1029: string;
-        1033: string;
-    };
-    min: {
-        1029: string;
-        1033: string;
-    };
-    avg: {
-        1029: string;
-        1033: string;
-    };
-    sum: {
-        1029: string;
-        1033: string;
-    };
-    count: {
-        1029: string;
-        1033: string;
-    };
-    countcolumn: {
-        1029: string;
-        1033: string;
-    };
-};

package/dist/components/GridColumnHeader/translations.js

@@ -1,29 +0,0 @@
-const gridColumnHeaderTranslations = {
-    max: {
-        1029: 'Maximum',
-        1033: 'Maximum'
-    },
-    min: {
-        1029: 'Minimum',
-        1033: 'Minimum'
-    },
-    avg: {
-        1029: 'Průměr',
-        1033: 'Average'
-    },
-    sum: {
-        1029: 'Součet',
-        1033: 'Sum'
-    },
-    count: {
-        1029: 'Počet (včetně prázdných hodnot)',
-        1033: 'Count (including empty values)'
-    },
-    countcolumn: {
-        1029: 'Počet',
-        1033: 'Count'
-    }
-};
-
-export { gridColumnHeaderTranslations };
-//# sourceMappingURL=translations.js.map

package/dist/components/GridColumnHeader/translations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"translations.js","sources":["../../../src/components/GridColumnHeader/translations.ts"],"sourcesContent":["export const gridColumnHeaderTranslations = {\n    max: {\n        1029: 'Maximum',\n        1033: 'Maximum'\n    },\n    min: {\n        1029: 'Minimum',\n        1033: 'Minimum'\n    },\n    avg: {\n        1029: 'Průměr',\n        1033: 'Average'\n    },\n    sum: {\n        1029: 'Součet',\n        1033: 'Sum'\n    },\n    count: {\n        1029: 'Počet (včetně prázdných hodnot)',\n        1033: 'Count (including empty values)'\n    },\n    countcolumn: {\n        1029: 'Počet',\n        1033: 'Count'\n    }\n}"],"names":[],"mappings":"AAAa,MAAA,4BAA4B,GAAG;AACxC,IAAA,GAAG,EAAE;AACD,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AAClB,KAAA;AACD,IAAA,GAAG,EAAE;AACD,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AAClB,KAAA;AACD,IAAA,GAAG,EAAE;AACD,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,IAAI,EAAE,SAAS;AAClB,KAAA;AACD,IAAA,GAAG,EAAE;AACD,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,IAAI,EAAE,KAAK;AACd,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,IAAI,EAAE,iCAAiC;AACvC,QAAA,IAAI,EAAE,gCAAgC;AACzC,KAAA;AACD,IAAA,WAAW,EAAE;AACT,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,IAAI,EAAE,OAAO;AAChB,KAAA;;;;;"}

package/dist/components/Ribbon/Ribbon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IRibbon } from "./interfaces";
-export declare const Ribbon: (props: IRibbon) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/dist/components/Ribbon/Ribbon.js

@@ -1,97 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRerender, CommandBar } from '@talxis/react-components';
-import { useMemo } from 'react';
-import { getRibbonStyles } from './styles.js';
-import { Shimmer } from '@fluentui/react';
-import { useControl } from '../../hooks/useControl.js';
-
-const fluentIconMap = {
-    'Activate': 'ActivateOrders',
-    'DeActivate': 'DeactivateOrders',
-    'ExportToExcel': 'ExcelDocument',
-    'ConnectionToOther': 'Assign',
-    'EmailLink': 'Link',
-    'Flows': 'Dataflows',
-    'RunReport': 'CRMReport',
-    'Report': 'CRMReport',
-    'Remove': 'Delete',
-    'WordTemplates': 'WordDocument',
-    'DocumentTemplates': 'ExcelDocument',
-    'New': 'Add',
-};
-const Ribbon = (props) => {
-    useControl('Ribbon', props, {});
-    const isDisabled = props.context.mode.isControlDisabled;
-    const commands = props.parameters.Commands?.raw ?? [];
-    const isLoading = props.parameters.Loading?.raw ?? false;
-    const styles = useMemo(() => getRibbonStyles(), []);
-    const pendingActionsSet = useMemo(() => new Set(), []);
-    const rerender = useRerender();
-    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);
-    const componentProps = onOverrideComponentProps({
-        onRenderCommandBar: (props, defaultRender) => defaultRender(props),
-        onRenderLoading: (props, defaultRender) => defaultRender(props)
-    });
-    const onCommandClick = async (command) => {
-        pendingActionsSet.add(command.commandId);
-        rerender();
-        try {
-            await command.execute();
-        }
-        catch (err) {
-            console.error(err);
-        }
-        finally {
-            pendingActionsSet.delete(command.commandId);
-            rerender();
-        }
-    };
-    const getCommandBarItems = () => {
-        const result = [];
-        commands.map(command => {
-            if (!command.shouldBeVisible) {
-                return;
-            }
-            let iconName = command.icon;
-            if (fluentIconMap[iconName]) {
-                iconName = fluentIconMap[iconName];
-            }
-            result.push({
-                key: command.commandId,
-                text: command.label,
-                disabled: !command.canExecute || pendingActionsSet.has(command.commandId) || isDisabled,
-                ["data-id"]: command?.commandButtonId,
-                ["data-command"]: command?.commandId,
-                title: command?.tooltip,
-                iconProps: {
-                    iconName: iconName
-                },
-                onClick: () => { onCommandClick(command); },
-                //TODO: svg support
-                //onRenderIcon: iconName?.includes('svg') ? () => <Icon name={iconName} /> : undefined,
-            });
-        });
-        return result;
-    };
-    if (isLoading) {
-        return componentProps.onRenderLoading({
-            styles: {
-                root: styles.shimmerRoot,
-                shimmerWrapper: styles.shimmerWrapper
-            }
-        }, (props) => {
-            return jsx(Shimmer, { ...props });
-        });
-    }
-    else {
-        return componentProps.onRenderCommandBar({
-            className: styles.ribbonRoot,
-            items: getCommandBarItems(),
-        }, (props) => {
-            return jsx(CommandBar, { ...props });
-        });
-    }
-};
-
-export { Ribbon };
-//# sourceMappingURL=Ribbon.js.map

package/dist/components/Ribbon/Ribbon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ribbon.js","sources":["../../../src/components/Ribbon/Ribbon.tsx"],"sourcesContent":["import { CommandBar, ICommandBarItemProps, useRerender } from \"@talxis/react-components\";\nimport { useControl } from \"../../hooks\"\nimport { IRibbon } from \"./interfaces\"\nimport { useMemo } from \"react\";\nimport { getRibbonStyles } from \"./styles\";\nimport { ICommand } from \"@talxis/client-libraries\";\nimport { Shimmer } from \"@fluentui/react\";\n\nconst fluentIconMap: { [key: string]: string } = {\n    'Activate': 'ActivateOrders',\n    'DeActivate': 'DeactivateOrders',\n    'ExportToExcel': 'ExcelDocument',\n    'ConnectionToOther': 'Assign',\n    'EmailLink': 'Link',\n    'Flows': 'Dataflows',\n    'RunReport': 'CRMReport',\n    'Report': 'CRMReport',\n    'Remove': 'Delete',\n    'WordTemplates': 'WordDocument',\n    'DocumentTemplates': 'ExcelDocument',\n    'New': 'Add',\n}\n\nexport const Ribbon = (props: IRibbon) => {\n    const { className } = useControl('Ribbon', props, {});\n    const isDisabled = props.context.mode.isControlDisabled;\n    const commands = props.parameters.Commands?.raw ?? [];\n    const isLoading = props.parameters.Loading?.raw ?? false;\n    const styles = useMemo(() => getRibbonStyles(), []);\n    const pendingActionsSet = useMemo(() => new Set<string>(), []);\n    const rerender = useRerender();\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n    const componentProps = onOverrideComponentProps({\n        onRenderCommandBar: (props, defaultRender) => defaultRender(props),\n        onRenderLoading: (props, defaultRender) => defaultRender(props)\n    })\n\n    const onCommandClick = async (command: ICommand) => {\n        pendingActionsSet.add(command.commandId);\n        rerender();\n        try {\n            await command.execute();\n        }\n        catch (err) {\n            console.error(err);\n        }\n        finally {\n            pendingActionsSet.delete(command.commandId);\n            rerender();\n        }\n    }\n\n    const getCommandBarItems = (): ICommandBarItemProps[] => {\n        const result: ICommandBarItemProps[] = [];\n        commands.map(command => {\n            if (!command.shouldBeVisible) {\n                return;\n            }\n            let iconName = command.icon;\n            if (fluentIconMap[iconName]) {\n                iconName = fluentIconMap[iconName];\n            }\n            result.push({\n                key: command.commandId,\n                text: command.label,\n                disabled: !command.canExecute || pendingActionsSet.has(command.commandId) || isDisabled,\n                [\"data-id\"]: command?.commandButtonId,\n                [\"data-command\"]: command?.commandId,\n                title: command?.tooltip,\n                iconProps: {\n                    iconName: iconName\n                },\n                onClick: () => { onCommandClick(command) },\n                //TODO: svg support\n                //onRenderIcon: iconName?.includes('svg') ? () => <Icon name={iconName} /> : undefined,\n            })\n        })\n        return result;\n    }\n\n    if (isLoading) {\n        return componentProps.onRenderLoading({\n            styles: {\n                root: styles.shimmerRoot,\n                shimmerWrapper: styles.shimmerWrapper\n            }\n        }, (props) => {\n            return <Shimmer {...props} />\n        })\n    }\n    else {\n        return componentProps.onRenderCommandBar({\n            className: styles.ribbonRoot,\n            items: getCommandBarItems(),\n        }, (props) => {\n            return <CommandBar {...props} />\n        })\n    }\n\n}"],"names":["_jsx"],"mappings":"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"}

package/dist/components/Ribbon/RibbonModel.d.ts

@@ -1,4 +0,0 @@
-export declare class RibbonModel {
-    getIconUrl(iconName: string): string;
-    getIconType(iconName: string): 'url' | 'fluent';
-}

package/dist/components/Ribbon/interfaces.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { ICommand } from "@talxis/client-libraries";
-import { IControl } from "../../interfaces/context";
-import { ICommandBarProps } from "@talxis/react-components";
-import { ITwoOptionsProperty } from "../../interfaces";
-import { IShimmerProps } from "@fluentui/react";
-export interface IRibbon extends IControl<IRibbonParameters, any, any, IRibbonComponentProps> {
-}
-export interface IRibbonParameters {
-    Commands: {
-        raw: ICommand[];
-    };
-    Loading: Omit<ITwoOptionsProperty, 'attributes'>;
-}
-interface IRibbonComponentProps {
-    onRenderLoading: (props: IShimmerProps, defaultRender: (props: IShimmerProps) => React.ReactElement) => React.ReactElement;
-    onRenderCommandBar: (props: ICommandBarProps, defaultRender: (props: ICommandBarProps) => React.ReactElement) => React.ReactElement;
-}
-export {};