scottk/twenty
1
0
Fork 0
mirror of https://github.com/lingble/twenty.git synced 2025-10-30 20:27:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

removed @blocknote/core from dependencies (#6580)

Browse Source 
Fixes #6564  & #6561 

@FelixMalfait 

Removed @blocknote/core from dependencies



https://github.com/user-attachments/assets/ef6acfff-2945-4062-a35c-21dd108a4345

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
This commit is contained in:
nitin
2024-08-08 19:14:09 +05:30
committed by GitHub
parent c3bf94e4cc
commit 774cb554f4
21 changed files with 8366 additions and 10067 deletions
Download Patch File Download Diff File Expand all files Collapse all files

894
.yarn/releases/yarn-4.3.1.cjs vendored
View File

File diff suppressed because one or more lines are too long

925
.yarn/releases/yarn-4.4.0.cjs vendored Executable file
View File

File diff suppressed because one or more lines are too long

2
.yarnrc.yml
View File

@@ -2,4 +2,4 @@ enableInlineHunks: true
nodeLinker: node-modules
yarnPath: .yarn/releases/yarn-4.3.1.cjs
yarnPath: .yarn/releases/yarn-4.4.0.cjs

2
package.json
View File

@@ -6,7 +6,6 @@
"@aws-sdk/client-lambda": "^3.614.0",
"@aws-sdk/client-s3": "^3.363.0",
"@aws-sdk/credential-providers": "^3.363.0",
"@blocknote/core": "^0.15.3",
"@blocknote/mantine": "^0.15.3",
"@blocknote/react": "^0.15.3",
"@chakra-ui/accordion": "^2.3.0",
@@ -259,6 +258,7 @@
"@types/graphql-upload": "^8.0.12",
"@types/jest": "^29.5.11",
"@types/js-cookie": "^3.0.3",
"@types/js-levenshtein": "^1.1.3",
"@types/lodash.camelcase": "^4.3.7",
"@types/lodash.compact": "^3.0.9",
"@types/lodash.debounce": "^4.0.7",

2
packages/twenty-front/src/hooks/useIsMatchingLocation.ts
View File

@@ -9,7 +9,7 @@ export const useIsMatchingLocation = () => {
return useCallback(
(path: string, basePath?: AppBasePath) => {
const constructedPath = basePath
? new URL(basePath + path, document.location.origin).pathname ?? ''
? (new URL(basePath + path, document.location.origin).pathname ?? '')
: path;
return !!matchPath(constructedPath, location.pathname);

2
packages/twenty-front/src/modules/activities/emails/components/MessageThreadSubscribersChip.tsx
View File

@@ -45,7 +45,7 @@ export const MessageThreadSubscribersChip = ({
? `+${numberOfMessageThreadSubscribers - MAX_NUMBER_OF_AVATARS}`
: null;
const label = isPrivateThread ? privateLabel : moreAvatarsLabel ?? '';
const label = isPrivateThread ? privateLabel : (moreAvatarsLabel ?? '');
return (
<Chip

8
packages/twenty-front/src/modules/apollo/services/apollo.factory.ts
View File

@@ -6,7 +6,6 @@ import {
ServerError,
ServerParseError,
} from '@apollo/client';
import { GraphQLErrors } from '@apollo/client/errors';
import { setContext } from '@apollo/client/link/context';
import { onError } from '@apollo/client/link/error';
import { RetryLink } from '@apollo/client/link/retry';
@@ -17,13 +16,14 @@ import { AuthTokenPair } from '~/generated/graphql';
import { isDefined } from '~/utils/isDefined';
import { logDebug } from '~/utils/logDebug';
import { GraphQLFormattedError } from 'graphql';
import { ApolloManager } from '../types/apolloManager.interface';
import { loggerLink } from '../utils';
const logger = loggerLink(() => 'Twenty');
export interface Options<TCacheShape> extends ApolloClientOptions<TCacheShape> {
onError?: (err: GraphQLErrors | undefined) => void;
onError?: (err: GraphQLFormattedError | undefined) => void;
onNetworkError?: (err: Error | ServerParseError | ServerError) => void;
onTokenPairChange?: (tokenPair: AuthTokenPair) => void;
onUnauthenticatedError?: () => void;
@@ -80,9 +80,9 @@ export class ApolloFactory<TCacheShape> implements ApolloManager<TCacheShape> {
const errorLink = onError(
({ graphQLErrors, networkError, forward, operation }) => {
if (isDefined(graphQLErrors)) {
onErrorCb?.(graphQLErrors);
for (const graphQLError of graphQLErrors) {
onErrorCb?.(graphQLError);
if (graphQLError.message === 'Unauthorized') {
return fromPromise(
renewToken(uri, this.tokenPair)

3
packages/twenty-front/src/modules/object-metadata/components/ObjectMetadataNavItems.tsx
View File

@@ -143,7 +143,6 @@ export const ObjectMetadataNavItems = ({ isRemote }: { isRemote: boolean }) => {
: viewA.position - viewB.position,
)
.map((view) => (
<div>
<NavigationDrawerSubItem
label={view.name}
to={`/objects/${objectMetadataItem.namePlural}?view=${view.id}`}
@@ -152,8 +151,8 @@ export const ObjectMetadataNavItems = ({ isRemote }: { isRemote: boolean }) => {
`/objects/${objectMetadataItem.namePlural}?view=${view.id}`
}
Icon={getIcon(view.icon)}
key={view.id}
/>
</div>
))}
</motion.div>
)}

2
packages/twenty-front/src/modules/object-metadata/utils/generateDefaultRecordChipData.ts
View File

@@ -4,7 +4,7 @@ import { ObjectRecord } from '@/object-record/types/ObjectRecord';
export const generateDefaultRecordChipData = (record: ObjectRecord) => {
const name = isFieldFullNameValue(record.name)
? record.name.firstName + ' ' + record.name.lastName
: record.name ?? '';
: (record.name ?? '');
return {
name,

2
packages/twenty-front/src/modules/object-record/cache/utils/getRecordsFromRecordConnection.ts vendored
View File

@@ -7,7 +7,7 @@ export const getRecordsFromRecordConnection = <T extends ObjectRecord>({
}: {
recordConnection: RecordGqlConnection;
}): T[] => {
return recordConnection.edges.map((edge) =>
return recordConnection?.edges?.map((edge) =>
getRecordFromRecordNode<T>({ recordNode: edge.node }),
);
};

4
packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/MultiSelectFieldInput.tsx
View File

@@ -42,8 +42,8 @@ export const MultiSelectFieldInput = ({
const [searchFilter, setSearchFilter] = useState('');
const containerRef = useRef<HTMLDivElement>(null);
const selectedOptions = fieldDefinition.metadata.options.filter(
(option) => fieldValues?.includes(option.value),
const selectedOptions = fieldDefinition.metadata.options.filter((option) =>
fieldValues?.includes(option.value),
);
const optionsInDropDown = fieldDefinition.metadata.options;

1
packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexBoardDataLoader.tsx
View File

@@ -43,6 +43,7 @@ export const RecordIndexBoardDataLoader = ({
boardFieldSelectValue={option.value}
recordBoardId={recordBoardId}
columnId={columnIds[index]}
key={index}
/>
))}
{recordIndexKanbanFieldMetadataItem?.isNullable && (

2
packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationSection.tsx
View File

@@ -69,7 +69,7 @@ export const RecordDetailRelationSection = ({
const relationRecords: ObjectRecord[] =
fieldValue && isToOneObject
? [fieldValue as ObjectRecord]
: (fieldValue as ObjectRecord[]) ?? [];
: ((fieldValue as ObjectRecord[]) ?? []);
const relationRecordIds = relationRecords.map(({ id }) => id);

3
packages/twenty-front/src/modules/spreadsheet-import/utils/findUnmatchedRequiredFields.ts
View File

@@ -6,8 +6,7 @@ export const findUnmatchedRequiredFields = <T extends string>(
columns: Columns<T>,
) =>
fields
.filter(
(field) =>
.filter((field) =>
field.fieldValidationDefinitions?.some(
(validation) => validation.rule === 'required',
),

7
packages/twenty-front/src/modules/ui/field/input/components/PhoneInput.tsx
View File

@@ -1,12 +1,13 @@
import styled from '@emotion/styled';
import { useEffect, useRef, useState } from 'react';
import ReactPhoneNumberInput from 'react-phone-number-input';
import styled from '@emotion/styled';
import { TEXT_INPUT_STYLE } from 'twenty-ui';
import { LightCopyIconButton } from '@/object-record/record-field/components/LightCopyIconButton';
import { useRegisterInputEvents } from '@/object-record/record-field/meta-types/input/hooks/useRegisterInputEvents';
import { PhoneCountryPickerDropdownButton } from '@/ui/input/components/internal/phone/components/PhoneCountryPickerDropdownButton';
import { E164Number } from 'libphonenumber-js';
import 'react-phone-number-input/style.css';
const StyledContainer = styled.div`
@@ -89,9 +90,9 @@ export const PhoneInput = ({
const wrapperRef = useRef<HTMLDivElement>(null);
const copyRef = useRef<HTMLDivElement>(null);
const handleChange = (newValue: string) => {
const handleChange = (newValue: E164Number) => {
setInternalValue(newValue);
onChange?.(newValue);
onChange?.(newValue as string);
};
useEffect(() => {

7
packages/twenty-front/src/modules/ui/input/button/components/FloatingButton.tsx
View File

@@ -19,7 +19,12 @@ export type FloatingButtonProps = {
to?: string;
};
const StyledButton = styled.button<
const shouldForwardProp = (prop: string) =>
!['applyBlur', 'applyShadow', 'focus', 'position', 'size', 'to'].includes(
prop,
);
const StyledButton = styled('button', { shouldForwardProp })<
Pick<
FloatingButtonProps,
| 'size'

13
packages/twenty-front/src/modules/ui/input/button/components/FloatingIconButton.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react';
import { css, useTheme } from '@emotion/react';
import styled from '@emotion/styled';
import React from 'react';
import { IconComponent } from 'twenty-ui';
export type FloatingIconButtonSize = 'small' | 'medium';
@@ -22,8 +22,17 @@ export type FloatingIconButtonProps = {
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
isActive?: boolean;
};
const shouldForwardProp = (prop: string) =>
![
'applyBlur',
'applyShadow',
'isActive',
'focus',
'position',
'size',
].includes(prop);
const StyledButton = styled.button<
const StyledButton = styled('button', { shouldForwardProp })<
Pick<
FloatingIconButtonProps,
'size' | 'position' | 'applyShadow' | 'applyBlur' | 'focus' | 'isActive'

4
packages/twenty-front/src/modules/ui/input/components/Toggle.tsx
View File

@@ -1,6 +1,6 @@
import { useEffect, useState } from 'react';
import styled from '@emotion/styled';
import { motion } from 'framer-motion';
import { useEffect, useState } from 'react';
import { isDefined } from '~/utils/isDefined';
@@ -16,7 +16,7 @@ type ContainerProps = {
const StyledContainer = styled.div<ContainerProps>`
align-items: center;
background-color: ${({ theme, isOn, color }) =>
isOn ? color ?? theme.color.blue : theme.background.quaternary};
isOn ? (color ?? theme.color.blue) : theme.background.quaternary};
border-radius: 10px;
cursor: pointer;
display: flex;

7
packages/twenty-front/src/modules/ui/utilities/debug/components/TimingProfiler.tsx
View File

@@ -1,5 +1,4 @@
import { Profiler } from 'react';
import { Interaction } from 'scheduler/tracing';
import { Profiler, ProfilerOnRenderCallback } from 'react';
import { logDebug } from '~/utils/logDebug';
@@ -9,14 +8,13 @@ type TimingProfilerProps = {
};
export const TimingProfiler = ({ id, children }: TimingProfilerProps) => {
const handleRender = (
const handleRender: ProfilerOnRenderCallback = (
id: string,
phase: 'mount' | 'update' | 'nested-update',
actualDuration: number,
baseDuration: number,
startTime: number,
commitTime: number,
interactions: Set<Interaction>,
) => {
logDebug(
'TimingProfiler',
@@ -28,7 +26,6 @@ export const TimingProfiler = ({ id, children }: TimingProfilerProps) => {
baseDuration,
startTime,
commitTime,
interactions,
},
null,
2,

20
packages/twenty-front/src/testing/graphqlMocks.ts
View File

@@ -114,6 +114,16 @@ export const graphqlMocks = {
graphql.query('CombinedFindManyRecords', () => {
return HttpResponse.json({
data: {
favorites: {
edges: [],
totalCount: 0,
pageInfo: {
hasNextPage: false,
hasPreviousPage: false,
startCursor: null,
endCursor: null,
},
},
views: {
edges: mockedViewsData.map((view) => ({
node: {
@@ -150,16 +160,6 @@ export const graphqlMocks = {
totalCount: mockedViewsData.length,
},
},
favorites: {
edges: [],
totalCount: 0,
pageInfo: {
hasNextPage: false,
hasPreviousPage: false,
startCursor: null,
endCursor: null,
},
},
});
}),
graphql.query('FindManyCompanies', ({ variables }) => {

16499
yarn.lock
View File

File diff suppressed because it is too large Load Diff