admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Chore(front): Create a custom eslint rule for Props naming (#1904)

Browse Source 
Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: bosiraphael <raphael.bosi@gmail.com>
This commit is contained in:
gitstart-twenty
2023-10-09 17:31:13 +03:00
committed by GitHub
parent 84ed9edefe
commit 77a1840611
170 changed files with 700 additions and 342 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/modules/ui/data-table/table-cell/components/TableCellContainer.tsx
View File

@ -29,7 +29,7 @@ const StyledCellBaseContainer = styled.div`
user-select: none;
`;
export type EditableCellProps = {
export type TableCellContainerProps = {
editModeContent: ReactElement;
nonEditModeContent: ReactElement;
editModeHorizontalAlign?: 'left' | 'right';
@ -55,7 +55,7 @@ export const TableCellContainer = ({
transparent = false,
maxContentWidth,
buttonIcon,
}: EditableCellProps) => {
}: TableCellContainerProps) => {
const { isCurrentTableCellInEditMode } = useCurrentTableCellEditMode();
const [isHovered, setIsHovered] = useState(false);

6
front/src/modules/ui/data-table/table-cell/components/TableCellEditMode.tsx
View File

@ -3,7 +3,7 @@ import styled from '@emotion/styled';
import { overlayBackground } from '@/ui/theme/constants/effects';
const StyledEditableCellEditModeContainer = styled.div<EditableCellEditModeProps>`
const StyledEditableCellEditModeContainer = styled.div<TableCellEditModeProps>`
align-items: center;
border: ${({ transparent, theme }) =>
transparent ? 'none' : `1px solid ${theme.border.color.light}`};
@ -25,7 +25,7 @@ const StyledEditableCellEditModeContainer = styled.div<EditableCellEditModeProps
z-index: 1;
`;
export type EditableCellEditModeProps = {
export type TableCellEditModeProps = {
children: ReactElement;
transparent?: boolean;
maxContentWidth?: number;
@ -40,7 +40,7 @@ export const TableCellEditMode = ({
children,
transparent = false,
maxContentWidth,
}: EditableCellEditModeProps) => (
}: TableCellEditModeProps) => (
<StyledEditableCellEditModeContainer
maxContentWidth={maxContentWidth}
transparent={transparent}

6
front/src/modules/ui/data-table/table-cell/components/TableCellSoftFocusMode.tsx
View File

@ -9,9 +9,11 @@ import { useTableCell } from '../hooks/useTableCell';
import { TableCellDisplayContainer } from './TableCellDisplayContainer';
type OwnProps = PropsWithChildren<unknown>;
type TableCellSoftFocusModeProps = PropsWithChildren<unknown>;
export const TableCellSoftFocusMode = ({ children }: OwnProps) => {
export const TableCellSoftFocusMode = ({
children,
}: TableCellSoftFocusModeProps) => {
const { openTableCell } = useTableCell();
const isFieldInputOnly = useIsFieldInputOnly();