Raphaël Bosi
c596a5e342
## Description Promotes the next-gen UI library (formerly `twenty-new-ui`) to the name **`twenty-ui`** (v0.1.0, publishable) and renames the old package to **`twenty-ui-deprecated`**. Rewrites ~1,730 `twenty-ui` imports → `twenty-ui-deprecated`, updates all configs/CI/Docker/deps, and migrates twenty-front's `Toggle` to the new package (first consumer) as a drop-in. ## Next steps - Wire the `ui/v*` publish dispatch (`cd-deploy-tag.yaml` + `.yarnrc.yml`), then tag `ui/v0.1.0` to publish. - Continue migrating components from `twenty-ui-deprecated` → `twenty-ui`.
74 lines
2.2 KiB
TypeScript
74 lines
2.2 KiB
TypeScript
import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
|
|
import { DropdownContent } from '@/ui/layout/dropdown/components/DropdownContent';
|
|
import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer';
|
|
import { GenericDropdownContentWidth } from '@/ui/layout/dropdown/constants/GenericDropdownContentWidth';
|
|
import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown';
|
|
import { t } from '@lingui/core/macro';
|
|
import {
|
|
IconArchiveOff,
|
|
IconDotsVertical,
|
|
IconTrash,
|
|
} from 'twenty-ui-deprecated/display';
|
|
import { LightIconButton } from 'twenty-ui-deprecated/input';
|
|
import { MenuItem } from 'twenty-ui-deprecated/navigation';
|
|
|
|
type SettingsObjectInactiveMenuDropDownProps = {
|
|
isCustomObject: boolean;
|
|
onActivate: () => void;
|
|
onDelete: () => void;
|
|
objectMetadataItemNamePlural: string;
|
|
};
|
|
|
|
export const SettingsObjectInactiveMenuDropDown = ({
|
|
onActivate,
|
|
objectMetadataItemNamePlural,
|
|
onDelete,
|
|
isCustomObject,
|
|
}: SettingsObjectInactiveMenuDropDownProps) => {
|
|
const dropdownId = `${objectMetadataItemNamePlural}-settings-object-inactive-menu-dropdown`;
|
|
|
|
const { closeDropdown } = useCloseDropdown();
|
|
|
|
const handleActivate = () => {
|
|
onActivate();
|
|
closeDropdown(dropdownId);
|
|
};
|
|
|
|
const handleDelete = () => {
|
|
onDelete();
|
|
closeDropdown(dropdownId);
|
|
};
|
|
|
|
return (
|
|
<Dropdown
|
|
dropdownId={dropdownId}
|
|
clickableComponent={
|
|
<LightIconButton
|
|
aria-label={t`Inactive Object Options`}
|
|
Icon={IconDotsVertical}
|
|
accent="tertiary"
|
|
/>
|
|
}
|
|
dropdownComponents={
|
|
<DropdownContent widthInPixels={GenericDropdownContentWidth.Narrow}>
|
|
<DropdownMenuItemsContainer>
|
|
<MenuItem
|
|
text={t`Activate`}
|
|
LeftIcon={IconArchiveOff}
|
|
onClick={handleActivate}
|
|
/>
|
|
{isCustomObject && (
|
|
<MenuItem
|
|
text={t`Delete`}
|
|
LeftIcon={IconTrash}
|
|
accent="danger"
|
|
onClick={handleDelete}
|
|
/>
|
|
)}
|
|
</DropdownMenuItemsContainer>
|
|
</DropdownContent>
|
|
}
|
|
/>
|
|
);
|
|
};
|