@talxis/base-controls 1.2502.1 → 1.2503.1

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/Notifications/styles.js

@@ -1,42 +0,0 @@
-import { mergeStyleSets } from '@fluentui/react';
-
-const getNotificationIconStyles = (theme) => {
-    return mergeStyleSets({
-        callout: {
-            width: 320,
-            padding: '20px 24px',
-            '.ms-Callout-main': {
-                display: 'flex',
-                flexDirection: 'column',
-                gap: 20,
-                '.ms-CommandBar-primaryCommand': {
-                    gap: 10
-                }
-            }
-        },
-        calloutTitle: {
-            overflow: 'hidden',
-            textOverflow: 'ellipsis'
-        },
-        link: {
-            'i': {
-                position: 'relative',
-                top: 1,
-                marginRight: 3
-            }
-        },
-        buttons: {
-            display: 'flex',
-            justifyContent: 'flex-end',
-            gap: 8
-        },
-        root: {
-            '.ms-CommandBar-primaryCommand': {
-                justifyContent: 'flex-end'
-            }
-        }
-    });
-};
-
-export { getNotificationIconStyles };
-//# sourceMappingURL=styles.js.map

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/Notifications/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../../src/components/Grid/core/components/Cell/ReadOnlyCell/Notifications/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\"\n\nexport const getNotificationIconStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        callout: {\n            width: 320,\n            padding: '20px 24px',\n            '.ms-Callout-main': {\n                display: 'flex',\n                flexDirection: 'column',\n                gap: 20,\n                '.ms-CommandBar-primaryCommand': {\n                    gap: 10\n                }\n            }\n        },\n        calloutTitle: {\n            overflow: 'hidden',\n            textOverflow: 'ellipsis'\n        },\n        link: {\n            'i': {\n                position: 'relative',\n                top: 1,\n                marginRight: 3\n            }\n        },\n        buttons: {\n            display: 'flex',\n            justifyContent: 'flex-end',\n            gap: 8\n        },\n        root: {\n            '.ms-CommandBar-primaryCommand': {\n                justifyContent: 'flex-end'\n            }\n        }\n    })\n}"],"names":[],"mappings":";;AAEa,MAAA,yBAAyB,GAAG,CAAC,KAAa,KAAI;AACvD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,kBAAkB,EAAE;AAChB,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,aAAa,EAAE,QAAQ;AACvB,gBAAA,GAAG,EAAE,EAAE;AACP,gBAAA,+BAA+B,EAAE;AAC7B,oBAAA,GAAG,EAAE,EAAE;AACV,iBAAA;AACJ,aAAA;AACJ,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,YAAY,EAAE,UAAU;AAC3B,SAAA;AACD,QAAA,IAAI,EAAE;AACF,YAAA,GAAG,EAAE;AACD,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,WAAW,EAAE,CAAC;AACjB,aAAA;AACJ,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,UAAU;AAC1B,YAAA,GAAG,EAAE,CAAC;AACT,SAAA;AACD,QAAA,IAAI,EAAE;AACF,YAAA,+BAA+B,EAAE;AAC7B,gBAAA,cAAc,EAAE,UAAU;AAC7B,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyCell.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { IRecord } from '@talxis/client-libraries';
-import { IGridColumn } from '../../../interfaces/IGridColumn';
-import { ICellRendererParams } from '@ag-grid-community/core';
-interface ICellProps extends ICellRendererParams {
-    baseColumn: IGridColumn;
-    data: IRecord;
-    [key: string]: any;
-}
-export declare const ReadOnlyCell: (props: ICellProps) => JSX.Element;
-export {};

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyCell.js

@@ -1,221 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React from 'react';
-import { useTheme, Checkbox, Shimmer, Image, Icon, Link, Text } from '@fluentui/react';
-import { getReadOnlyCellStyles, getMultilineStyle } from './styles.js';
-import { Commands } from '../Commands/Commands.js';
-import { Constants, DataTypes, FileAttribute } from '@talxis/client-libraries';
-import { ReadOnlyOptionSet } from './ReadOnlyOptionSet/ReadOnlyOptionSet.js';
-import { DataType } from '../../../enums/DataType.js';
-import { useGridInstance } from '../../../hooks/useGridInstance.js';
-import { useSelectionController } from '../../../../selection/controllers/useSelectionController.js';
-import { CHECKBOX_COLUMN_KEY } from '../../../../constants.js';
-import { Notifications } from './Notifications/Notifications.js';
-import { useDebouncedCallback } from 'use-debounce';
-
-const ReadOnlyCell = (props) => {
-    const selection = useSelectionController();
-    const column = props.baseColumn;
-    const record = props.data;
-    const theme = useTheme();
-    const styles = React.useMemo(() => getReadOnlyCellStyles(theme), [theme]);
-    if (column.name === CHECKBOX_COLUMN_KEY) {
-        return jsx("div", { className: styles.cellContent, children: jsx(Checkbox, { checked: props.node.isSelected(), onChange: (e, checked) => {
-                    e?.stopPropagation();
-                    selection.toggle(record, checked);
-                } }) });
-    }
-    const MemoizedNotifications = React.useMemo(() => {
-        return React.memo(Notifications, (prevProps, nextProps) => {
-            const previousIds = prevProps.notifications.map(x => x.uniqueId).join(';');
-            const nextIds = nextProps.notifications.map(x => x.uniqueId).join(';');
-            if (previousIds !== nextIds) {
-                return false;
-            }
-            return true;
-        });
-    }, []);
-    const grid = useGridInstance();
-    const notifications = record.ui.getNotifications?.(column.name);
-    const notificationRef = React.useRef(null);
-    //TODO: only do this if editable
-    const validation = record.getColumnInfo(column.name);
-    const debounceNotificationRemeasure = useDebouncedCallback(() => {
-        if (notifications && notifications.length > 0) {
-            notificationRef.current?.remeasureCommandBar();
-        }
-    }, 10);
-    debounceNotificationRemeasure();
-    const shouldShowNotEditableNotification = () => {
-        if (column.isEditable && !record.getColumnInfo(column.name).security.editable) {
-            return true;
-        }
-        return false;
-    };
-    const calculateNotificationsWrapperMinWidth = () => {
-        let count = 0;
-        if (notifications && notifications.length > 0) {
-            count++;
-        }
-        if (validation?.error === true) {
-            count++;
-        }
-        if (shouldShowNotEditableNotification()) {
-            count++;
-        }
-        return count * 40;
-    };
-    const shouldRenderNotificationsWrapper = () => {
-        if (validation?.error === true) {
-            return true;
-        }
-        if (shouldShowNotEditableNotification()) {
-            return true;
-        }
-        if (notifications && notifications.length > 0) {
-            return true;
-        }
-        return false;
-    };
-    React.useEffect(() => {
-        const resizeObserver = new ResizeObserver(() => {
-            debounceNotificationRemeasure();
-        });
-        resizeObserver.observe(props.eGridCell);
-    }, []);
-    if (record.ui?.isLoading(column.name)) {
-        return jsx(Shimmer, { className: styles.loading });
-    }
-    if (column.name === Constants.RIBBON_BUTTONS_COLUMN_NAME) {
-        return jsx("div", { className: styles.cellContent, children: jsx(Commands, { record: record }) });
-    }
-    return (jsxs("div", { style: {
-            '--test': `${calculateNotificationsWrapperMinWidth()}px`
-        }, className: styles.root, "data-is-valid": !validation || validation.error === false, children: [jsx("div", { className: styles.cellContentWrapper, children: jsx("div", { className: styles.cellContent, children: jsx(InternalReadOnlyCell, { ...props }) }) }), shouldRenderNotificationsWrapper() &&
-                jsxs("div", { className: styles.notificationsWrapper, children: [notifications && notifications.length > 0 &&
-                            jsx(MemoizedNotifications, { className: styles.notifications, ref: notificationRef, notifications: notifications }), validation?.error === true &&
-                            jsx(MemoizedNotifications, { notifications: [
-                                    {
-                                        notificationLevel: 'ERROR',
-                                        messages: [],
-                                        iconName: 'Error',
-                                        uniqueId: column.name,
-                                        title: validation.errorMessage,
-                                        compact: true
-                                    }
-                                ] }), shouldShowNotEditableNotification() &&
-                            jsx(MemoizedNotifications, { className: styles.uneditableNotification, notifications: [{
-                                        iconName: 'Uneditable',
-                                        notificationLevel: 'RECOMMENDATION',
-                                        uniqueId: column.name,
-                                        title: grid.labels['value-not-editable'](),
-                                        compact: true,
-                                        messages: []
-                                    }] })] })] }));
-};
-const InternalReadOnlyCell = (props) => {
-    const grid = useGridInstance();
-    const column = props.baseColumn;
-    const theme = useTheme();
-    const styles = getReadOnlyCellStyles(theme);
-    const record = props.data;
-    const formattedValue = record.getFormattedValue(column.name);
-    const renderLink = (props, formattedValue) => {
-        switch (column.dataType) {
-            case DataType.LOOKUP_OWNER:
-            case DataType.LOOKUP_SIMPLE:
-            case DataType.LOOKUP_CUSTOMER: {
-                if (!grid.isNavigationEnabled) {
-                    return renderText();
-                }
-            }
-        }
-        if (!formattedValue) {
-            return jsx(Fragment, {});
-        }
-        let className = styles.link;
-        switch (column.dataType) {
-            case DataTypes.Multiple:
-            case DataTypes.SingleLineTextArea: {
-                className += ` ${getMultilineStyle(props.node.rowHeight)}`;
-            }
-        }
-        return (jsx(Link, { ...props, className: className, title: formattedValue, children: formattedValue }));
-    };
-    const renderText = () => {
-        if (column.isPrimary && grid.isNavigationEnabled) {
-            return renderLink({
-                onClick: () => grid.openDatasetItem(record.getNamedReference())
-            }, formattedValue);
-        }
-        let className = `${styles.text} talxis-cell-text`;
-        switch (column.dataType) {
-            case DataTypes.Multiple:
-            case DataTypes.SingleLineTextArea: {
-                className += ` ${getMultilineStyle(props.node.rowHeight)}`;
-            }
-        }
-        return jsx(Text, { className: className, title: formattedValue, children: formattedValue });
-    };
-    const downloadFile = () => {
-        const storage = new FileAttribute(grid.pcfContext.webAPI);
-        const namedReference = record.getNamedReference();
-        storage.downloadFileFromAttribute({
-            //@ts-ignore - PowerApps do not follow the typings
-            entityName: namedReference.etn ?? namedReference.entityName,
-            recordId: record.getRecordId(),
-            fileAttribute: column.name,
-        }, true);
-    };
-    switch (column.dataType) {
-        case DataType.SINGLE_LINE_EMAIL: {
-            return renderLink({ href: `mailto:${formattedValue}` }, formattedValue);
-        }
-        case DataType.SINGLE_LINE_PHONE: {
-            return renderLink({ href: `tel:${formattedValue}` }, formattedValue);
-        }
-        case DataType.SINGLE_LINE_URL: {
-            return renderLink({
-                href: formattedValue ?? "",
-                target: '_blank',
-                rel: 'noopener noreferrer'
-            }, formattedValue);
-        }
-        case DataType.LOOKUP_SIMPLE:
-        case DataType.LOOKUP_OWNER:
-        case DataType.LOOKUP_CUSTOMER: {
-            return renderLink({
-                onClick: () => grid.openDatasetItem(record.getValue(column.name)[0])
-            }, formattedValue);
-        }
-        case DataType.FILE: {
-            if (!formattedValue) {
-                return jsx(Fragment, {});
-            }
-            return (jsxs("div", { className: styles.fileWrapper, children: [jsx(Icon, { iconName: 'Attach' }), renderLink({
-                        onClick: downloadFile
-                    }, grid.labels.download())] }));
-        }
-        case DataType.IMAGE: {
-            if (!formattedValue) {
-                return jsx(Fragment, {});
-            }
-            return (jsxs("div", { className: styles.fileWrapper, children: [jsx(Image, { className: styles.image, src: `data:image/png;base64,${formattedValue}` }), renderLink({
-                        onClick: downloadFile
-                    }, 'Download')] }));
-        }
-        case DataType.OPTIONSET:
-        case DataType.MULTI_SELECT_OPTIONSET:
-        case DataType.TWO_OPTIONS: {
-            if (grid.enableOptionSetColors) {
-                return jsx(ReadOnlyOptionSet, { column: column, record: record, defaultRender: renderText });
-            }
-            return renderText();
-        }
-        default: {
-            return renderText();
-        }
-    }
-};
-
-export { ReadOnlyCell };
-//# sourceMappingURL=ReadOnlyCell.js.map

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReadOnlyCell.js","sources":["../../../../../../../src/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ILinkProps, Shimmer } from '@fluentui/react';\nimport { Link } from '@fluentui/react';\nimport { Text } from '@fluentui/react';\nimport { getMultilineStyle, getReadOnlyCellStyles } from './styles';\nimport { Commands } from '../Commands/Commands';\nimport { Checkbox, Icon, useTheme, Image } from '@fluentui/react';\nimport { Constants, DataTypes, FileAttribute, IRecord } from '@talxis/client-libraries';\nimport { ReadOnlyOptionSet } from './ReadOnlyOptionSet/ReadOnlyOptionSet';\nimport { IGridColumn } from '../../../interfaces/IGridColumn';\nimport { DataType } from '../../../enums/DataType';\nimport { useGridInstance } from '../../../hooks/useGridInstance';\nimport { useSelectionController } from '../../../../selection/controllers/useSelectionController';\nimport { ICellRendererParams } from '@ag-grid-community/core';\nimport { CHECKBOX_COLUMN_KEY } from '../../../../constants';\nimport { INotificationsRef, Notifications } from './Notifications/Notifications';\nimport { useDebouncedCallback } from 'use-debounce';\n\ninterface ICellProps extends ICellRendererParams {\n    baseColumn: IGridColumn;\n    data: IRecord;\n    [key: string]: any;\n}\n\nexport const ReadOnlyCell = (props: ICellProps) => {\n    const selection = useSelectionController();\n    const column = props.baseColumn;\n    const record = props.data;\n    const theme = useTheme();\n    const styles = React.useMemo(() => getReadOnlyCellStyles(theme), [theme]);\n\n    if(column.name === CHECKBOX_COLUMN_KEY) {\n        return <div className={styles.cellContent}>\n        <Checkbox\n            checked={props.node.isSelected()}\n            onChange={(e, checked) => {\n                e?.stopPropagation()\n                selection.toggle(record, checked!)\n            }} />\n    </div>\n    }\n    const MemoizedNotifications = React.useMemo(() => {\n        return React.memo(Notifications, (prevProps, nextProps) => {\n            const previousIds = prevProps.notifications.map(x => x.uniqueId).join(';');\n            const nextIds = nextProps.notifications.map(x => x.uniqueId).join(';');\n            if (previousIds !== nextIds) {\n                return false;\n            }\n            return true;\n        });\n    }, []);\n    \n    const grid = useGridInstance();\n    const notifications = record.ui.getNotifications?.(column.name);\n    const notificationRef = React.useRef<INotificationsRef>(null);\n    //TODO: only do this if editable\n    const validation = record.getColumnInfo(column.name);\n\n    const debounceNotificationRemeasure = useDebouncedCallback(() => {\n        if (notifications && notifications.length > 0) {\n            notificationRef.current?.remeasureCommandBar();\n        }\n    }, 10)\n\n    debounceNotificationRemeasure();\n\n    const shouldShowNotEditableNotification = (): boolean => {\n        if (column.isEditable && !record.getColumnInfo(column.name).security.editable) {\n            return true;\n        }\n        return false;\n    }\n\n    const calculateNotificationsWrapperMinWidth = (): number => {\n        let count = 0;\n        if (notifications && notifications.length > 0) {\n            count++\n        }\n        if (validation?.error === true) {\n            count++;\n        }\n        if (shouldShowNotEditableNotification()) {\n            count++;\n        }\n        return count * 40;\n    }\n\n    const shouldRenderNotificationsWrapper = (): boolean => {\n        if (validation?.error === true) {\n            return true;\n        }\n        if (shouldShowNotEditableNotification()) {\n            return true;\n        }\n        if (notifications && notifications.length > 0) {\n            return true;\n        }\n        return false;\n    }\n\n    React.useEffect(() => {\n        const resizeObserver = new ResizeObserver(() => {\n            debounceNotificationRemeasure();\n        })\n        resizeObserver.observe(props.eGridCell);\n    }, []);\n\n\n    if (record.ui?.isLoading(column.name)) {\n        return <Shimmer className={styles.loading} />\n    }\n    if(column.name === Constants.RIBBON_BUTTONS_COLUMN_NAME) {\n        return <div className={styles.cellContent}>\n        <Commands record={record} />\n    </div>\n    }\n    return (\n        <div style={{\n            '--test': `${calculateNotificationsWrapperMinWidth()}px`\n        } as React.CSSProperties} className={styles.root} data-is-valid={!validation || validation.error === false}>\n            <div className={styles.cellContentWrapper}>\n                <div className={styles.cellContent}>\n                    <InternalReadOnlyCell {...props} />\n                </div>\n            </div>\n            {shouldRenderNotificationsWrapper() &&\n                <div className={styles.notificationsWrapper}>\n                    {notifications && notifications.length > 0 &&\n                        <MemoizedNotifications className={styles.notifications} ref={notificationRef} notifications={notifications} />\n                    }\n                    {validation?.error === true &&\n                        <MemoizedNotifications notifications={[\n                            {\n                                notificationLevel: 'ERROR',\n                                messages: [],\n                                iconName: 'Error',\n                                uniqueId: column.name,\n                                title: validation.errorMessage,\n                                compact: true\n                            }\n                        ]} />\n                    }\n                    {\n                        shouldShowNotEditableNotification() &&\n                        <MemoizedNotifications className={styles.uneditableNotification} notifications={[{\n                            iconName: 'Uneditable',\n                            notificationLevel: 'RECOMMENDATION',\n                            uniqueId: column.name,\n                            title: grid.labels['value-not-editable'](),\n                            compact: true,\n                            messages: []\n                        }]} />\n                    }\n                </div>\n            }\n        </div>\n    )\n};\n\nconst InternalReadOnlyCell = (props: ICellProps) => {\n    const grid = useGridInstance();\n    const column = props.baseColumn;\n    const theme = useTheme();\n    const styles = getReadOnlyCellStyles(theme);\n    const record = props.data;\n    const formattedValue = record.getFormattedValue(column.name);\n\n    const renderLink = (props: ILinkProps, formattedValue: string | null): JSX.Element => {\n        switch (column.dataType) {\n            case DataType.LOOKUP_OWNER:\n            case DataType.LOOKUP_SIMPLE:\n            case DataType.LOOKUP_CUSTOMER: {\n                if (!grid.isNavigationEnabled) {\n                    return renderText();\n                }\n            }\n        }\n        if (!formattedValue) {\n            return <></>\n        }\n        let className = styles.link;\n        switch(column.dataType) {\n            case DataTypes.Multiple:\n            case DataTypes.SingleLineTextArea: {\n               className += ` ${getMultilineStyle(props.node.rowHeight!)}`\n            }\n        }\n        return (\n            <Link {...props} className={className} title={formattedValue}>\n                {formattedValue}\n            </Link>\n        );\n    };\n    const renderText = (): JSX.Element => {\n        if (column.isPrimary && grid.isNavigationEnabled) {\n            return renderLink({\n                onClick: () => grid.openDatasetItem(record.getNamedReference())\n            }, formattedValue);\n        }\n        let className = `${styles.text} talxis-cell-text`\n        switch(column.dataType) {\n            case DataTypes.Multiple:\n            case DataTypes.SingleLineTextArea: {\n               className += ` ${getMultilineStyle(props.node.rowHeight!)}`\n            }\n        }\n        return <Text className={className} title={formattedValue!}>{formattedValue}</Text>\n    }\n    const downloadFile = () => {\n        const storage = new FileAttribute(grid.pcfContext.webAPI);\n        const namedReference = record.getNamedReference();\n        storage.downloadFileFromAttribute({\n            //@ts-ignore - PowerApps do not follow the typings\n            entityName: namedReference.etn ?? namedReference.entityName,\n            recordId: record.getRecordId(),\n            fileAttribute: column.name,\n        }, true)\n    }\n\n    switch (column.dataType) {\n        case DataType.SINGLE_LINE_EMAIL: {\n            return renderLink({ href: `mailto:${formattedValue}` }, formattedValue);\n        }\n        case DataType.SINGLE_LINE_PHONE: {\n            return renderLink({ href: `tel:${formattedValue}` }, formattedValue);\n        }\n        case DataType.SINGLE_LINE_URL: {\n            return renderLink({\n                href: formattedValue ?? \"\",\n                target: '_blank',\n                rel: 'noopener noreferrer'\n            }, formattedValue);\n        }\n        case DataType.LOOKUP_SIMPLE:\n        case DataType.LOOKUP_OWNER:\n        case DataType.LOOKUP_CUSTOMER: {\n            return renderLink({\n                onClick: () => grid.openDatasetItem(record.getValue(column.name)[0])\n            }, formattedValue);\n        }\n        case DataType.FILE: {\n            if (!formattedValue) {\n                return <></>\n            }\n            return (\n                <div className={styles.fileWrapper}>\n                    <Icon iconName='Attach' />\n                    {\n                        renderLink({\n                            onClick: downloadFile\n                        }, grid.labels.download())\n                    }\n                </div>\n            )\n        }\n        case DataType.IMAGE: {\n            if (!formattedValue) {\n                return <></>\n            }\n            return (\n                <div className={styles.fileWrapper}>\n                    <Image className={styles.image} src={`data:image/png;base64,${formattedValue}`} />\n                    {\n                        renderLink({\n                            onClick: downloadFile\n                        }, 'Download')\n                    }\n                </div>\n            )\n        }\n        case DataType.OPTIONSET:\n        case DataType.MULTI_SELECT_OPTIONSET:\n        case DataType.TWO_OPTIONS: {\n            if (grid.enableOptionSetColors) {\n                return <ReadOnlyOptionSet\n                    column={column}\n                    record={record}\n                    defaultRender={renderText} />\n            }\n            return renderText();\n        }\n        default: {\n            return renderText()\n        }\n\n    }\n}"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyOptionSet/ReadOnlyOptionSet.d.ts

@@ -1,10 +0,0 @@
-import { ReactElement } from "react";
-import { IGridColumn } from "../../../../interfaces/IGridColumn";
-import { IRecord } from "@talxis/client-libraries";
-interface IReadOnlyOptionSet {
-    column: IGridColumn;
-    record: IRecord;
-    defaultRender: () => ReactElement;
-}
-export declare const ReadOnlyOptionSet: (props: IReadOnlyOptionSet) => JSX.Element;
-export {};

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyOptionSet/ReadOnlyOptionSet.js

@@ -1,49 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { useTheme, Text } from '@fluentui/react';
-import { optionSetStyles } from './styles.js';
-import Color from 'color';
-import { useGridInstance } from '../../../../hooks/useGridInstance.js';
-import { DataType } from '../../../../enums/DataType.js';
-
-const ReadOnlyOptionSet = (props) => {
-    const grid = useGridInstance();
-    const { record, column, defaultRender } = { ...props };
-    const [options, setOptions] = useState(null);
-    const theme = useTheme();
-    const defaultColor = theme.palette.neutralLight;
-    useEffect(() => {
-        (async () => {
-            const getOptions = async () => {
-                const [defaultValue, options] = await grid.metadata.getOptions(column.name);
-                let value = record.getValue(column.name);
-                if (column.dataType === DataType.OPTIONSET) {
-                    value = value ? [parseInt(value)] : null;
-                }
-                if (column.dataType === DataType.MULTI_SELECT_OPTIONSET) {
-                    value = value ? value.split(',').map((value) => parseInt(value)) : null;
-                }
-                if (column.dataType === DataType.TWO_OPTIONS) {
-                    value = [parseInt(value)];
-                }
-                return options.filter(option => value?.includes(option.Value)) ?? [];
-            };
-            const results = await getOptions();
-            setOptions(results);
-        })();
-    }, [record.getValue(column.name)]);
-    //options not loaded yet
-    if (options === null) {
-        return jsx(Fragment, {});
-    }
-    //options loaded but either no value selected or no colors are present
-    if (options.length === 0 || !options.find(x => x.Color)) {
-        return defaultRender();
-    }
-    else {
-        return (jsx("div", { className: optionSetStyles.root, children: options.map(x => jsx("div", { title: x.Label, className: optionSetStyles.option, style: { backgroundColor: x.Color ?? defaultColor, color: new Color(x.Color ?? defaultColor).isDark() ? 'white' : 'black' }, children: jsx(Text, { children: x.Label }) }, x.Value)) }));
-    }
-};
-
-export { ReadOnlyOptionSet };
-//# sourceMappingURL=ReadOnlyOptionSet.js.map

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyOptionSet/ReadOnlyOptionSet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReadOnlyOptionSet.js","sources":["../../../../../../../../src/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyOptionSet/ReadOnlyOptionSet.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { Text } from '@fluentui/react';\nimport { optionSetStyles } from \"./styles\";\nimport color from 'color';\nimport { useTheme } from \"@fluentui/react\";\nimport { IGridColumn } from \"../../../../interfaces/IGridColumn\";\nimport { useGridInstance } from \"../../../../hooks/useGridInstance\";\nimport { DataType } from \"../../../../enums/DataType\";\nimport { IRecord } from \"@talxis/client-libraries\";\n\ninterface IReadOnlyOptionSet {\n    column: IGridColumn;\n    record: IRecord\n    defaultRender: () => ReactElement\n}\n\nexport const ReadOnlyOptionSet = (props: IReadOnlyOptionSet) => {\n    const grid = useGridInstance();\n    const { record, column, defaultRender } = { ...props }\n    const [options, setOptions] = useState<ComponentFramework.PropertyHelper.OptionMetadata[] | null>(null);\n    const theme = useTheme();\n    const defaultColor = theme.palette.neutralLight;\n\n    useEffect(() => {\n        (async () => {\n            const getOptions = async (): Promise<ComponentFramework.PropertyHelper.OptionMetadata[]> => {\n                const [defaultValue, options] = await grid.metadata.getOptions(column.name);\n                let value: any = record.getValue(column.name);\n                if (column.dataType === DataType.OPTIONSET) {\n                    value = value ? [parseInt(value)] : null;\n                }\n                if (column.dataType === DataType.MULTI_SELECT_OPTIONSET) {\n                    value = value ? value.split(',').map((value: string) => parseInt(value)) : null;\n                }\n                if (column.dataType === DataType.TWO_OPTIONS) {\n                    value = [parseInt(value)];\n                }\n                return options.filter(option => value?.includes(option.Value)) ?? [];\n            }\n            const results = await getOptions();\n            setOptions(results);\n        })();\n    }, [record.getValue(column.name)]);\n\n    //options not loaded yet\n    if (options === null) {\n        return <></>\n    }\n    //options loaded but either no value selected or no colors are present\n    if (options.length === 0 || !options.find(x => x.Color)) {\n        return defaultRender();\n    }\n    else {\n        return (\n            <div className={optionSetStyles.root}>\n                {options.map(x => <div\n                    key={x.Value}\n                    title={x.Label}\n                    className={optionSetStyles.option}\n                    style={{ backgroundColor: x.Color ?? defaultColor, color: new color(x.Color ?? defaultColor).isDark() ? 'white' : 'black' }}>\n                    <Text>{x.Label}</Text>\n                </div>)}\n            </div>\n        )\n    }\n\n}"],"names":["_jsx","color"],"mappings":"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"}

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyOptionSet/styles.js

@@ -1,27 +0,0 @@
-import { mergeStyleSets } from '@fluentui/react';
-
-const optionSetStyles = mergeStyleSets({
-    root: {
-        display: 'flex',
-        gap: 5,
-        overflow: 'hidden',
-        '--light': 80,
-        '--threshold': 60,
-        flexGrow: 1
-    },
-    option: {
-        borderRadius: 5,
-        paddingLeft: 4,
-        paddingRight: 4,
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        flexGrow: 1,
-        textAlign: 'center',
-        '>span': {
-            color: 'inherit',
-        }
-    }
-});
-
-export { optionSetStyles };
-//# sourceMappingURL=styles.js.map

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyOptionSet/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../../src/components/Grid/core/components/Cell/ReadOnlyCell/ReadOnlyOptionSet/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\";\n\nexport const optionSetStyles = mergeStyleSets({\n    root: {\n        display: 'flex',\n        gap: 5,\n        overflow: 'hidden',\n        '--light': 80,\n        '--threshold': 60,\n        flexGrow: 1\n    },\n    option: {\n        borderRadius: 5,\n        paddingLeft: 4,\n        paddingRight: 4,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        flexGrow: 1,\n        textAlign: 'center',\n        '>span': {\n            color: 'inherit',\n        }\n    }\n})"],"names":[],"mappings":";;AAEO,MAAM,eAAe,GAAG,cAAc,CAAC;AAC1C,IAAA,IAAI,EAAE;AACF,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,aAAa,EAAE,EAAE;AACjB,QAAA,QAAQ,EAAE,CAAC;AACd,KAAA;AACD,IAAA,MAAM,EAAE;AACJ,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,YAAY,EAAE,UAAU;AACxB,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,SAAS;AACnB,SAAA;AACJ,KAAA;AACJ,CAAA;;;;"}

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/styles.d.ts

@@ -1,99 +0,0 @@
-import { ITheme } from "@fluentui/react";
-export declare const getReadOnlyCellStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
-    loading: {
-        height: string;
-        alignItems: string;
-        display: string;
-        '.ms-Shimmer-shimmerWrapper': {
-            height: number;
-        };
-    };
-    root: {
-        display: string;
-        height: string;
-        alignItems: string;
-    };
-    text: {
-        fontSize: number;
-        overflow: string;
-        textOverflow: string;
-    };
-    link: {
-        fontSize: number;
-        overflow: string;
-        textOverflow: string;
-    };
-    fileWrapper: {
-        display: string;
-        gap: number;
-    };
-    image: {
-        marginRight: number;
-        img: {
-            width: number;
-        };
-    };
-    cellContent: {
-        flex: number;
-        display: string;
-        overflow: string;
-        alignItems: string;
-        height: string;
-    };
-    cellContentWrapper: {
-        display: string;
-        height: string;
-        alignItems: string;
-        overflow: string;
-        flexShrink: number;
-        flexGrow: number;
-        ':global(.talxis-cell-align-right &)': {
-            order: number;
-        };
-        ':only-child': {
-            flexGrow: number;
-        };
-    };
-    uneditableNotification: {
-        i: {
-            color: string;
-        };
-    };
-    notificationsWrapper: {
-        display: string;
-        flexGrow: number;
-        flexShrink: number;
-        flexBasis: number;
-        justifyContent: string;
-        minWidth: string;
-        alignItems: string;
-        overflow: string;
-        ':global(.talxis-cell-align-right &)': {
-            order: number;
-            justifyContent: string;
-            '.ms-CommandBar .ms-CommandBar-primaryCommand': {
-                justifyContent: string;
-            };
-        };
-    };
-    notifications: {
-        minWidth: number;
-        flex: number;
-        ':global(.talxis-cell-align-right &)': {
-            order: number;
-        };
-    };
-    loadingLine: {
-        height: number;
-        borderRadius: number;
-        width: string;
-        animation: string;
-        backgroundSize: string;
-        background: string;
-    };
-    multiline: {
-        alignSelf: string;
-        whiteSpace: string;
-    };
-}>;
-export declare const getMultilineStyle: (height: number) => string;

package/dist/components/Grid/core/components/Cell/ReadOnlyCell/styles.js

@@ -1,123 +0,0 @@
-import { keyframes, mergeStyleSets, mergeStyles } from '@fluentui/react';
-
-const shimmer = keyframes({
-    '100%': {
-        backgroundPosition: '150px 0'
-    },
-});
-const getReadOnlyCellStyles = (theme) => {
-    return mergeStyleSets({
-        loading: {
-            height: '100%',
-            alignItems: 'center',
-            display: 'flex',
-            '.ms-Shimmer-shimmerWrapper': {
-                height: 10
-            }
-        },
-        root: {
-            display: 'flex',
-            height: '100%',
-            alignItems: 'center',
-        },
-        text: {
-            fontSize: 14,
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-        },
-        link: {
-            fontSize: 14,
-            overflow: 'hidden',
-            textOverflow: 'ellipsis'
-        },
-        fileWrapper: {
-            display: 'flex',
-            gap: 3
-        },
-        image: {
-            marginRight: 5,
-            'img': {
-                width: 32
-            }
-        },
-        cellContent: {
-            flex: 1,
-            display: 'flex',
-            overflow: 'hidden',
-            alignItems: 'center',
-            height: '100%',
-        },
-        cellContentWrapper: {
-            display: 'flex',
-            height: '100%',
-            alignItems: 'center',
-            overflow: 'hidden',
-            flexShrink: 1,
-            flexGrow: 0,
-            ':global(.talxis-cell-align-right &)': {
-                order: 2
-            },
-            ':only-child': {
-                flexGrow: 1
-            }
-        },
-        uneditableNotification: {
-            'i': {
-                color: `${theme.semanticColors.infoIcon} !important`
-            }
-        },
-        notificationsWrapper: {
-            display: 'flex',
-            flexGrow: 1,
-            flexShrink: 0,
-            flexBasis: 0,
-            justifyContent: 'flex-end',
-            minWidth: 'var(--test, 0px)',
-            alignItems: 'center',
-            overflow: 'hidden',
-            ':global(.talxis-cell-align-right &)': {
-                order: 1,
-                justifyContent: 'flex-start',
-                '.ms-CommandBar .ms-CommandBar-primaryCommand': {
-                    justifyContent: 'flex-start'
-                }
-            }
-        },
-        notifications: {
-            minWidth: 0,
-            flex: 1,
-            ':global(.talxis-cell-align-right &)': {
-                order: 2
-            }
-        },
-        loadingLine: {
-            height: 7,
-            borderRadius: 5,
-            width: '100%',
-            animation: `${shimmer} 2s infinite`,
-            backgroundSize: '1000px 100%',
-            background: `linear-gradient(to right, color-mix(in oklab, ${theme.palette.white}, ${theme.palette.black} 8%) 4%, color-mix(in oklab, ${theme.palette.white}, ${theme.palette.black} 5%) 25%, color-mix(in oklab, ${theme.palette.white}, ${theme.palette.black} 8%) 36%)`
-        },
-        multiline: {
-            alignSelf: 'baseline',
-            whiteSpace: 'normal'
-        }
-    });
-};
-const getMultilineStyle = (height) => {
-    const clamp = Math.floor(height / 20);
-    return mergeStyles({
-        alignSelf: 'baseline',
-        whiteSpace: 'normal',
-        display: '-webkit-box',
-        textAlign: 'left',
-        overflowWrap: 'break-word',
-        lineHeight: "1.2",
-        paddingTop: 2,
-        '-webkit-line-clamp': clamp.toString(),
-        '-webkit-box-orient': 'vertical'
-    });
-};
-
-export { getMultilineStyle, getReadOnlyCellStyles };
-//# sourceMappingURL=styles.js.map