mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
e178bba9c0
* dev: move authentication to base class for credentials * chore: new account creation * dev: return error as query parameter * dev: accounts and profile endpoints for user * fix: user store updates * fix: store fixes * fix: type fixes * dev: set is_password_autoset and is_email_verifier for auth providers * dev: move all auth configuration to different apps * dev: fix circular imports * dev: remove unused imports * dev: fix imports for authentication * dev: update endpoints to use rest framework api viewa * fix: onboarding fixes * dev: session model changes * fix: session model and add check for last name first name and avatar * dev: fix referer redirect * dev: remove auth imports * dev: fix imports * dev: update migrations * fix: instance admin login * comflict: conflicts resolved * dev: fix import errors and email check endpoint * fix: error messages and redirects after login * dev: configs api * fix: is github enabled boolean * dev: merge config and instance api * conflict: merge conflict resolved * dev: instance admin sign up endpoint * dev: enable magic link login * dev: configure instance variables for github and google enabled * chore: typo fixes * fix: god mode docker file changes * build-error: resolved build errors * fix: docker compose changes * dev: add email credential check endpoint * fix: minor package changes * fix: docker related changes * dev: add nginx rules in the nginx template * dev: refactor the url patterns * fix: docker changes * fix: docker files for god-mode * fix: static export * fix: nginx conf * dev: smtp sender refused exception * fix: godmode fixes * chore: god mode revamp. * dev: add csrf secured flag * fix: oauth redirect uri and session settings * chore: god mode app changes. (#3982) * chore: send test email functionality. * style: authentication methods page UI revamp. * chore: create workspace popup. * fix: user me endpoint * dev: fix redirection after authentication * dev: handle god mode redirection * fix: redirections * fix: auth related hooks * fix: store related fixes * dev: fix session authentication for rest apis * fix: linting errors * fix: removing references of useStore= * dev: fix redirection and password validation * dev: add useUser hook * fix: build fixes and lint issues * fix: removing useApplication hook * fix: build errors * fix: delete unused files * fix: auth build fixes * fix: bugfixes * dev: alter avatar to support more than 255 chars * dev: fix profile endpoint and increase session expiry time and update session on every request * chore: resolved the migration * chore: resolved merge conflicts * dev: error codes and error messages for the auth flow * dev: instance admin sign up and sign in endpoint * dev: use zxcvbn to validate password strength * dev: add extra parameters when error handling on instance god mode * chore: auth init * chore: signin/ signup form ui updates and password strength meter. * chore: update password fields. * chore: validations and error handling. * chore: updated sign-up form * chore: updated workflow and updated the code structure * chore: instance empty state for god-mode. * chore: instance and auth wrappers update * fix: renaming godmode * fix: docker changes * chore: updated authentication wrappers * chore: updated the authentication workflow and rendered all pages * fix: build errors * fix: docker related fixes * fix: tailing slash added to space and admin for valid nginx locations * chore: seperate pages for signup and login * git-action modified for admin file changes * feature build action updated for admin app * self host modified * chore: resolved build errors and handled signin and signup in a seperate route * chore: sign-in and sign-up revamp. * fix: migration conflicts * dev: migrations * chore: handled redirection * dev: admin url * dev: create seperate endpoint for instance admin me * dev: instance admin endpoint * git action fixed * chore: handled auth wrappers * dev: add serializer and remove print logs * fix: build errors * dev: fix migrations * dev: instance folder structuring * fix: linting errors * chore: resolved build errors * chore: updated store and auth workflow and updates api service types * chore: Replaced Next Link with Anchoer tag for god-mode redirection * add 3333 port to allowed origins * make password login working again * dev: fix redirection, add admin signout endpoint and fix email credential check endpoint * fix unique code sign in * fix small build error * enable sign out * dev: add google client secret variable to configure instance * dev: add referer for redirection * fix origin urls for oauths * admin setup and login separation * dev: fix user redirection and tour completed endpoint * fix build errors * dev: add set password endpoint * dev: remove user creation logic for redirection * fix unique code page * fix forgot password * chore: onboarding revamp. * dev: fix workspace slug redirection in login * chore: invited user onboarding flow update. * chore: fix switch or delete account modal. * fix members exception * refactor auth flows and add invitations to auth flow * fix sig in sign up url * fix action url * fix build errors * dev: fix user set password when logging in * dev: reset password endpoint * chore: confirm password validation for signup and onboarding. * enable reset password * fix build error * chore: minor UI updates. * chore: forgot and reset password UI revamp. * fix authentication re directions * dev: auth redirections * change url paths for signup and signin * dev: make the user logged in when changing passwords * dev: next path redirection for web and space app * dev: next path for magic sign in endpoint * dev: github space endpoint * chore: minor ui updates and fixes in web app. * set password screen * fix multiple unique code generation * dev: next path base redirection * dev: remove print logs * dev: auth space endpoints * fix build errors * dev: invalidate cache on configuration update, god mode exception errors and authentication failed code * dev: fix space endpoints and add extra endpoints * chore: space auth revamp. * dev: add sign up for space app * fix: build errors. * fix: auth redirection logic. * chore: space app onboarding revamp. --------- Co-authored-by: pablohashescobar <nikhilschacko@gmail.com> Co-authored-by: NarayanBavisetti <narayan3119@gmail.com> Co-authored-by: gurusainath <gurusainath007@gmail.com> Co-authored-by: Prateek Shourya <prateekshourya29@gmail.com> Co-authored-by: Manish Gupta <59428681+mguptahub@users.noreply.github.com> Co-authored-by: Manish Gupta <manish@mgupta.me> Co-authored-by: = <=> Co-authored-by: rahulramesha <rahulramesham@gmail.com>
161 lines
4.6 KiB
TypeScript
161 lines
4.6 KiB
TypeScript
import { Fragment, useRef, useState } from "react";
|
|
import { observer } from "mobx-react-lite";
|
|
import { ChevronDown } from "lucide-react";
|
|
// headless ui
|
|
import { Combobox } from "@headlessui/react";
|
|
// helpers
|
|
import { cn } from "@/helpers/common.helper";
|
|
// hooks
|
|
import { useMember } from "@/hooks/store";
|
|
import { useDropdownKeyDown } from "@/hooks/use-dropdown-key-down";
|
|
import useOutsideClickDetector from "@/hooks/use-outside-click-detector";
|
|
// components
|
|
import { DropdownButton } from "../buttons";
|
|
import { BUTTON_VARIANTS_WITH_TEXT } from "../constants";
|
|
import { ButtonAvatars } from "./avatar";
|
|
// constants
|
|
import { MemberOptions } from "./member-options";
|
|
// types
|
|
import { MemberDropdownProps } from "./types";
|
|
|
|
type Props = {
|
|
projectId?: string;
|
|
onClose?: () => void;
|
|
} & MemberDropdownProps;
|
|
|
|
export const MemberDropdown: React.FC<Props> = observer((props) => {
|
|
const {
|
|
button,
|
|
buttonClassName,
|
|
buttonContainerClassName,
|
|
buttonVariant,
|
|
className = "",
|
|
disabled = false,
|
|
dropdownArrow = false,
|
|
dropdownArrowClassName = "",
|
|
hideIcon = false,
|
|
multiple,
|
|
onChange,
|
|
onClose,
|
|
placeholder = "Members",
|
|
tooltipContent,
|
|
placement,
|
|
projectId,
|
|
showTooltip = false,
|
|
tabIndex,
|
|
value,
|
|
} = props;
|
|
// states
|
|
const [isOpen, setIsOpen] = useState(false);
|
|
// refs
|
|
const dropdownRef = useRef<HTMLDivElement | null>(null);
|
|
// popper-js refs
|
|
const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);
|
|
|
|
const { getUserDetails } = useMember();
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
const comboboxProps: any = {
|
|
value,
|
|
onChange,
|
|
disabled,
|
|
};
|
|
if (multiple) comboboxProps.multiple = true;
|
|
|
|
const handleClose = () => {
|
|
if (!isOpen) return;
|
|
setIsOpen(false);
|
|
onClose && onClose();
|
|
};
|
|
|
|
const toggleDropdown = () => {
|
|
setIsOpen((prevIsOpen) => !prevIsOpen);
|
|
if (isOpen) onClose && onClose();
|
|
};
|
|
|
|
const dropdownOnChange = (val: string & string[]) => {
|
|
onChange(val);
|
|
if (!multiple) handleClose();
|
|
};
|
|
|
|
const handleKeyDown = useDropdownKeyDown(toggleDropdown, handleClose);
|
|
|
|
const handleOnClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
toggleDropdown();
|
|
};
|
|
|
|
useOutsideClickDetector(dropdownRef, handleClose);
|
|
|
|
return (
|
|
<Combobox
|
|
as="div"
|
|
ref={dropdownRef}
|
|
tabIndex={tabIndex}
|
|
className={cn("h-full", className)}
|
|
onChange={dropdownOnChange}
|
|
onKeyDown={handleKeyDown}
|
|
{...comboboxProps}
|
|
>
|
|
<Combobox.Button as={Fragment}>
|
|
{button ? (
|
|
<button
|
|
ref={setReferenceElement}
|
|
type="button"
|
|
className={cn("clickable block h-full w-full outline-none", buttonContainerClassName)}
|
|
onClick={handleOnClick}
|
|
>
|
|
{button}
|
|
</button>
|
|
) : (
|
|
<button
|
|
ref={setReferenceElement}
|
|
type="button"
|
|
className={cn(
|
|
"clickable block h-full max-w-full outline-none",
|
|
{
|
|
"cursor-not-allowed text-custom-text-200": disabled,
|
|
"cursor-pointer": !disabled,
|
|
},
|
|
buttonContainerClassName
|
|
)}
|
|
onClick={handleOnClick}
|
|
>
|
|
<DropdownButton
|
|
className={buttonClassName}
|
|
isActive={isOpen}
|
|
tooltipHeading={placeholder}
|
|
tooltipContent={tooltipContent ?? `${value?.length ?? 0} assignee${value?.length !== 1 ? "s" : ""}`}
|
|
showTooltip={showTooltip}
|
|
variant={buttonVariant}
|
|
>
|
|
{!hideIcon && <ButtonAvatars showTooltip={showTooltip} userIds={value} />}
|
|
{BUTTON_VARIANTS_WITH_TEXT.includes(buttonVariant) && (
|
|
<span className="flex-grow truncate text-xs leading-5">
|
|
{Array.isArray(value) && value.length > 0
|
|
? value.length === 1
|
|
? getUserDetails(value[0])?.display_name
|
|
: ""
|
|
: placeholder}
|
|
</span>
|
|
)}
|
|
{dropdownArrow && (
|
|
<ChevronDown className={cn("h-2.5 w-2.5 flex-shrink-0", dropdownArrowClassName)} aria-hidden="true" />
|
|
)}
|
|
</DropdownButton>
|
|
</button>
|
|
)}
|
|
</Combobox.Button>
|
|
{isOpen && (
|
|
<MemberOptions
|
|
isOpen={isOpen}
|
|
projectId={projectId}
|
|
placement={placement}
|
|
referenceElement={referenceElement}
|
|
/>
|
|
)}
|
|
</Combobox>
|
|
);
|
|
});
|