@sap-ux/ui-components 1.0.0

package/dist/components/UIChoiceGroup/UIChoiceGroup.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { IChoiceGroupOption, IChoiceGroupProps, IChoiceGroupStyles, IChoiceGroupOptionProps } from '@fluentui/react';
+export declare type ChoiceGroupOption = IChoiceGroupOption;
+export declare type ChoiceGroupOptionProps = IChoiceGroupOptionProps;
+export interface ChoiceGroupProps extends IChoiceGroupProps {
+    inline?: boolean;
+}
+/**
+ * UIChoiceGroup component.
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/choicegroup
+ *
+ * @exports
+ * @class UIChoiceGroup
+ * @extends {React.Component<IChoiceGroupProps, {}>}
+ */
+export declare class UIChoiceGroup extends React.Component<ChoiceGroupProps, {}> {
+    /**
+     * Initializes component properties.
+     * @param {ChoiceGroupProps} props
+     */
+    constructor(props: ChoiceGroupProps);
+    setStyles: () => Partial<IChoiceGroupStyles>;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
+//# sourceMappingURL=UIChoiceGroup.d.ts.map

package/dist/components/UIChoiceGroup/UIChoiceGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIChoiceGroup.d.ts","sourceRoot":"","sources":["../../../src/components/UIChoiceGroup/UIChoiceGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACR,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EAC1B,MAAM,iBAAiB,CAAC;AAIzB,oBAAY,iBAAiB,GAAG,kBAAkB,CAAC;AACnD,oBAAY,sBAAsB,GAAG,uBAAuB,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IAEvD,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAgCD;;;;;;;GAOG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAE,CAAC;IACpE;;;OAGG;gBACgB,KAAK,EAAE,gBAAgB;IAI1C,SAAS,QAAO,QAAQ,kBAAkB,CAAC,CAsHzC;IAEF;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAGxB"}

package/dist/components/UIChoiceGroup/UIChoiceGroup.js

@@ -0,0 +1,182 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIChoiceGroup = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+const UILabel_1 = require("../UILabel");
+// Reusable styles
+const UI_CHOICE_GROUP_LABEL_STYLE = {
+    fontSize: 13,
+    family: 'var(--vscode-font-family)',
+    disableOpacity: 0.4
+};
+const UI_CHOICE_GROUP_STYLES = {
+    label: {
+        ...UI_CHOICE_GROUP_LABEL_STYLE,
+        color: 'var(--vscode-input-foreground)'
+    },
+    radio: {
+        borderColor: 'var(--vscode-editorWidget-border)',
+        background: 'var(--vscode-input-background)',
+        bullet: {
+            background: 'var(--vscode-input-foreground)'
+        },
+        hover: {
+            background: 'var(--vscode-focusBorder)'
+        },
+        focus: {
+            borderColor: 'var(--vscode-focusBorder)'
+        },
+        label: {
+            ...UI_CHOICE_GROUP_LABEL_STYLE,
+            color: 'var(--vscode-foreground)'
+        }
+    }
+};
+/**
+ * UIChoiceGroup component.
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/choicegroup
+ *
+ * @exports
+ * @class UIChoiceGroup
+ * @extends {React.Component<IChoiceGroupProps, {}>}
+ */
+class UIChoiceGroup extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     * @param {ChoiceGroupProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.setStyles = () => {
+            return {
+                root: {
+                    // Label
+                    '.ms-ChoiceFieldGroup label.ms-Label': {
+                        fontWeight: 'bold',
+                        fontSize: UI_CHOICE_GROUP_STYLES.label.fontSize,
+                        fontStyle: 'normal',
+                        lineHeight: 15,
+                        color: UI_CHOICE_GROUP_STYLES.label.color,
+                        marginTop: 10,
+                        padding: 0
+                    },
+                    // Choice/Radio field
+                    '.ms-ChoiceField': {
+                        minHeight: 20
+                    },
+                    '.ms-ChoiceField-field': {
+                        fontWeight: 'normal',
+                        fontSize: UI_CHOICE_GROUP_STYLES.radio.label.fontSize,
+                        fontStyle: 'normal',
+                        lineHeight: 18,
+                        color: UI_CHOICE_GROUP_STYLES.radio.label.color,
+                        margin: 0
+                    },
+                    '.ms-ChoiceField-field::before': {
+                        backgroundColor: UI_CHOICE_GROUP_STYLES.radio.background,
+                        borderColor: UI_CHOICE_GROUP_STYLES.radio.borderColor,
+                        top: 0,
+                        left: 0,
+                        width: 18,
+                        height: 18
+                    },
+                    '.ms-ChoiceField-field::after': {
+                        left: 5,
+                        top: 5,
+                        height: 8,
+                        width: 8,
+                        borderWidth: 4,
+                        backgroundColor: UI_CHOICE_GROUP_STYLES.radio.background,
+                        // Remove animation
+                        transition: 'none'
+                    },
+                    // Option Label
+                    '.ms-ChoiceFieldLabel': {
+                        paddingLeft: 26
+                    },
+                    // Checked/Selected
+                    '.ms-ChoiceField-field.is-checked::after': {
+                        borderColor: UI_CHOICE_GROUP_STYLES.radio.bullet.background
+                    },
+                    // Hover
+                    '.ms-ChoiceField-field:hover': {
+                        'span.ms-ChoiceFieldLabel': {
+                            color: UI_CHOICE_GROUP_STYLES.radio.label.color
+                        },
+                        '::before': {
+                            borderColor: UI_CHOICE_GROUP_STYLES.radio.hover.background
+                        },
+                        '::after': {
+                            borderColor: 'transparent',
+                            background: 'transparent'
+                        }
+                    },
+                    // Hover + selected
+                    'label.ms-ChoiceField-field.is-checked:hover::after': {
+                        borderColor: UI_CHOICE_GROUP_STYLES.radio.bullet.background
+                    },
+                    // Focus
+                    '.ms-ChoiceField-wrapper.is-inFocus::after': {
+                        borderColor: UI_CHOICE_GROUP_STYLES.radio.focus.borderColor
+                    },
+                    '.ms-ChoiceField-input:focus': {
+                        opacity: 0
+                    },
+                    // Disabled State
+                    '.is-disabled + .ms-ChoiceField-field': {
+                        ' .ms-ChoiceFieldLabel': {
+                            opacity: UI_CHOICE_GROUP_STYLES.radio.label.disableOpacity,
+                            color: UI_CHOICE_GROUP_STYLES.radio.label.color
+                        },
+                        ':hover::before': {
+                            borderColor: UI_CHOICE_GROUP_STYLES.radio.borderColor
+                        },
+                        ':after': {
+                            opacity: UI_CHOICE_GROUP_STYLES.radio.label.disableOpacity
+                        }
+                    }
+                },
+                label: {
+                    ...UILabel_1.labelGlobalStyle,
+                    ...(this.props.disabled && {
+                        opacity: UI_CHOICE_GROUP_STYLES.label.disableOpacity,
+                        color: UI_CHOICE_GROUP_STYLES.label.color
+                    }),
+                    ...(this.props.required && {
+                        selectors: {
+                            '::after': {
+                                content: `' *'`,
+                                color: 'var(--vscode-inputValidation-errorBorder)',
+                                paddingRight: 12
+                            }
+                        }
+                    })
+                },
+                ...(this.props.inline && {
+                    flexContainer: {
+                        display: 'flex',
+                        flexDirection: 'row',
+                        flexWrap: 'wrap',
+                        selectors: {
+                            '> .ms-ChoiceField': {
+                                paddingRight: 16
+                            }
+                        }
+                    }
+                })
+            };
+        };
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        return react_1.default.createElement(react_2.ChoiceGroup, { styles: this.setStyles, ...this.props });
+    }
+}
+exports.UIChoiceGroup = UIChoiceGroup;
+//# sourceMappingURL=UIChoiceGroup.js.map

package/dist/components/UIChoiceGroup/UIChoiceGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIChoiceGroup.js","sourceRoot":"","sources":["../../../src/components/UIChoiceGroup/UIChoiceGroup.tsx"],"names":[],"mappings":"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"}

package/dist/components/UIChoiceGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './UIChoiceGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/UIChoiceGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UIChoiceGroup/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/UIChoiceGroup/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./UIChoiceGroup"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/UIChoiceGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/UIChoiceGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAAgC"}

package/dist/components/UIComboBox/Callout.scss

@@ -0,0 +1,7 @@
+@import '../../styles/ui-components.scss';
+
+.ts-Callout {
+    button {
+        @include base-font;
+    }
+}

package/dist/components/UIComboBox/UIComboBox.d.ts

@@ -0,0 +1,190 @@
+import React from 'react';
+import type { IComboBoxProps, IComboBoxState } from '@fluentui/react';
+import { IComboBox, IComboBoxOption, IOnRenderComboBoxLabelProps } from '@fluentui/react';
+import './UIComboBox.scss';
+import './Callout.scss';
+import type { UIMessagesExtendedProps } from '../../helper/ValidationMessage';
+export { IComboBoxOption as UIComboBoxOption, IComboBox as UIComboBoxRef, IOnRenderComboBoxLabelProps as UIOnRenderComboBoxLabelProps };
+export interface UIComboBoxProps extends IComboBoxProps, UIMessagesExtendedProps {
+    highlight?: boolean;
+    useComboBoxAsMenuMinWidth?: boolean;
+    openMenuOnClick?: boolean;
+    onRefresh?(): void;
+    onHandleChange?(value: string | number): void;
+    tooltipRefreshButton?: string;
+    isLoading?: boolean;
+    isForceEnabled?: boolean;
+}
+export interface UIComboBoxState {
+    minWidth?: number;
+    isListHidden?: boolean;
+    toggleRefresh: boolean;
+}
+interface ComboBoxHoistedProps {
+    hoisted: {
+        selectedIndices: number[];
+        currentOptions: IComboBoxOption[];
+    };
+}
+export interface ComboBoxRef extends IComboBox {
+    state: IComboBoxState;
+    props: UIComboBoxProps & ComboBoxHoistedProps;
+}
+/**
+ * UIComboBox component.
+ *
+ * @exports
+ * @class {UIComboBox}
+ * @extends {React.Component<UIComboBoxProps, UIComboBoxState>}
+ */
+export declare class UIComboBox extends React.Component<UIComboBoxProps, UIComboBoxState> {
+    private comboBox;
+    private root;
+    private selectedElement;
+    private query;
+    private ignoreOpenKeys;
+    private isListHidden;
+    /**
+     * Initializes component properties.
+     * @param {UIComboBoxProps} props
+     */
+    constructor(props: UIComboBoxProps);
+    /**
+     *
+     * @param {UIComboBoxProps} nextProps
+     * @returns {boolean}
+     */
+    shouldComponentUpdate(nextProps: UIComboBoxProps): boolean;
+    /**
+     * Updates hidden options.
+     *
+     * @param {IComboBoxOption[]} opts
+     */
+    private updateHiddenOptions;
+    /**
+     * Method filters options and hides unmatched options.
+     *
+     * @param {React.FormEvent<IComboBox>} event Combobox event object
+     */
+    private onInput;
+    /**
+     * Method opens menu when user clicks on Combobox (input or button).
+     */
+    private onClick;
+    /**
+     * Method handles keydown event and does following.
+     * 1. Fix for bug(in fluentui sources) regarding keyboard navigation when last item is not visible.
+     * 2. Opens list when user enters any key.
+     *
+     * @param {React.FormEvent<HTMLInputElement>} event Keydown event
+     */
+    private onKeyDown;
+    /**
+     * Method resets search query.
+     */
+    private reserQuery;
+    /**
+     * Method called on combobox option resolvation.
+     * We should not allow to add any custom option.
+     *
+     * @returns {IComboBoxOption[]} Array of combobox items.
+     */
+    private onResolveOptions;
+    /**
+     * Method called on combobox item render.
+     * We should pass query to it and avoid rendering if it is hidden.
+     *
+     * @param {IComboBoxOption} props Combobox item props.
+     * @param {Function} defaultRender Combobox item default renderer.
+     * @returns {JSX.Element | null} Element to render.
+     */
+    private onRenderItem;
+    /**
+     * Method to get current selected index.
+     *
+     * @returns {number | undefined} Selected item index.
+     */
+    private getCurrentSelectedIndex;
+    /**
+     * Return a value for the placeholder.
+     *
+     * @returns {string}
+     */
+    private getPlaceholder;
+    /**
+     * Method called on combobox item's option/label render.
+     * We should use different componenet which support highlighting - 'ComboboxSearchOption'.
+     *
+     * @param {IComboBoxOption} props Combobox item props.
+     * @param {Function} defaultRender Combobox item default renderer.
+     * @returns {JSX.Element | null} Element to render.
+     */
+    private readonly onRenderOption;
+    /**
+     * Method which determines what is next visible item - it is used to fix bug in fluentui sources..
+     *
+     * @param {number} index Current index.
+     * @param {boolean} forward Dirrection to look up.
+     * @returns {ComboboxItemInfo | null} Combobox item object.
+     */
+    private getNextVisibleItem;
+    /**
+     * Method is used as fix for bug(in fluentui sources) regarding keyboard navigation when last item is not visible.
+     *
+     * @param {boolean} forward Dirrection to look up.
+     * @returns {boolean} Returs true if method changed navigation.
+     */
+    private _setCyclingNavigation;
+    /**
+     * Method for property 'useComboBoxAsMenuMinWidth' - method resolves current dropdown width and updates state with latest value.
+     * 'minWidth' from state is used to set callout size in render.
+     */
+    private calculateMenuMinWidth;
+    /**
+     * Method called only when property 'highlight' is true.
+     * Method called after each value live change - we need recheck if there is any visible item after search is done.
+     * 1. If there no any visible item - we hide menu callout.
+     * 2. If there is any visible item - we show menu callout.
+     */
+    private onPendingValueChanged;
+    /**
+     * Public method to close menu callout if it is open.
+     */
+    dismissMenu(): void;
+    /**
+     * Public method to set the focus on the combo box.
+     */
+    setFocus(): void;
+    /**
+     * Method called only when property 'onRefresh' has been defined.
+     * It is called when the menu Open and Dismiss to handle the toggleRefresh state.
+     */
+    private toggleRefresh;
+    /**
+     * Method called only when property 'onRefresh' has been defined.
+     * It is called when click on the refresh buttonIcon.
+     */
+    private handleRefreshButton;
+    handleChange: IComboBoxProps['onChange'];
+    private onRenderListLoading;
+    /**
+     * Handle multiselect change by avoiding 'blur' event.
+     * Problem is that blur event uses suggested value and toggles selection for it.
+     *
+     * @param {React.FormEvent<IComboBox>} event on change
+     * @param {IComboBoxOption} option changed option
+     * @param {number} index option index
+     * @param {string} value changed value
+     */
+    private onMultiSelectChange;
+    /**
+     * Method is used to fix bug in fluent ui.
+     * Bug is for multiselect combobox - when keyboard navigation is used, then scrollbar position is not updated to make selected option visible in viewport.
+     */
+    private onScrollToItem;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
+//# sourceMappingURL=UIComboBox.d.ts.map

package/dist/components/UIComboBox/UIComboBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/UIComboBox/UIComboBox.tsx"],"names":[],"mappings":"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"}