-
+ />
setCollection(undefined),
- []
- );
+ const closeUpdateCollectionModal = useCallback((open: boolean) => {
+ if (!open) {
+ setCollection(undefined);
+ }
+ }, []);
+
const onConfirm = useCallback(
async (view: Collection) => {
await setting.updateCollection(view);
- closeUpdateCollectionModal();
+ closeUpdateCollectionModal(false);
},
[closeUpdateCollectionModal, setting]
);
@@ -214,14 +216,14 @@ export const CollectionList = ({
{t['com.affine.filter']()}
-
+ />
);
};
diff --git a/packages/component/src/components/page-list/view/create-collection.tsx b/packages/component/src/components/page-list/view/create-collection.tsx
index 3075370108..0972a38005 100644
--- a/packages/component/src/components/page-list/view/create-collection.tsx
+++ b/packages/component/src/components/page-list/view/create-collection.tsx
@@ -10,72 +10,69 @@ import {
} from '@blocksuite/icons';
import { uuidv4 } from '@blocksuite/store';
import { Button } from '@toeverything/components/button';
+import { Modal } from '@toeverything/components/modal';
import { useCallback, useMemo, useState } from 'react';
-import {
- Input,
- Modal,
- ModalCloseButton,
- ModalWrapper,
- ScrollableContainer,
-} from '../../..';
+import { Input, ScrollableContainer } from '../../..';
import { FilterList } from '../filter';
import * as styles from './collection-list.css';
-interface EditCollectionModelProps {
+interface EditCollectionModalProps {
init?: Collection;
title?: string;
open: boolean;
getPageInfo: GetPageInfoById;
propertiesMeta: PropertiesMeta;
- onClose: () => void;
+ onOpenChange: (open: boolean) => void;
onConfirm: (view: Collection) => Promise;
}
-export const EditCollectionModel = ({
+export const EditCollectionModal = ({
init,
onConfirm,
open,
- onClose,
+ onOpenChange,
getPageInfo,
propertiesMeta,
title,
-}: EditCollectionModelProps) => {
+}: EditCollectionModalProps) => {
const t = useAFFiNEI18N();
const onConfirmOnCollection = useCallback(
(view: Collection) => {
onConfirm(view)
.then(() => {
- onClose();
+ onOpenChange(false);
})
.catch(err => {
console.error(err);
});
},
- [onClose, onConfirm]
+ [onConfirm, onOpenChange]
);
+ const onCancel = useCallback(() => {
+ onOpenChange(false);
+ }, [onOpenChange]);
+
return (
-
-
-
- {init ? (
-
- ) : null}
-
+
+ {init ? (
+
+ ) : null}
);
};
@@ -301,14 +298,14 @@ export const SaveCollectionButton = ({
>
{t['com.affine.editCollection.saveCollection']()}
- changeShow(false)}
+ onOpenChange={changeShow}
/>
);
diff --git a/packages/component/src/components/setting-components/index.tsx b/packages/component/src/components/setting-components/index.tsx
index ab57d4bbef..3cf81c0fbe 100644
--- a/packages/component/src/components/setting-components/index.tsx
+++ b/packages/component/src/components/setting-components/index.tsx
@@ -1,4 +1,3 @@
-export { SettingModal, type SettingModalProps } from './modal';
export { SettingHeader } from './setting-header';
export { SettingRow } from './setting-row';
export * from './storage-progess';
diff --git a/packages/component/src/components/setting-components/modal.tsx b/packages/component/src/components/setting-components/modal.tsx
deleted file mode 100644
index f04ea0fd98..0000000000
--- a/packages/component/src/components/setting-components/modal.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Modal, ModalCloseButton, ModalWrapper } from '@affine/component';
-import type { PropsWithChildren } from 'react';
-import { useCallback } from 'react';
-
-export interface SettingModalProps {
- open: boolean;
- setOpen: (value: boolean) => void;
-}
-
-export const SettingModal = ({
- children,
- open,
- setOpen,
-}: PropsWithChildren) => {
- const handleClose = useCallback(() => {
- setOpen(false);
- }, [setOpen]);
-
- return (
-
-
-
- {children}
-
-
- );
-};
diff --git a/packages/component/src/components/share-menu/disable-public-link/index.tsx b/packages/component/src/components/share-menu/disable-public-link/index.tsx
index 84fdfcb727..55d81aab28 100644
--- a/packages/component/src/components/share-menu/disable-public-link/index.tsx
+++ b/packages/component/src/components/share-menu/disable-public-link/index.tsx
@@ -1,57 +1,24 @@
import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { CloseIcon } from '@blocksuite/icons';
-import { Button, IconButton } from '@toeverything/components/button';
+import {
+ ConfirmModal,
+ type ConfirmModalProps,
+} from '@toeverything/components/modal';
-import { Modal, ModalWrapper } from '../../..';
-import { ButtonContainer, Content, Header, StyleTips, Title } from './style';
-
-export type PublicLinkDisableProps = {
- open: boolean;
- onConfirmDisable: () => void;
- onClose: () => void;
-};
-
-export const PublicLinkDisableModal = ({
- open,
- onConfirmDisable,
- onClose,
-}: PublicLinkDisableProps) => {
+export const PublicLinkDisableModal = (props: ConfirmModalProps) => {
const t = useAFFiNEI18N();
+
return (
-
-
-
- {t['com.affine.publicLinkDisableModal.title']()}
-
-
-
-
-
-
- {t['com.affine.publicLinkDisableModal.description']()}
-
-
-
-
-
-
-
-
-
-
-
-
+
);
};
diff --git a/packages/component/src/components/share-menu/disable-public-link/style.ts b/packages/component/src/components/share-menu/disable-public-link/style.ts
deleted file mode 100644
index 936119e85c..0000000000
--- a/packages/component/src/components/share-menu/disable-public-link/style.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { styled } from '../../..';
-
-export const Header = styled('div')({
- display: 'flex',
- justifyContent: 'space-between',
- paddingRight: '20px',
- paddingTop: '20px',
- paddingLeft: '24px',
- alignItems: 'center',
-});
-
-export const Content = styled('div')({
- padding: '12px 24px 20px 24px',
-});
-
-export const Title = styled('div')({
- fontSize: 'var(--affine-font-h6)',
- lineHeight: '26px',
- fontWeight: 600,
-});
-
-export const StyleTips = styled('div')(() => {
- return {
- userSelect: 'none',
- marginBottom: '20px',
- };
-});
-export const ButtonContainer = styled('div')(() => {
- return {
- display: 'flex',
- justifyContent: 'flex-end',
- gap: '20px',
- paddingTop: '20px',
- };
-});
diff --git a/packages/component/src/components/share-menu/share-page.tsx b/packages/component/src/components/share-menu/share-page.tsx
index 350b07df3b..c4dbc5f62c 100644
--- a/packages/component/src/components/share-menu/share-page.tsx
+++ b/packages/component/src/components/share-menu/share-page.tsx
@@ -208,7 +208,10 @@ export const AffineSharePage = (props: ShareMenuProps) => {
block
type="danger"
className={styles.menuItemStyle}
- onClick={() => setShowDisable(true)}
+ onSelect={e => {
+ e.preventDefault();
+ setShowDisable(true);
+ }}
>
{t['Disable Public Link']()}
@@ -216,10 +219,8 @@ export const AffineSharePage = (props: ShareMenuProps) => {
{
- setShowDisable(false);
- }}
+ onConfirm={onDisablePublic}
+ onOpenChange={setShowDisable}
/>
) : null}
@@ -231,7 +232,11 @@ export const SharePage = (props: ShareMenuProps) => {
if (props.workspace.flavour === WorkspaceFlavour.LOCAL) {
return ;
} else if (props.workspace.flavour === WorkspaceFlavour.AFFINE_CLOUD) {
- return ;
+ return (
+ <>
+
+
+ );
}
throw new Error('Unreachable');
};
diff --git a/packages/component/src/components/tour-modal/index.css.ts b/packages/component/src/components/tour-modal/index.css.ts
index 2bc15b485b..41d50ae1e2 100644
--- a/packages/component/src/components/tour-modal/index.css.ts
+++ b/packages/component/src/components/tour-modal/index.css.ts
@@ -5,7 +5,6 @@ export const modalStyle = style({
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
- position: 'relative',
backgroundColor: 'var(--affine-background-secondary-color)',
borderRadius: '16px',
overflow: 'hidden',
diff --git a/packages/component/src/components/tour-modal/tour-modal.tsx b/packages/component/src/components/tour-modal/tour-modal.tsx
index 1b3f8a8add..f039d36b37 100644
--- a/packages/component/src/components/tour-modal/tour-modal.tsx
+++ b/packages/component/src/components/tour-modal/tour-modal.tsx
@@ -1,9 +1,9 @@
import { useAFFiNEI18N } from '@affine/i18n/hooks';
import { ArrowLeftSmallIcon, ArrowRightSmallIcon } from '@blocksuite/icons';
+import { Modal, type ModalProps } from '@toeverything/components/modal';
import clsx from 'clsx';
import { useState } from 'react';
-import { Modal, ModalCloseButton, ModalWrapper } from '../..';
import {
arrowStyle,
buttonDisableStyle,
@@ -25,140 +25,133 @@ import {
videoStyle,
} from './index.css';
-export interface TourModalProps {
- open: boolean;
- onClose: () => void;
-}
-
-export const TourModal = ({ open, onClose }: TourModalProps) => {
+export const TourModal = (props: ModalProps) => {
const t = useAFFiNEI18N();
const [step, setStep] = useState(-1);
- const handleClose = () => {
- setStep(-1);
- onClose();
- };
return (
-
-
-
-
- {step !== -1 && (
-
- {t['com.affine.onboarding.title2']()}
-
- )}
+
+
+ {step !== -1 && (
- {t['com.affine.onboarding.title1']()}
+ {t['com.affine.onboarding.title2']()}
+ )}
+
+ {t['com.affine.onboarding.title1']()}
+
-
- step === 1 && setStep(0)}
- data-testid="onboarding-modal-pre-button"
- >
-
-
-
-
- {step !== -1 && (
-
- )}
+
+ step === 1 && setStep(0)}
+ data-testid="onboarding-modal-pre-button"
+ >
+
+
+
+
+ {step !== -1 && (
-
-
- setStep(1)}
- data-testid="onboarding-modal-next-button"
- >
-
+ )}
+
-
- - setStep(0)}
- >
- - setStep(1)}
- >
-
-
- {step !== -1 && (
-
- {t['com.affine.onboarding.videoDescription2']()}
-
- )}
-
- {t['com.affine.onboarding.videoDescription1']()}
-
+ setStep(1)}
+ data-testid="onboarding-modal-next-button"
+ >
+
-
+
+ - setStep(0)}
+ >
+ - setStep(1)}
+ >
+
+
+ {step !== -1 && (
+
+ {t['com.affine.onboarding.videoDescription2']()}
+
+ )}
+
+ {t['com.affine.onboarding.videoDescription1']()}
+
+
+
);
};
diff --git a/packages/component/src/index.ts b/packages/component/src/index.ts
index 3e00c03a91..f0cdcc2a05 100644
--- a/packages/component/src/index.ts
+++ b/packages/component/src/index.ts
@@ -2,12 +2,10 @@ export * from './components/list-skeleton';
export * from './styles';
export * from './ui/breadcrumbs';
export * from './ui/button';
-export * from './ui/confirm';
export * from './ui/empty';
export * from './ui/input';
export * from './ui/layout';
export * from './ui/menu';
-export * from './ui/modal';
export * from './ui/mui';
export * from './ui/popper';
export * from './ui/scrollbar';
diff --git a/packages/component/src/ui/confirm/confirm.tsx b/packages/component/src/ui/confirm/confirm.tsx
deleted file mode 100644
index 7b977b5b14..0000000000
--- a/packages/component/src/ui/confirm/confirm.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button } from '@toeverything/components/button';
-import { useCallback, useMemo } from 'react';
-
-import type { ModalProps } from '../modal';
-import { Modal, ModalCloseButton } from '../modal';
-import {
- StyledColumnButtonWrapper,
- StyledConfirmContent,
- StyledConfirmTitle,
- StyledModalWrapper,
- StyledRowButtonWrapper,
-} from './styles';
-
-export type ConfirmProps = {
- title?: string;
- content?: string;
- confirmText?: string;
- cancelText?: string;
- // TODO: Confirm button's color should depend on confirm type
- confirmType?: 'primary' | 'warning' | 'error';
- buttonDirection?: 'row' | 'column';
- onConfirm?: () => void;
- onCancel?: () => void;
- cancelButtonTestId?: string;
- confirmButtonTestId?: string;
-} & Omit ;
-
-export const Confirm = ({
- title,
- content,
- confirmText,
- confirmType,
- onConfirm,
- onCancel,
- buttonDirection = 'row',
- cancelText = 'Cancel',
- open,
- cancelButtonTestId = '',
- confirmButtonTestId = '',
-}: ConfirmProps) => {
- const t = useAFFiNEI18N();
- const cancelText_ = useMemo(() => {
- return cancelText === 'Cancel'
- ? t['com.affine.confirmModal.button.cancel']()
- : cancelText;
- }, [cancelText, t]);
-
- const handleCancel = useCallback(() => {
- onCancel?.();
- }, [onCancel]);
- const handleConfirm = useCallback(() => {
- onConfirm?.();
- }, [onConfirm]);
-
- return (
-
-
-
- {title}
- {content}
- {buttonDirection === 'row' ? (
-
-
-
-
- ) : (
-
-
-
-
- )}
-
-
- );
-};
-
-export default Confirm;
diff --git a/packages/component/src/ui/confirm/index.ts b/packages/component/src/ui/confirm/index.ts
deleted file mode 100644
index 5d2064b5f1..0000000000
--- a/packages/component/src/ui/confirm/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './confirm';
diff --git a/packages/component/src/ui/confirm/styles.ts b/packages/component/src/ui/confirm/styles.ts
deleted file mode 100644
index 602e61f2ea..0000000000
--- a/packages/component/src/ui/confirm/styles.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { displayFlex, styled } from '../../styles';
-import { ModalWrapper } from '../modal';
-
-export const StyledModalWrapper = styled(ModalWrapper)(() => {
- return {
- minWidth: '460px',
- maxWidth: '560px',
- maxHeight: '292px',
- padding: '44px 84px 32px 84px',
- overflow: 'auto',
- };
-});
-
-export const StyledConfirmTitle = styled('div')(() => {
- return {
- fontSize: 'var(--affine-font-h6)',
- fontWeight: 600,
- textAlign: 'center',
- lineHeight: '28px',
- };
-});
-
-export const StyledConfirmContent = styled('div')(() => {
- return {
- fontSize: 'var(--affine-font-base)',
- textAlign: 'center',
- marginTop: '12px',
- color: 'var(--affine-text-primary-color)',
- lineHeight: '26px',
- };
-});
-
-export const StyledColumnButtonWrapper = styled('div')(() => {
- return {
- ...displayFlex('center', 'center'),
- flexDirection: 'column',
- marginTop: '32px',
- };
-});
-export const StyledRowButtonWrapper = styled('div')(() => {
- return {
- ...displayFlex('center', 'center'),
- flexDirection: 'row',
- marginTop: '32px',
- };
-});
diff --git a/packages/component/src/ui/modal/confirm-modal.tsx b/packages/component/src/ui/modal/confirm-modal.tsx
deleted file mode 100644
index 74ca34911d..0000000000
--- a/packages/component/src/ui/modal/confirm-modal.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Button, type ButtonType } from '@toeverything/components/button';
-import { useCallback } from 'react';
-
-import { Modal, type ModalProps } from './modal';
-import { ModalCloseButton } from './modal-close-button';
-import { ModalWrapper } from './modal-wrapper';
-import {
- StyledModalContent,
- StyledModalFooter,
- StyledModalTitle,
-} from './styles';
-
-export interface BaseModalProps
- extends Omit {
- title?: string;
- content?: string;
- confirmText?: string;
- confirmType?: ButtonType;
- onClose: () => void;
- onCancel: () => void;
- onConfirm: () => void;
-}
-
-export const ConfirmModal = ({
- open,
- onClose,
- confirmText,
- confirmType = 'primary',
- onCancel,
- onConfirm,
- title,
- content,
-}: BaseModalProps) => {
- const t = useAFFiNEI18N();
-
- const handleClose = useCallback(() => {
- onClose();
- }, [onClose]);
-
- return (
-
-
-
- {title}
- {content}
-
-
-
-
-
-
- );
-};
diff --git a/packages/component/src/ui/modal/index.tsx b/packages/component/src/ui/modal/index.tsx
deleted file mode 100644
index 819d5d67ea..0000000000
--- a/packages/component/src/ui/modal/index.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import Modal from './modal';
-
-export * from './confirm-modal';
-export * from './modal';
-export * from './modal-close-button';
-export * from './modal-wrapper';
-
-export default Modal;
diff --git a/packages/component/src/ui/modal/modal-close-button.tsx b/packages/component/src/ui/modal/modal-close-button.tsx
deleted file mode 100644
index 06b0a38233..0000000000
--- a/packages/component/src/ui/modal/modal-close-button.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { CloseIcon } from '@blocksuite/icons';
-import {
- IconButton,
- type IconButtonProps,
-} from '@toeverything/components/button';
-import type { HTMLAttributes } from 'react';
-
-export type ModalCloseButtonProps = {
- top?: number;
- right?: number;
- absolute?: boolean;
-} & Omit &
- HTMLAttributes;
-
-export const ModalCloseButton = ({
- absolute = true,
- right,
- top,
- ...props
-}: ModalCloseButtonProps) => {
- return (
-
-
-
- );
-};
diff --git a/packages/component/src/ui/modal/modal-wrapper.tsx b/packages/component/src/ui/modal/modal-wrapper.tsx
deleted file mode 100644
index 7bb2e286e4..0000000000
--- a/packages/component/src/ui/modal/modal-wrapper.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import type { CSSProperties } from 'react';
-
-import { styled } from '../../styles';
-
-export const ModalWrapper = styled('div')<{
- width?: CSSProperties['width'];
- height?: CSSProperties['height'];
- minHeight?: CSSProperties['minHeight'];
-}>(({ width, height, minHeight }) => {
- return {
- width,
- height,
- minHeight,
- backgroundColor: 'var(--affine-background-overlay-panel-color)',
- boxShadow: 'var(--affine-shadow-3)',
- borderRadius: '12px',
- position: 'relative',
- maxHeight: 'calc(100vh - 32px)',
- };
-});
-
-export default ModalWrapper;
diff --git a/packages/component/src/ui/modal/modal.tsx b/packages/component/src/ui/modal/modal.tsx
deleted file mode 100644
index c1ff108ae8..0000000000
--- a/packages/component/src/ui/modal/modal.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import type { ModalProps as ModalUnstyledOwnProps } from '@mui/base/Modal';
-import Fade from '@mui/material/Fade';
-
-import { StyledBackdrop, StyledModal } from './styles';
-const Backdrop = ({
- open,
- ...other
-}: {
- open?: boolean;
- className: string;
-}) => {
- return (
-
-
-
- );
-};
-
-export type ModalProps = {
- wrapperPosition?: ['top' | 'bottom' | 'center', 'left' | 'right' | 'center'];
-} & ModalUnstyledOwnProps;
-
-const transformConfig = {
- top: 'flex-start',
- bottom: 'flex-end',
- center: 'center',
- left: 'flex-start',
- right: 'flex-end',
-};
-
-export const Modal = (props: ModalProps) => {
- const {
- wrapperPosition = ['center', 'center'],
- open,
- children,
- ...otherProps
- } = props;
- const [vertical, horizontal] = wrapperPosition;
- // Fixme: This is a workaround for Mui bug
- // Refs: https://github.com/mui/material-ui/issues/33748
- if (!open) {
- return null;
- }
-
- return (
-
- {children}
-
- );
-};
-
-export default Modal;
diff --git a/packages/component/src/ui/modal/styles.ts b/packages/component/src/ui/modal/styles.ts
deleted file mode 100644
index bfb1b5e8f6..0000000000
--- a/packages/component/src/ui/modal/styles.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Modal as ModalUnstyled } from '@mui/base/Modal';
-import type { CSSProperties } from 'react';
-
-import { styled } from '../../styles';
-
-export const StyledBackdrop = styled('div')(() => {
- return {
- zIndex: '-1',
- position: 'fixed',
- right: '0',
- bottom: '0',
- top: '0',
- left: '0',
- backgroundColor: 'var(--affine-background-modal-color)',
- };
-});
-
-export const StyledModal = styled(ModalUnstyled, {
- shouldForwardProp: prop => {
- return !['justifyContent', 'alignItems'].includes(prop as string);
- },
-})<{
- alignItems: CSSProperties['alignItems'];
- justifyContent: CSSProperties['justifyContent'];
-}>(({ alignItems, justifyContent }) => {
- return {
- width: '100vw',
- height: '100vh',
- display: 'flex',
- alignItems,
- justifyContent,
- position: 'fixed',
- left: '0',
- top: '0',
- zIndex: 'var(--affine-z-index-modal)',
- WebkitAppRegion: 'no-drag',
- '*': {
- WebkitTapHighlightColor: 'transparent',
- outline: 'none',
- },
- };
-});
-
-export const StyledModalFooter = styled('div')(() => {
- return {
- marginTop: 40,
- display: 'flex',
- justifyContent: 'flex-end',
- alignItems: 'center',
- };
-});
-
-export const StyledModalTitle = styled('div')(() => {
- return {
- fontWeight: 600,
- fontSize: 'var(--affine-font-h-6)',
- };
-});
-export const StyledModalContent = styled('div')(() => {
- return {
- fontSize: 'var(--affine-font-base)',
- lineHeight: '24px',
- marginTop: '12px',
- };
-});
diff --git a/plugins/copilot/package.json b/plugins/copilot/package.json
index ce50f0b848..ece81f769e 100644
--- a/plugins/copilot/package.json
+++ b/plugins/copilot/package.json
@@ -16,7 +16,7 @@
"dependencies": {
"@affine/component": "workspace:*",
"@affine/sdk": "workspace:*",
- "@toeverything/components": "^0.0.34",
+ "@toeverything/components": "^0.0.38",
"idb": "^7.1.1",
"langchain": "^0.0.138",
"marked": "^7.0.5",
diff --git a/plugins/hello-world/package.json b/plugins/hello-world/package.json
index 7f602a22d3..9b2e558c7f 100644
--- a/plugins/hello-world/package.json
+++ b/plugins/hello-world/package.json
@@ -18,7 +18,7 @@
"@affine/component": "workspace:*",
"@affine/sdk": "workspace:*",
"@blocksuite/icons": "^2.1.33",
- "@toeverything/components": "^0.0.34"
+ "@toeverything/components": "^0.0.38"
},
"devDependencies": {
"@affine/plugin-cli": "workspace:*"
diff --git a/plugins/image-preview/package.json b/plugins/image-preview/package.json
index 30095636c5..1cd0f1572f 100644
--- a/plugins/image-preview/package.json
+++ b/plugins/image-preview/package.json
@@ -17,7 +17,7 @@
"@affine/component": "workspace:*",
"@affine/sdk": "workspace:*",
"@blocksuite/icons": "^2.1.33",
- "@toeverything/components": "^0.0.34",
+ "@toeverything/components": "^0.0.38",
"@toeverything/theme": "^0.7.15",
"clsx": "^2.0.0",
"foxact": "^0.2.20",
diff --git a/plugins/outline/package.json b/plugins/outline/package.json
index 74f62151df..dccb98f933 100644
--- a/plugins/outline/package.json
+++ b/plugins/outline/package.json
@@ -18,7 +18,7 @@
"@affine/component": "workspace:*",
"@affine/sdk": "workspace:*",
"@blocksuite/icons": "^2.1.33",
- "@toeverything/components": "^0.0.34"
+ "@toeverything/components": "^0.0.38"
},
"devDependencies": {
"@affine/plugin-cli": "workspace:*",
diff --git a/yarn.lock b/yarn.lock
index 466a490a45..50511718c3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -231,7 +231,7 @@ __metadata:
"@affine/component": "workspace:*"
"@affine/plugin-cli": "workspace:*"
"@affine/sdk": "workspace:*"
- "@toeverything/components": ^0.0.34
+ "@toeverything/components": ^0.0.38
"@types/marked": ^5.0.1
idb: ^7.1.1
jotai: ^2.4.1
@@ -282,7 +282,7 @@ __metadata:
"@sentry/webpack-plugin": ^2.7.0
"@svgr/webpack": ^8.1.0
"@swc/core": ^1.3.81
- "@toeverything/components": ^0.0.34
+ "@toeverything/components": ^0.0.38
"@types/lodash-es": ^4.17.9
"@types/webpack-env": ^1.18.1
async-call-rpc: ^6.3.1
@@ -458,7 +458,7 @@ __metadata:
"@affine/plugin-cli": "workspace:*"
"@affine/sdk": "workspace:*"
"@blocksuite/icons": ^2.1.33
- "@toeverything/components": ^0.0.34
+ "@toeverything/components": ^0.0.38
languageName: unknown
linkType: soft
@@ -484,7 +484,7 @@ __metadata:
"@affine/plugin-cli": "workspace:*"
"@affine/sdk": "workspace:*"
"@blocksuite/icons": ^2.1.33
- "@toeverything/components": ^0.0.34
+ "@toeverything/components": ^0.0.38
"@toeverything/theme": ^0.7.15
clsx: ^2.0.0
foxact: ^0.2.20
@@ -580,7 +580,7 @@ __metadata:
"@affine/plugin-cli": "workspace:*"
"@affine/sdk": "workspace:*"
"@blocksuite/icons": ^2.1.33
- "@toeverything/components": ^0.0.34
+ "@toeverything/components": ^0.0.38
jotai: ^2.4.1
react: 18.2.0
react-dom: 18.2.0
@@ -9108,6 +9108,39 @@ __metadata:
languageName: node
linkType: hard
+"@radix-ui/react-dialog@npm:^1.0.4":
+ version: 1.0.4
+ resolution: "@radix-ui/react-dialog@npm:1.0.4"
+ dependencies:
+ "@babel/runtime": ^7.13.10
+ "@radix-ui/primitive": 1.0.1
+ "@radix-ui/react-compose-refs": 1.0.1
+ "@radix-ui/react-context": 1.0.1
+ "@radix-ui/react-dismissable-layer": 1.0.4
+ "@radix-ui/react-focus-guards": 1.0.1
+ "@radix-ui/react-focus-scope": 1.0.3
+ "@radix-ui/react-id": 1.0.1
+ "@radix-ui/react-portal": 1.0.3
+ "@radix-ui/react-presence": 1.0.1
+ "@radix-ui/react-primitive": 1.0.3
+ "@radix-ui/react-slot": 1.0.2
+ "@radix-ui/react-use-controllable-state": 1.0.1
+ aria-hidden: ^1.1.1
+ react-remove-scroll: 2.5.5
+ peerDependencies:
+ "@types/react": "*"
+ "@types/react-dom": "*"
+ react: ^16.8 || ^17.0 || ^18.0
+ react-dom: ^16.8 || ^17.0 || ^18.0
+ peerDependenciesMeta:
+ "@types/react":
+ optional: true
+ "@types/react-dom":
+ optional: true
+ checksum: 01ad549a3685e221628950e6fbec306494170aa3b92cbe00732b1531c16e1cf681138cd4a79d658f4f97d4096676a40d08642090fdea1675d0b7dc78df66d962
+ languageName: node
+ linkType: hard
+
"@radix-ui/react-direction@npm:1.0.0":
version: 1.0.0
resolution: "@radix-ui/react-direction@npm:1.0.0"
@@ -12447,11 +12480,12 @@ __metadata:
languageName: node
linkType: hard
-"@toeverything/components@npm:^0.0.34":
- version: 0.0.34
- resolution: "@toeverything/components@npm:0.0.34"
+"@toeverything/components@npm:^0.0.38":
+ version: 0.0.38
+ resolution: "@toeverything/components@npm:0.0.38"
dependencies:
"@blocksuite/icons": ^2.1.33
+ "@radix-ui/react-dialog": ^1.0.4
"@radix-ui/react-dropdown-menu": ^2.0.5
"@radix-ui/react-tooltip": ^1.0.6
peerDependencies:
@@ -12459,7 +12493,7 @@ __metadata:
clsx: ^2
react: ^18
react-dom: ^18
- checksum: 240fadd8101d92eb2da6700372a2cb87516479999943628c7d422d3cfeb3f330a15096eed470d650d207bd1a132e4115e1277b13d59a6f4994827e231e9cf5f3
+ checksum: 8771f0439be2db0acffa1d6f73a2c49155acf35c5a0538c3391f98f5dfc7961f6e88e48dfc9e5dae2847b3a31a720a58dc79075db024758b74b72bcfe15eadd0
languageName: node
linkType: hard
|