@gooddata/sdk-ui-ext 9.4.0-beta.0 → 9.5.0-alpha.2

package/esm/internal/components/dialogs/userManagementDialogs/Users/AddUserSelect.js

@@ -0,0 +1,64 @@
+// (C) 2023 GoodData Corporation
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
+import debounce from "debounce-promise";
+import { useIntl } from "react-intl";
+import AsyncSelect from "react-select/async";
+import { useBackendStrict } from "@gooddata/sdk-ui";
+import { isUserItem } from "../types.js";
+import { useOrganizationId } from "../OrganizationIdContext.js";
+import { messages } from "../locales.js";
+import { EmptyRenderer, GroupHeadingRenderer, InputRendered, LoadingMessageRenderer, MenuListRendered, NoOptionsMessageRenderer, OptionRenderer, } from "./AsyncSelectComponents.js";
+import { loadUsersOptionsPromise } from "./backend/loadUsersOptionsPromise.js";
+const SEARCH_INTERVAL = 400;
+export const AddUserSelect = ({ addedUsers, grantedUsers, onSelect }) => {
+    const intl = useIntl();
+    const selectRef = useRef(null);
+    const backend = useBackendStrict();
+    const organizationId = useOrganizationId();
+    useEffect(() => {
+        selectRef.current.focus();
+    }, []);
+    const onChange = useCallback((value) => {
+        const user = value.value;
+        if (isUserItem(user)) {
+            onSelect(user);
+        }
+    }, [onSelect]);
+    const noOptionsMessage = useMemo(() => () => intl.formatMessage(messages.searchUserNoMatch), [intl]);
+    const loadOptions = useMemo(() => debounce(loadUsersOptionsPromise(backend, organizationId, intl), SEARCH_INTERVAL, {
+        leading: true,
+    }), [backend, organizationId, intl]);
+    const onKeyDownCallback = useCallback((e) => {
+        const target = e.target;
+        // react-select has default behavior on space and tab key  - open menu / select first option etc.
+        // We need disable this behavior for space key by set e.preventDefault when input is empty and for tab key completely
+        //space
+        if (e.keyCode === 32 && !target.value) {
+            e.preventDefault();
+        }
+        // tab
+        if (e.keyCode === 9) {
+            e.preventDefault();
+        }
+    }, []);
+    const usedUsers = useMemo(() => (grantedUsers ? [...addedUsers, ...grantedUsers] : []), [addedUsers, grantedUsers]);
+    const filterOption = (option) => {
+        const user = option.value;
+        return !usedUsers.some((usedUser) => {
+            return usedUser.id === user.id;
+        });
+    };
+    return (React.createElement("div", { className: "gd-share-dialog-content-select s-user-management-user-select" },
+        React.createElement(AsyncSelect, { ref: selectRef, defaultMenuIsOpen: true, classNamePrefix: "gd-share-dialog", components: {
+                DropdownIndicator: EmptyRenderer,
+                IndicatorSeparator: EmptyRenderer,
+                Input: InputRendered,
+                Option: OptionRenderer,
+                GroupHeading: GroupHeadingRenderer,
+                LoadingMessage: LoadingMessageRenderer,
+                LoadingIndicator: EmptyRenderer,
+                MenuList: MenuListRendered,
+                NoOptionsMessage: NoOptionsMessageRenderer,
+            }, loadOptions: loadOptions, defaultOptions: true, placeholder: intl.formatMessage(messages.searchUserPlaceholder), onKeyDown: onKeyDownCallback, noOptionsMessage: noOptionsMessage, onChange: onChange, value: null, filterOption: filterOption })));
+};
+//# sourceMappingURL=AddUserSelect.js.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/AddUserSelect.js.map

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

package/esm/internal/components/dialogs/userManagementDialogs/Users/AsyncSelectComponents.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { InputProps, GroupHeadingProps, OptionProps, MenuListProps, NoticeProps } from "react-select";
+import { IUserSelectOption, ISelectErrorOption } from "../types.js";
+export declare const EmptyRenderer: () => JSX.Element;
+export declare const LoadingMessageRenderer: () => JSX.Element;
+export declare const NoOptionsMessageRenderer: (props: NoticeProps) => JSX.Element;
+export declare const MenuListRendered: (props: MenuListProps<IUserSelectOption, false>) => JSX.Element;
+export declare const InputRendered: (props: InputProps) => JSX.Element;
+export declare const ErrorOptionRenderer: (errorOption: ISelectErrorOption) => JSX.Element;
+export declare const OptionRenderer: (props: OptionProps<IUserSelectOption, false>) => JSX.Element;
+export declare const GroupHeadingRenderer: (props: GroupHeadingProps) => JSX.Element;
+//# sourceMappingURL=AsyncSelectComponents.d.ts.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/AsyncSelectComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncSelectComponents.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Users/AsyncSelectComponents.tsx"],"names":[],"mappings":";AAEA,OAAO,EAEH,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,WAAW,EACd,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,iBAAiB,EAAc,kBAAkB,EAAuB,MAAM,aAAa,CAAC;AAGrG,eAAO,MAAM,aAAa,QAAO,WAEhC,CAAC;AAEF,eAAO,MAAM,sBAAsB,QAAO,WAMzC,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAAW,WAAW,KAAG,WAM7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,cAAc,iBAAiB,EAAE,KAAK,CAAC,KAAG,WAQjF,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,UAAU,KAAG,WAMjD,CAAC;AAWF,eAAO,MAAM,mBAAmB,gBAAiB,kBAAkB,KAAG,WASrE,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,YAAY,iBAAiB,EAAE,KAAK,CAAC,KAAG,WAsB7E,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,iBAAiB,KAAG,WAO/D,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Users/AsyncSelectComponents.js

@@ -0,0 +1,56 @@
+// (C) 2023 GoodData Corporation
+import React from "react";
+import { components as ReactSelectComponents, } from "react-select";
+import { Typography, LoadingMask } from "@gooddata/sdk-ui-kit";
+import { isUserItem, isSelectErrorOption } from "../types.js";
+import { getUserItemTestId } from "../utils.js";
+export const EmptyRenderer = () => {
+    return null;
+};
+export const LoadingMessageRenderer = () => {
+    return (React.createElement("div", { className: "gd-share-dialog-loading-mask-container" },
+        React.createElement(LoadingMask, { size: "small" })));
+};
+export const NoOptionsMessageRenderer = (props) => {
+    return (React.createElement("div", { className: "s-user-management-no-option", "aria-label": "Share dialog no match" },
+        React.createElement(ReactSelectComponents.NoOptionsMessage, Object.assign({}, props))));
+};
+export const MenuListRendered = (props) => {
+    return (React.createElement(ReactSelectComponents.MenuList, Object.assign({}, props),
+        React.createElement("div", { className: "s-user-management-dialog-menu", "aria-label": "Share dialog menu list" }, props.children)));
+};
+export const InputRendered = (props) => {
+    return (React.createElement("div", { className: "gd-share-dialog-input s-user-management-input" },
+        React.createElement(ReactSelectComponents.Input, Object.assign({}, props))));
+};
+const OptionContentRenderer = (item) => {
+    return (React.createElement(React.Fragment, null,
+        " ",
+        item.label,
+        " ",
+        React.createElement("span", { className: "option-email" }, item.value.email),
+        " "));
+};
+export const ErrorOptionRenderer = (errorOption) => {
+    return (React.createElement("div", { className: "gd-share-dialog-option-error s-user-management-option-error", "aria-label": "Share dialog error" },
+        React.createElement("span", { className: "gd-share-dialog-option-error-content" }, errorOption.label)));
+};
+export const OptionRenderer = (props) => {
+    const { className, cx, isFocused, innerRef, innerProps, data } = props;
+    if (isSelectErrorOption(data)) {
+        return ErrorOptionRenderer(data);
+    }
+    const sTestStyle = isUserItem(data.value) ? getUserItemTestId(data.value) : "";
+    const componentStyle = cx({
+        option: true,
+        "option--is-focused": isFocused,
+    }, className);
+    return (React.createElement("div", Object.assign({ ref: innerRef, className: `${componentStyle} ${sTestStyle}` }, innerProps),
+        React.createElement("div", { className: "option-content" }, OptionContentRenderer(data))));
+};
+export const GroupHeadingRenderer = (props) => {
+    const { label } = props.data;
+    return (React.createElement("div", { className: "gd-share-dialog-select-group-heading" },
+        React.createElement(Typography, { tagName: "h3" }, label)));
+};
+//# sourceMappingURL=AsyncSelectComponents.js.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/AsyncSelectComponents.js.map

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

package/esm/internal/components/dialogs/userManagementDialogs/Users/UserItem.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ListMode, IUserMember } from "../types.js";
+interface IUserItemProps {
+    user: IUserMember;
+    mode: ListMode;
+    onDelete: (user: IUserMember) => void;
+}
+export declare const UserItem: React.FC<IUserItemProps>;
+export {};
+//# sourceMappingURL=UserItem.d.ts.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/UserItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Users/UserItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAoCpD,UAAU,cAAc;IACpB,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAa7C,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Users/UserItem.js

@@ -0,0 +1,29 @@
+// (C) 2023 GoodData Corporation
+import { useIntl } from "react-intl";
+import React from "react";
+import cx from "classnames";
+import { BubbleHoverTrigger, Bubble } from "@gooddata/sdk-ui-kit";
+import { messages } from "../locales.js";
+const GranteeUserIcon = () => {
+    return (React.createElement("div", { className: "gd-grantee-item-icon-left-background" },
+        React.createElement("span", { className: "gd-grantee-item-icon gd-grantee-icon-user gd-grantee-item-icon-left" })));
+};
+const alignPoints = [{ align: "cr cl" }];
+const RemoveIcon = ({ mode, onClick }) => {
+    const intl = useIntl();
+    return (React.createElement(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, className: "gd-grantee-item-delete" },
+        React.createElement("span", { className: "gd-grantee-item-icon gd-grantee-icon-trash gd-grantee-item-icon-right s-user-management-item-delete", onClick: onClick, "aria-label": "Group dialog user member delete" }),
+        React.createElement(Bubble, { className: "bubble-primary", alignPoints: alignPoints }, mode === "VIEW"
+            ? intl.formatMessage(messages.removeSavedUserTooltip)
+            : intl.formatMessage(messages.removeUnsavedUserTooltip))));
+};
+export const UserItem = ({ mode, onDelete, user }) => {
+    const itemClassName = cx("s-user-management-item", "gd-share-dialog-grantee-item");
+    return (React.createElement("div", { className: itemClassName },
+        React.createElement(RemoveIcon, { mode: mode, onClick: () => onDelete(user) }),
+        React.createElement("div", { className: "gd-grantee-content" },
+            React.createElement("div", { className: "gd-grantee-content-label" }, user.title),
+            React.createElement("div", { className: "gd-grantee-content-label gd-grantee-content-email" }, user.email)),
+        React.createElement(GranteeUserIcon, null)));
+};
+//# sourceMappingURL=UserItem.js.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/UserItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserItem.js","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Users/UserItem.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGlE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,eAAe,GAAa,GAAG,EAAE;IACnC,OAAO,CACH,6BAAK,SAAS,EAAC,sCAAsC;QACjD,8BAAM,SAAS,EAAC,qEAAqE,GAAG,CACtF,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAOzC,MAAM,UAAU,GAA+B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IACjE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,oBAAC,kBAAkB,IAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAC,wBAAwB;QAC9E,8BACI,SAAS,EAAC,qGAAqG,EAC/G,OAAO,EAAE,OAAO,gBACL,iCAAiC,GAC9C;QACF,oBAAC,MAAM,IAAC,SAAS,EAAC,gBAAgB,EAAC,WAAW,EAAE,WAAW,IACtD,IAAI,KAAK,MAAM;YACZ,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC;YACrD,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CACtD,CACQ,CACxB,CAAC;AACN,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,QAAQ,GAA6B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3E,MAAM,aAAa,GAAG,EAAE,CAAC,wBAAwB,EAAE,8BAA8B,CAAC,CAAC;IAEnF,OAAO,CACH,6BAAK,SAAS,EAAE,aAAa;QACzB,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAI;QACzD,6BAAK,SAAS,EAAC,oBAAoB;YAC/B,6BAAK,SAAS,EAAC,0BAA0B,IAAE,IAAI,CAAC,KAAK,CAAO;YAC5D,6BAAK,SAAS,EAAC,mDAAmD,IAAE,IAAI,CAAC,KAAK,CAAO,CACnF;QACN,oBAAC,eAAe,OAAG,CACjB,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Users/UsersList.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ListMode, IUserMember } from "../types.js";
+export interface IUsersListProps {
+    users: IUserMember[];
+    mode: ListMode;
+    onDelete: (user: IUserMember) => void;
+}
+export declare const UsersList: React.FC<IUsersListProps>;
+//# sourceMappingURL=UsersList.d.ts.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/UsersList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersList.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Users/UsersList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAIpD,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgB/C,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Users/UsersList.js

@@ -0,0 +1,17 @@
+// (C) 2021-2023 GoodData Corporation
+import React, { useMemo } from "react";
+import { sortByName } from "../utils.js";
+import { UsersListEmpty } from "./UsersListEmpty.js";
+import { UserItem } from "./UserItem.js";
+export const UsersList = ({ users, mode, onDelete }) => {
+    const sortedUsers = useMemo(() => {
+        return users ? [...users].sort(sortByName) : [];
+    }, [users]);
+    if (sortedUsers.length === 0) {
+        return React.createElement(UsersListEmpty, { mode: mode });
+    }
+    return (React.createElement("div", { className: "gd-share-dialog-grantee-list s-user-management-users-list" }, sortedUsers.map((user) => {
+        return React.createElement(UserItem, { key: user.id, user: user, onDelete: onDelete, mode: mode });
+    })));
+};
+//# sourceMappingURL=UsersList.js.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/UsersList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersList.js","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Users/UsersList.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQzC,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9E,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;QAC1B,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;KACzC;IAED,OAAO,CACH,6BAAK,SAAS,EAAC,2DAA2D,IACrE,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACtB,OAAO,oBAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IAClF,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Users/UsersListEmpty.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ListMode } from "../types.js";
+export interface IUsersListEmptyProps {
+    mode: ListMode;
+}
+export declare const UsersListEmpty: React.FC<IUsersListEmptyProps>;
+//# sourceMappingURL=UsersListEmpty.d.ts.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/UsersListEmpty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersListEmpty.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Users/UsersListEmpty.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,MAAM,WAAW,oBAAoB;IACjC,IAAI,EAAE,QAAQ,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAUzD,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Users/UsersListEmpty.js

@@ -0,0 +1,12 @@
+// (C) 2021 GoodData Corporation
+import React from "react";
+import { useIntl } from "react-intl";
+import { messages } from "../locales.js";
+export const UsersListEmpty = ({ mode }) => {
+    const intl = useIntl();
+    return (React.createElement("div", { className: "gd-share-dialog-grantee-list-empty-selection s-user-management-empty-selection gd-user-management-dialog-list-empty" },
+        React.createElement("span", null,
+            mode === "VIEW" && intl.formatMessage(messages.viewUserListEmpty),
+            mode === "EDIT" && intl.formatMessage(messages.editUserListEmpty))));
+};
+//# sourceMappingURL=UsersListEmpty.js.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/UsersListEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersListEmpty.js","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Users/UsersListEmpty.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAGrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAMzC,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACvE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,6BAAK,SAAS,EAAC,qHAAqH;QAChI;YACK,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC;YACjE,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAC/D,CACL,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Users/backend/loadUsersOptionsPromise.d.ts

@@ -0,0 +1,5 @@
+import { IntlShape } from "react-intl";
+import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
+import { IUserSelectOption, ISelectErrorOption } from "../../types.js";
+export declare const loadUsersOptionsPromise: (backend: IAnalyticalBackend, organizationId: string, intl: IntlShape) => (inputValue: string) => Promise<IUserSelectOption[] | ISelectErrorOption[]>;
+//# sourceMappingURL=loadUsersOptionsPromise.d.ts.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/backend/loadUsersOptionsPromise.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadUsersOptionsPromise.d.ts","sourceRoot":"","sources":["../../../../../../../src/internal/components/dialogs/userManagementDialogs/Users/backend/loadUsersOptionsPromise.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,iBAAiB,EAAe,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAcpF,eAAO,MAAM,uBAAuB,YACtB,kBAAkB,kBAAkB,MAAM,QAAQ,SAAS,kBAClD,MAAM,KAAG,QAAQ,iBAAiB,EAAE,GAAG,kBAAkB,EAAE,CAmC7E,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Users/backend/loadUsersOptionsPromise.js

@@ -0,0 +1,39 @@
+// (C) 2023 GoodData Corporation
+import { sortByName, extractUserName } from "../../utils.js";
+import { messages } from "../../locales.js";
+const createErrorOption = (intl) => {
+    return [
+        {
+            isDisabled: true,
+            type: "error",
+            label: intl.formatMessage(messages.searchUserError),
+        },
+    ];
+};
+export const loadUsersOptionsPromise = (backend, organizationId, intl) => async (inputValue) => {
+    try {
+        return await backend
+            .organization(organizationId)
+            .users()
+            .getUsers()
+            .then((users) => users.filter((user) => inputValue === "" ||
+            extractUserName(user).toLowerCase().includes(inputValue.toLowerCase())))
+            .then((users) => users
+            .map((user) => ({
+            id: user.id,
+            title: extractUserName(user),
+            email: user.email,
+        }))
+            .sort(sortByName))
+            .then((matchingUsers) => matchingUsers.map((user) => {
+            return {
+                label: user.title,
+                value: user,
+            };
+        }));
+    }
+    catch (_a) {
+        return createErrorOption(intl);
+    }
+};
+//# sourceMappingURL=loadUsersOptionsPromise.js.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/backend/loadUsersOptionsPromise.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadUsersOptionsPromise.js","sourceRoot":"","sources":["../../../../../../../src/internal/components/dialogs/userManagementDialogs/Users/backend/loadUsersOptionsPromise.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAMhC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,iBAAiB,GAAG,CAAC,IAAe,EAAwB,EAAE;IAChE,OAAO;QACH;YACI,UAAU,EAAE,IAAI;YAChB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC;SACtD;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAChC,CAAC,OAA2B,EAAE,cAAsB,EAAE,IAAe,EAAE,EAAE,CACzE,KAAK,EAAE,UAAkB,EAAuD,EAAE;IAC9E,IAAI;QACA,OAAO,MAAM,OAAO;aACf,YAAY,CAAC,cAAc,CAAC;aAC5B,KAAK,EAAE;aACP,QAAQ,EAAE;aACV,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,KAAK,CAAC,MAAM,CACR,CAAC,IAAI,EAAE,EAAE,CACL,UAAU,KAAK,EAAE;YACjB,eAAe,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAC7E,CACJ;aACA,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,KAAK;aACA,GAAG,CACA,CAAC,IAAI,EAAe,EAAE,CAAC,CAAC;YACpB,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC;YAC5B,KAAK,EAAE,IAAI,CAAC,KAAK;SACpB,CAAC,CACL;aACA,IAAI,CAAC,UAAU,CAAC,CACxB;aACA,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE,CACpB,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACvB,OAAO;gBACH,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK,EAAE,IAAI;aACd,CAAC;QACN,CAAC,CAAC,CACL,CAAC;KACT;IAAC,WAAM;QACJ,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;KAClC;AACL,CAAC,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Users/usersHooks.d.ts

@@ -0,0 +1,8 @@
+import { IUserMember } from "../types.js";
+export declare const useAddUsers: (userGroupIds: string[], onSave: (users: IUserMember[]) => void, onCancel: () => void) => {
+    addedUsers: IUserMember[];
+    onDelete: (user: IUserMember) => void;
+    onAdd: () => void;
+    onSelect: (user: IUserMember) => void;
+};
+//# sourceMappingURL=usersHooks.d.ts.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/usersHooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usersHooks.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Users/usersHooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS1C,eAAO,MAAM,WAAW,iBACN,MAAM,EAAE,kBACN,WAAW,EAAE,KAAK,IAAI,YAC5B,MAAM,IAAI;;qBAOI,WAAW;;qBA0CX,WAAW;CAUtC,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Users/usersHooks.js

@@ -0,0 +1,58 @@
+// (C) 2023 GoodData Corporation
+import { useBackendStrict } from "@gooddata/sdk-ui";
+import { useOrganizationId } from "../OrganizationIdContext.js";
+import { useState } from "react";
+import { useToastMessage } from "@gooddata/sdk-ui-kit";
+import { messages } from "../locales.js";
+import { sortByName } from "../utils.js";
+export const useAddUsers = (userGroupIds, onSave, onCancel) => {
+    const backend = useBackendStrict();
+    const organizationId = useOrganizationId();
+    const [addedUsers, setAddedUsers] = useState([]);
+    const { addSuccess, addError } = useToastMessage();
+    const onDelete = (user) => {
+        setAddedUsers(addedUsers.filter((item) => item.id !== user.id));
+    };
+    const onAdd = () => {
+        if (userGroupIds.length === 1) {
+            backend
+                .organization(organizationId)
+                .users()
+                .addUsersToUserGroups(addedUsers.map((user) => user.id), userGroupIds)
+                .then(() => {
+                addSuccess(messages.usersAddedSuccess);
+                onSave(addedUsers);
+                onCancel();
+            })
+                .catch((error) => {
+                console.error("Addition of user group members failed", error);
+                addError(messages.usersAddedFailure);
+            });
+        }
+        else {
+            backend
+                .organization(organizationId)
+                .users()
+                .addUsersToUserGroups(addedUsers.map((user) => user.id), userGroupIds)
+                .then(() => {
+                addSuccess(messages.usersAddedToUserGroupsSuccess);
+                onSave(addedUsers);
+                onCancel();
+            })
+                .catch((error) => {
+                console.error("Addition of user groups members failed", error);
+                addError(messages.usersAddedToUserGroupsFailure);
+            });
+        }
+    };
+    const onSelect = (user) => {
+        setAddedUsers([...addedUsers, user].sort(sortByName));
+    };
+    return {
+        addedUsers,
+        onDelete,
+        onAdd,
+        onSelect,
+    };
+};
+//# sourceMappingURL=usersHooks.js.map

package/esm/internal/components/dialogs/userManagementDialogs/Users/usersHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usersHooks.js","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Users/usersHooks.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAGhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,CAAC,MAAM,WAAW,GAAG,CACvB,YAAsB,EACtB,MAAsC,EACtC,QAAoB,EACtB,EAAE;IACA,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC,CAAC;IAChE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAC;IAEnD,MAAM,QAAQ,GAAG,CAAC,IAAiB,EAAE,EAAE;QACnC,aAAa,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;YAC3B,OAAO;iBACF,YAAY,CAAC,cAAc,CAAC;iBAC5B,KAAK,EAAE;iBACP,oBAAoB,CACjB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EACjC,YAAY,CACf;iBACA,IAAI,CAAC,GAAG,EAAE;gBACP,UAAU,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;gBACvC,MAAM,CAAC,UAAU,CAAC,CAAC;gBACnB,QAAQ,EAAE,CAAC;YACf,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;gBACb,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,KAAK,CAAC,CAAC;gBAC9D,QAAQ,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;SACV;aAAM;YACH,OAAO;iBACF,YAAY,CAAC,cAAc,CAAC;iBAC5B,KAAK,EAAE;iBACP,oBAAoB,CACjB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EACjC,YAAY,CACf;iBACA,IAAI,CAAC,GAAG,EAAE;gBACP,UAAU,CAAC,QAAQ,CAAC,6BAA6B,CAAC,CAAC;gBACnD,MAAM,CAAC,UAAU,CAAC,CAAC;gBACnB,QAAQ,EAAE,CAAC;YACf,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;gBACb,OAAO,CAAC,KAAK,CAAC,wCAAwC,EAAE,KAAK,CAAC,CAAC;gBAC/D,QAAQ,CAAC,QAAQ,CAAC,6BAA6B,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;SACV;IACL,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,IAAiB,EAAE,EAAE;QACnC,aAAa,CAAC,CAAC,GAAG,UAAU,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,OAAO;QACH,UAAU;QACV,QAAQ;QACR,KAAK;QACL,QAAQ;KACX,CAAC;AACN,CAAC,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/ViewDialog.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface IViewDialogProps {
+    children: React.ReactNode;
+    dialogTitle: string;
+    isAdmin: boolean;
+    isDeleteLinkEnabled: boolean;
+    deleteLinkDisabledTooltipTextId?: string;
+    deleteLinkText: string;
+    onOpenDeleteDialog: () => void;
+    onClose: () => void;
+    editButtonText: string;
+    editButtonIconClassName: string;
+    onEdit: () => void;
+}
+export declare const ViewDialog: React.FC<IViewDialogProps>;
+//# sourceMappingURL=ViewDialog.d.ts.map

package/esm/internal/components/dialogs/userManagementDialogs/ViewDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewDialog.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dialogs/userManagementDialogs/ViewDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,uBAAuB,EAAE,MAAM,CAAC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6DjD,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/ViewDialog.js

@@ -0,0 +1,25 @@
+// (C) 2023 GoodData Corporation
+import React from "react";
+import { useIntl } from "react-intl";
+import cx from "classnames";
+import { DialogBase, Typography, Button } from "@gooddata/sdk-ui-kit";
+import { messages } from "./locales.js";
+import { DeleteLink } from "./DeleteLink.js";
+export const ViewDialog = ({ dialogTitle, isAdmin, onEdit, editButtonIconClassName, editButtonText, children, deleteLinkText, isDeleteLinkEnabled, deleteLinkDisabledTooltipTextId, onOpenDeleteDialog, onClose, }) => {
+    const intl = useIntl();
+    return (React.createElement(DialogBase, { className: "gd-share-dialog gd-share-dialog-add-users gd-user-management-dialog-view s-user-management-view-mode", displayCloseButton: true, isPositive: true, onClose: onClose },
+        React.createElement("div", { className: "gd-dialog-header-wrapper" },
+            React.createElement("div", { className: "gd-dialog-header" },
+                React.createElement(Typography, { tagName: "h3", className: "gd-dialog-header-title" },
+                    React.createElement("span", null, dialogTitle),
+                    isAdmin ? (React.createElement("span", { className: "gd-setting-widget-status-pill" }, intl.formatMessage(messages.adminPill))) : null))),
+        React.createElement("div", { className: "gd-dialog-content" }, children),
+        React.createElement("div", { className: "gd-dialog-footer" },
+            React.createElement("div", { className: "gd-user-management-dialog-buttons" },
+                React.createElement("div", { className: "gd-user-management-dialog-buttons-left" },
+                    React.createElement(Button, { className: "gd-button gd-button-secondary", iconLeft: cx(editButtonIconClassName, "gd-user-management-dialog-edit-mode-icon"), value: editButtonText, onClick: onEdit })),
+                React.createElement("div", { className: "gd-user-management-dialog-buttons-right" },
+                    React.createElement(DeleteLink, { deleteLinkText: deleteLinkText, onOpenDeleteDialog: onOpenDeleteDialog, isDeleteLinkEnabled: isDeleteLinkEnabled, disabledLinkTooltipTextId: deleteLinkDisabledTooltipTextId }),
+                    React.createElement(Button, { className: "gd-button gd-button-secondary", value: intl.formatMessage(messages.closeDialog), onClick: onClose }))))));
+};
+//# sourceMappingURL=ViewDialog.js.map

package/esm/internal/components/dialogs/userManagementDialogs/ViewDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewDialog.js","sourceRoot":"","sources":["../../../../../src/internal/components/dialogs/userManagementDialogs/ViewDialog.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgB7C,MAAM,CAAC,MAAM,UAAU,GAA+B,CAAC,EACnD,WAAW,EACX,OAAO,EACP,MAAM,EACN,uBAAuB,EACvB,cAAc,EACd,QAAQ,EACR,cAAc,EACd,mBAAmB,EACnB,+BAA+B,EAC/B,kBAAkB,EAClB,OAAO,GACV,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,oBAAC,UAAU,IACP,SAAS,EAAC,sGAAsG,EAChH,kBAAkB,EAAE,IAAI,EACxB,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,OAAO;QAEhB,6BAAK,SAAS,EAAC,0BAA0B;YACrC,6BAAK,SAAS,EAAC,kBAAkB;gBAC7B,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,wBAAwB;oBACvD,kCAAO,WAAW,CAAQ;oBACzB,OAAO,CAAC,CAAC,CAAC,CACP,8BAAM,SAAS,EAAC,+BAA+B,IAC1C,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CACpC,CACV,CAAC,CAAC,CAAC,IAAI,CACC,CACX,CACJ;QACN,6BAAK,SAAS,EAAC,mBAAmB,IAAE,QAAQ,CAAO;QACnD,6BAAK,SAAS,EAAC,kBAAkB;YAC7B,6BAAK,SAAS,EAAC,mCAAmC;gBAC9C,6BAAK,SAAS,EAAC,wCAAwC;oBACnD,oBAAC,MAAM,IACH,SAAS,EAAC,+BAA+B,EACzC,QAAQ,EAAE,EAAE,CAAC,uBAAuB,EAAE,0CAA0C,CAAC,EACjF,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,MAAM,GACjB,CACA;gBACN,6BAAK,SAAS,EAAC,yCAAyC;oBACpD,oBAAC,UAAU,IACP,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,mBAAmB,EACxC,yBAAyB,EAAE,+BAA+B,GAC5D;oBACF,oBAAC,MAAM,IACH,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,EAC/C,OAAO,EAAE,OAAO,GAClB,CACA,CACJ,CACJ,CACG,CAChB,CAAC;AACN,CAAC,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Workspace/AddWorkspace.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { IGrantedWorkspace, WorkspacePermissionSubject } from "../types.js";
+export interface IAddWorkspaceProps {
+    ids: string[];
+    subjectType: WorkspacePermissionSubject;
+    grantedWorkspaces: IGrantedWorkspace[];
+    enableBackButton?: boolean;
+    onSubmit: (workspaces: IGrantedWorkspace[]) => void;
+    onCancel: () => void;
+    onClose: () => void;
+}
+export declare const AddWorkspace: React.FC<IAddWorkspaceProps>;
+//# sourceMappingURL=AddWorkspace.d.ts.map

package/esm/internal/components/dialogs/userManagementDialogs/Workspace/AddWorkspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddWorkspace.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Workspace/AddWorkspace.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAO5E,MAAM,WAAW,kBAAkB;IAC/B,GAAG,EAAE,MAAM,EAAE,CAAC;IACd,WAAW,EAAE,0BAA0B,CAAC;IACxC,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiDrD,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Workspace/AddWorkspace.js

@@ -0,0 +1,19 @@
+// (C) 2023 GoodData Corporation
+import { useIntl } from "react-intl";
+import React, { useCallback } from "react";
+import { BackButton, ConfirmDialogBase } from "@gooddata/sdk-ui-kit";
+import { messages } from "../locales.js";
+import { AddWorkspaceSelect } from "./AddWorkspaceSelect.js";
+import { WorkspaceList } from "./WorkspaceList.js";
+import { useAddWorkspace } from "./workspaceHooks.js";
+export const AddWorkspace = ({ ids, subjectType, grantedWorkspaces, enableBackButton, onSubmit, onCancel, onClose, }) => {
+    const intl = useIntl();
+    const { addedWorkspaces, onAdd, onDelete, onChange, onSelect } = useAddWorkspace(ids, subjectType, onSubmit, onCancel);
+    const backButtonRenderer = useCallback(() => {
+        return React.createElement(BackButton, { onClick: onCancel, className: "s-user-management-navigate-back" });
+    }, [onCancel]);
+    return (React.createElement(ConfirmDialogBase, { className: "gd-share-dialog gd-share-dialog-add-users s-user-management-add-workspace", displayCloseButton: true, isPositive: true, isSubmitDisabled: addedWorkspaces.length === 0, headline: intl.formatMessage(messages.addWorkspaceDialogTitle), cancelButtonText: intl.formatMessage(messages.addWorkspaceDialogCloseButton), submitButtonText: intl.formatMessage(messages.addWorkspaceDialogSaveButton), onCancel: onCancel, onSubmit: onAdd, onClose: onClose, headerLeftButtonRenderer: enableBackButton ? backButtonRenderer : undefined },
+        React.createElement(AddWorkspaceSelect, { addedWorkspaces: addedWorkspaces, grantedWorkspaces: grantedWorkspaces, onSelectWorkspace: onSelect }),
+        React.createElement(WorkspaceList, { subjectType: subjectType, mode: "EDIT", workspaces: addedWorkspaces, onDelete: onDelete, onChange: onChange })));
+};
+//# sourceMappingURL=AddWorkspace.js.map

package/esm/internal/components/dialogs/userManagementDialogs/Workspace/AddWorkspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddWorkspace.js","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Workspace/AddWorkspace.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGrE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAYtD,MAAM,CAAC,MAAM,YAAY,GAAiC,CAAC,EACvD,GAAG,EACH,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,OAAO,GACV,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,eAAe,CAC5E,GAAG,EACH,WAAW,EACX,QAAQ,EACR,QAAQ,CACX,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,OAAO,oBAAC,UAAU,IAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAC,iCAAiC,GAAG,CAAC;IACzF,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACH,oBAAC,iBAAiB,IACd,SAAS,EAAC,2EAA2E,EACrF,kBAAkB,EAAE,IAAI,EACxB,UAAU,EAAE,IAAI,EAChB,gBAAgB,EAAE,eAAe,CAAC,MAAM,KAAK,CAAC,EAC9C,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC,EAC9D,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,6BAA6B,CAAC,EAC5E,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,4BAA4B,CAAC,EAC3E,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,OAAO,EAChB,wBAAwB,EAAE,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS;QAE3E,oBAAC,kBAAkB,IACf,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,QAAQ,GAC7B;QACF,oBAAC,aAAa,IACV,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,UAAU,EAAE,eAAe,EAC3B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GACpB,CACc,CACvB,CAAC;AACN,CAAC,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Workspace/AddWorkspaceSelect.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IAddWorkspaceSelectProps } from "../types.js";
+export declare const AddWorkspaceSelect: React.FC<IAddWorkspaceSelectProps>;
+//# sourceMappingURL=AddWorkspaceSelect.d.ts.map

package/esm/internal/components/dialogs/userManagementDialogs/Workspace/AddWorkspaceSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddWorkspaceSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/dialogs/userManagementDialogs/Workspace/AddWorkspaceSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAQ7F,OAAO,EAAiB,wBAAwB,EAAmB,MAAM,aAAa,CAAC;AAgBvF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwFjE,CAAC"}

package/esm/internal/components/dialogs/userManagementDialogs/Workspace/AddWorkspaceSelect.js

@@ -0,0 +1,60 @@
+// (C) 2021-2023 GoodData Corporation
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
+import debounce from "debounce-promise";
+import { useIntl } from "react-intl";
+import AsyncSelect from "react-select/async";
+import { useBackendStrict } from "@gooddata/sdk-ui";
+import { isWorkspaceItem } from "../types.js";
+import { messages } from "../locales.js";
+import { EmptyRenderer, GroupHeadingRenderer, InputRendered, LoadingMessageRenderer, MenuListRendered, NoOptionsMessageRenderer, OptionRenderer, } from "./AsyncSelectComponents.js";
+import { loadWorkspaceOptionsPromise } from "./backend/loadWorkspaceOptionsPromise.js";
+const SEARCH_INTERVAL = 400;
+export const AddWorkspaceSelect = ({ addedWorkspaces, grantedWorkspaces, onSelectWorkspace, }) => {
+    const backend = useBackendStrict();
+    const intl = useIntl();
+    const selectRef = useRef(null);
+    useEffect(() => {
+        selectRef.current.focus();
+    }, []);
+    const onSelect = useCallback((value) => {
+        const workspace = value.value;
+        if (isWorkspaceItem(workspace)) {
+            onSelectWorkspace(workspace);
+        }
+    }, [onSelectWorkspace]);
+    const noOptionsMessage = useMemo(() => () => intl.formatMessage(messages.searchWorkspaceNoMatch), [intl]);
+    const loadOptions = useMemo(() => debounce(loadWorkspaceOptionsPromise(backend, intl), SEARCH_INTERVAL, { leading: true }), [backend, intl]);
+    const onKeyDownCallback = useCallback((e) => {
+        const target = e.target;
+        // react-select has default behavior on space and tab key  - open menu / select first option etc.
+        // We need disable this behavior for space key by set e.preventDefault when input is empty and for tab key completely
+        //space
+        if (e.keyCode === 32 && !target.value) {
+            e.preventDefault();
+        }
+        // tab
+        if (e.keyCode === 9) {
+            e.preventDefault();
+        }
+    }, []);
+    const usedWorkspace = useMemo(() => (grantedWorkspaces ? [...addedWorkspaces, ...grantedWorkspaces] : []), [addedWorkspaces, grantedWorkspaces]);
+    const filterOption = (option) => {
+        const workspace = option.value;
+        return !usedWorkspace.some((usedWorkspace) => {
+            return usedWorkspace.id === workspace.id;
+        });
+    };
+    return (React.createElement("div", { className: "gd-share-dialog-content-select s-user-management-workspace-select" },
+        React.createElement(AsyncSelect, { ref: selectRef, defaultMenuIsOpen: true, classNamePrefix: "gd-share-dialog", components: {
+                DropdownIndicator: EmptyRenderer,
+                IndicatorSeparator: EmptyRenderer,
+                Input: InputRendered,
+                Option: OptionRenderer,
+                GroupHeading: GroupHeadingRenderer,
+                LoadingMessage: LoadingMessageRenderer,
+                LoadingIndicator: EmptyRenderer,
+                MenuList: MenuListRendered,
+                NoOptionsMessage: NoOptionsMessageRenderer,
+            }, loadOptions: loadOptions, defaultOptions: true, placeholder: intl.formatMessage(messages.searchWorkspacePlaceholder), onKeyDown: onKeyDownCallback, noOptionsMessage: noOptionsMessage, onChange: onSelect, value: null, filterOption: filterOption })));
+};
+//# sourceMappingURL=AddWorkspaceSelect.js.map

package/esm/internal/components/dialogs/userManagementDialogs/Workspace/AddWorkspaceSelect.js.map

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

package/esm/internal/components/dialogs/userManagementDialogs/Workspace/AsyncSelectComponents.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { InputProps, GroupHeadingProps, OptionProps, MenuListProps, NoticeProps } from "react-select";
+import { ISelectOption, ISelectErrorOption } from "../types.js";
+export declare const EmptyRenderer: () => JSX.Element;
+export declare const LoadingMessageRenderer: () => JSX.Element;
+export declare const NoOptionsMessageRenderer: (props: NoticeProps) => JSX.Element;
+export declare const MenuListRendered: (props: MenuListProps<ISelectOption, false>) => JSX.Element;
+export declare const InputRendered: (props: InputProps) => JSX.Element;
+export declare const ErrorOptionRenderer: (errorOption: ISelectErrorOption) => JSX.Element;
+export declare const OptionRenderer: (props: OptionProps<ISelectOption, false>) => JSX.Element;
+export declare const GroupHeadingRenderer: (props: GroupHeadingProps) => JSX.Element;
+//# sourceMappingURL=AsyncSelectComponents.d.ts.map