From cb65ae6f9c7253797cf6a8f81aee9fb067f3bbf5 Mon Sep 17 00:00:00 2001 From: Brian Nguyen Date: Tue, 2 Aug 2022 14:12:52 -0700 Subject: [PATCH] Renamed Cell component to CellAccount --- .../components/Cell/Cell.constants.ts | 15 -- .../CellAccount/CellAccount.constants.ts | 16 +++ .../CellAccount.stories.tsx} | 18 +-- .../CellAccount.styles.ts} | 16 ++- .../CellAccount.test.tsx} | 132 +++++++++--------- .../Cell.tsx => CellAccount/CellAccount.tsx} | 44 +++--- .../CellAccount.types.ts} | 8 +- .../{Cell => CellAccount}/README.md | 2 +- .../__snapshots__/CellAccount.test.tsx.snap} | 54 +++---- .../components/{Cell => CellAccount}/index.ts | 0 storybook/storyLoader.js | 4 +- 11 files changed, 160 insertions(+), 149 deletions(-) delete mode 100644 app/component-library/components/Cell/Cell.constants.ts create mode 100644 app/component-library/components/CellAccount/CellAccount.constants.ts rename app/component-library/components/{Cell/Cell.stories.tsx => CellAccount/CellAccount.stories.tsx} (78%) rename app/component-library/components/{Cell/Cell.styles.ts => CellAccount/CellAccount.styles.ts} (77%) rename app/component-library/components/{Cell/Cell.test.tsx => CellAccount/CellAccount.test.tsx} (67%) rename app/component-library/components/{Cell/Cell.tsx => CellAccount/CellAccount.tsx} (72%) rename app/component-library/components/{Cell/Cell.types.ts => CellAccount/CellAccount.types.ts} (87%) rename app/component-library/components/{Cell => CellAccount}/README.md (98%) rename app/component-library/components/{Cell/__snapshots__/Cell.test.tsx.snap => CellAccount/__snapshots__/CellAccount.test.tsx.snap} (79%) rename app/component-library/components/{Cell => CellAccount}/index.ts (100%) diff --git a/app/component-library/components/Cell/Cell.constants.ts b/app/component-library/components/Cell/Cell.constants.ts deleted file mode 100644 index 218a2ff43ec..00000000000 --- a/app/component-library/components/Cell/Cell.constants.ts +++ /dev/null @@ -1,15 +0,0 @@ -export const TEST_ACCOUNT_ADDRESS = - '0x2990079bcdEe240329a520d2444386FC119da21a'; -export const TEST_CELL_TITLE = 'Orangefox.eth'; -export const TEST_CELL_SECONDARY_TEXT = - '0x2990079bcdEe240329a520d2444386FC119da21a'; -export const TEST_CELL_TERTIARY_TEXT = 'Updated 1 sec ago'; -export const TEST_TAG_LABEL_TEXT = 'Imported'; - -export const CELL_SINGLE_SELECT_TEST_ID = 'cell-single-select'; -export const CELL_MULTI_SELECT_TEST_ID = 'cell-multi-select'; -export const CELL_AVATAR_TEST_ID = 'cell-avatar'; -export const CELL_TITLE_TEST_ID = 'cell-title'; -export const CELL_SECONDARY_TEXT_TEST_ID = 'cell-secondary-text'; -export const CELL_TERTIARY_TEXT_TEST_ID = 'cell-tertiary-text'; -export const CELL_TAG_LABEL_TEST_ID = 'cell-label'; diff --git a/app/component-library/components/CellAccount/CellAccount.constants.ts b/app/component-library/components/CellAccount/CellAccount.constants.ts new file mode 100644 index 00000000000..4f2eb935fd1 --- /dev/null +++ b/app/component-library/components/CellAccount/CellAccount.constants.ts @@ -0,0 +1,16 @@ +export const TEST_ACCOUNT_ADDRESS = + '0x2990079bcdEe240329a520d2444386FC119da21a'; +export const TEST_CELL_ACCOUNT_TITLE = 'Orangefox.eth'; +export const TEST_CELL_ACCOUNT_SECONDARY_TEXT = + '0x2990079bcdEe240329a520d2444386FC119da21a'; +export const TEST_CELL_ACCOUNT_TERTIARY_TEXT = 'Updated 1 sec ago'; +export const TEST_TAG_LABEL_TEXT = 'Imported'; + +export const CELL_ACCOUNT_SINGLE_SELECT_TEST_ID = 'cell-account-single-select'; +export const CELL_ACCOUNT_MULTI_SELECT_TEST_ID = 'cell-account-multi-select'; +export const CELL_ACCOUNT_AVATAR_TEST_ID = 'cell-account-avatar'; +export const CELL_ACCOUNT_TITLE_TEST_ID = 'cell-account-title'; +export const CELL_ACCOUNT_SECONDARY_TEXT_TEST_ID = + 'cell-account-secondary-text'; +export const CELL_ACCOUNT_TERTIARY_TEXT_TEST_ID = 'cell-account-tertiary-text'; +export const CELL_ACCOUNT_TAG_LABEL_TEST_ID = 'cell-account-label'; diff --git a/app/component-library/components/Cell/Cell.stories.tsx b/app/component-library/components/CellAccount/CellAccount.stories.tsx similarity index 78% rename from app/component-library/components/Cell/Cell.stories.tsx rename to app/component-library/components/CellAccount/CellAccount.stories.tsx index 4c851e52a01..1f51fde19d2 100644 --- a/app/component-library/components/Cell/Cell.stories.tsx +++ b/app/component-library/components/CellAccount/CellAccount.stories.tsx @@ -9,30 +9,30 @@ import { storiesOf } from '@storybook/react-native'; import { AccountAvatarType } from '../AccountAvatar'; // Internal dependencies -import Cell from './Cell'; +import CellAccount from './CellAccount'; import { TEST_ACCOUNT_ADDRESS, - TEST_CELL_TITLE, - TEST_CELL_SECONDARY_TEXT, - TEST_CELL_TERTIARY_TEXT, + TEST_CELL_ACCOUNT_TITLE, + TEST_CELL_ACCOUNT_SECONDARY_TEXT, + TEST_CELL_ACCOUNT_TERTIARY_TEXT, TEST_TAG_LABEL_TEXT, -} from './Cell.constants'; +} from './CellAccount.constants'; storiesOf('Component Library / Cell', module).add('Default', () => { const groupId = 'Props'; const isMultiSelect = boolean('IsMultiSelect?', false, groupId); - const titleText = text('title', TEST_CELL_TITLE, groupId); + const titleText = text('title', TEST_CELL_ACCOUNT_TITLE, groupId); const includeSecondaryText = boolean( 'Includes secondaryText?', false, groupId, ); const secondaryText = includeSecondaryText - ? text('secondaryText', TEST_CELL_SECONDARY_TEXT, groupId) + ? text('secondaryText', TEST_CELL_ACCOUNT_SECONDARY_TEXT, groupId) : ''; const includeTertiaryText = boolean('Includes tertiaryText?', false, groupId); const tertiaryText = includeTertiaryText - ? text('tertiaryText', TEST_CELL_TERTIARY_TEXT, groupId) + ? text('tertiaryText', TEST_CELL_ACCOUNT_TERTIARY_TEXT, groupId) : ''; const includeTagLabel = boolean('Includes label?', false, groupId); const tagLabel = includeTagLabel @@ -41,7 +41,7 @@ storiesOf('Component Library / Cell', module).add('Default', () => { const isSelected = boolean('isSelected?', false, groupId); return ( - { +const styleSheet = (params: { + theme: Theme; + vars: CellAccountStyleSheetVars; +}) => { const { vars, theme } = params; const { colors } = theme; const { style } = vars; return StyleSheet.create({ base: Object.assign({} as ViewStyle, style) as ViewStyle, - cell: { + cellAccount: { flexDirection: 'row', }, accountAvatar: { marginRight: 16, }, - cellInfo: { + cellAccountInfo: { flex: 1, alignItems: 'flex-start', }, diff --git a/app/component-library/components/Cell/Cell.test.tsx b/app/component-library/components/CellAccount/CellAccount.test.tsx similarity index 67% rename from app/component-library/components/Cell/Cell.test.tsx rename to app/component-library/components/CellAccount/CellAccount.test.tsx index 43ee0bb55be..1279b661c6b 100644 --- a/app/component-library/components/Cell/Cell.test.tsx +++ b/app/component-library/components/CellAccount/CellAccount.test.tsx @@ -6,29 +6,29 @@ import { shallow } from 'enzyme'; import { AccountAvatarType } from '../AccountAvatar'; // Internal dependencies -import Cell from './Cell'; +import CellAccount from './CellAccount'; import { TEST_ACCOUNT_ADDRESS, - TEST_CELL_TITLE, - TEST_CELL_SECONDARY_TEXT, - TEST_CELL_TERTIARY_TEXT, + TEST_CELL_ACCOUNT_TITLE, + TEST_CELL_ACCOUNT_SECONDARY_TEXT, + TEST_CELL_ACCOUNT_TERTIARY_TEXT, TEST_TAG_LABEL_TEXT, - CELL_SINGLE_SELECT_TEST_ID, - CELL_MULTI_SELECT_TEST_ID, - CELL_AVATAR_TEST_ID, - CELL_TITLE_TEST_ID, - CELL_SECONDARY_TEXT_TEST_ID, - CELL_TERTIARY_TEXT_TEST_ID, - CELL_TAG_LABEL_TEST_ID, -} from './Cell.constants'; + CELL_ACCOUNT_SINGLE_SELECT_TEST_ID, + CELL_ACCOUNT_MULTI_SELECT_TEST_ID, + CELL_ACCOUNT_AVATAR_TEST_ID, + CELL_ACCOUNT_TITLE_TEST_ID, + CELL_ACCOUNT_SECONDARY_TEXT_TEST_ID, + CELL_ACCOUNT_TERTIARY_TEXT_TEST_ID, + CELL_ACCOUNT_TAG_LABEL_TEST_ID, +} from './CellAccount.constants'; -describe('Cell - Snapshot', () => { +describe('CellAccount - Snapshot', () => { it('should render default settings correctly', () => { const wrapper = shallow( - , ); @@ -36,11 +36,11 @@ describe('Cell - Snapshot', () => { }); it('should render secondaryText when given', () => { const wrapper = shallow( - , ); @@ -48,11 +48,11 @@ describe('Cell - Snapshot', () => { }); it('should render tertiaryText when given', () => { const wrapper = shallow( - , ); @@ -60,10 +60,10 @@ describe('Cell - Snapshot', () => { }); it('should render label when given', () => { const wrapper = shallow( - , @@ -72,10 +72,10 @@ describe('Cell - Snapshot', () => { }); it('should render the proper selected state', () => { const wrapper = shallow( - , @@ -84,10 +84,10 @@ describe('Cell - Snapshot', () => { }); it('should render the proper multiselect when isMultiSelect is true', () => { const wrapper = shallow( - , @@ -96,161 +96,163 @@ describe('Cell - Snapshot', () => { }); }); -describe('Cell', () => { +describe('CellAccount', () => { it('should render singleSelect if isMultiSelect is false', () => { const wrapper = shallow( - , ); const singleSelectComponent = wrapper.findWhere( - (node) => node.prop('testID') === CELL_SINGLE_SELECT_TEST_ID, + (node) => node.prop('testID') === CELL_ACCOUNT_SINGLE_SELECT_TEST_ID, ); expect(singleSelectComponent.exists()).toBe(true); const multiSelectComponent = wrapper.findWhere( - (node) => node.prop('testID') === CELL_MULTI_SELECT_TEST_ID, + (node) => node.prop('testID') === CELL_ACCOUNT_MULTI_SELECT_TEST_ID, ); expect(multiSelectComponent.exists()).toBe(false); }); it('should render multiSelect if isMultiSelect is true', () => { const wrapper = shallow( - , ); const singleSelectComponent = wrapper.findWhere( - (node) => node.prop('testID') === CELL_SINGLE_SELECT_TEST_ID, + (node) => node.prop('testID') === CELL_ACCOUNT_SINGLE_SELECT_TEST_ID, ); expect(singleSelectComponent.exists()).toBe(false); const multiSelectComponent = wrapper.findWhere( - (node) => node.prop('testID') === CELL_MULTI_SELECT_TEST_ID, + (node) => node.prop('testID') === CELL_ACCOUNT_MULTI_SELECT_TEST_ID, ); expect(multiSelectComponent.exists()).toBe(true); }); it('should render Avatar', () => { const wrapper = shallow( - , ); const avatarComponent = wrapper.findWhere( - (node) => node.prop('testID') === CELL_AVATAR_TEST_ID, + (node) => node.prop('testID') === CELL_ACCOUNT_AVATAR_TEST_ID, ); expect(avatarComponent.exists()).toBe(true); }); it('should render the given title', () => { const wrapper = shallow( - , ); const titleElement = wrapper.findWhere( - (node) => node.prop('testID') === CELL_TITLE_TEST_ID, + (node) => node.prop('testID') === CELL_ACCOUNT_TITLE_TEST_ID, ); - expect(titleElement.props().children).toBe(TEST_CELL_TITLE); + expect(titleElement.props().children).toBe(TEST_CELL_ACCOUNT_TITLE); }); it('should render the given secondaryText', () => { const wrapper = shallow( - , ); const secondaryTextElement = wrapper.findWhere( - (node) => node.prop('testID') === CELL_SECONDARY_TEXT_TEST_ID, + (node) => node.prop('testID') === CELL_ACCOUNT_SECONDARY_TEXT_TEST_ID, ); expect(secondaryTextElement.props().children).toBe( - TEST_CELL_SECONDARY_TEXT, + TEST_CELL_ACCOUNT_SECONDARY_TEXT, ); }); it('should not render secondaryText if not given', () => { const wrapper = shallow( - , ); const secondaryTextElement = wrapper.findWhere( - (node) => node.prop('testID') === CELL_SECONDARY_TEXT_TEST_ID, + (node) => node.prop('testID') === CELL_ACCOUNT_SECONDARY_TEXT_TEST_ID, ); expect(secondaryTextElement.exists()).toBe(false); }); it('should render the given tertiaryText', () => { const wrapper = shallow( - , ); const tertiaryTextElement = wrapper.findWhere( - (node) => node.prop('testID') === CELL_TERTIARY_TEXT_TEST_ID, + (node) => node.prop('testID') === CELL_ACCOUNT_TERTIARY_TEXT_TEST_ID, + ); + expect(tertiaryTextElement.props().children).toBe( + TEST_CELL_ACCOUNT_TERTIARY_TEXT, ); - expect(tertiaryTextElement.props().children).toBe(TEST_CELL_TERTIARY_TEXT); }); it('should not render tertiaryText if not given', () => { const wrapper = shallow( - , ); const tertiaryTextElement = wrapper.findWhere( - (node) => node.prop('testID') === CELL_TERTIARY_TEXT_TEST_ID, + (node) => node.prop('testID') === CELL_ACCOUNT_TERTIARY_TEXT_TEST_ID, ); expect(tertiaryTextElement.exists()).toBe(false); }); it('should render tag with given label', () => { const wrapper = shallow( - , ); const tagComponent = wrapper.findWhere( - (node) => node.prop('testID') === CELL_TAG_LABEL_TEST_ID, + (node) => node.prop('testID') === CELL_ACCOUNT_TAG_LABEL_TEST_ID, ); expect(tagComponent.exists()).toBe(true); }); it('should not render tag without given label', () => { const wrapper = shallow( - , ); const tagComponent = wrapper.findWhere( - (node) => node.prop('testID') === CELL_TAG_LABEL_TEST_ID, + (node) => node.prop('testID') === CELL_ACCOUNT_TAG_LABEL_TEST_ID, ); expect(tagComponent.exists()).toBe(false); }); diff --git a/app/component-library/components/Cell/Cell.tsx b/app/component-library/components/CellAccount/CellAccount.tsx similarity index 72% rename from app/component-library/components/Cell/Cell.tsx rename to app/component-library/components/CellAccount/CellAccount.tsx index 705aaffb882..d88c95a5d47 100644 --- a/app/component-library/components/Cell/Cell.tsx +++ b/app/component-library/components/CellAccount/CellAccount.tsx @@ -14,18 +14,18 @@ import Tag from '../Tag'; // Internal dependencies import { - CELL_SINGLE_SELECT_TEST_ID, - CELL_MULTI_SELECT_TEST_ID, - CELL_AVATAR_TEST_ID, - CELL_TITLE_TEST_ID, - CELL_SECONDARY_TEXT_TEST_ID, - CELL_TERTIARY_TEXT_TEST_ID, - CELL_TAG_LABEL_TEST_ID, -} from './Cell.constants'; -import styleSheet from './Cell.styles'; -import { CellProps } from './Cell.types'; + CELL_ACCOUNT_SINGLE_SELECT_TEST_ID, + CELL_ACCOUNT_MULTI_SELECT_TEST_ID, + CELL_ACCOUNT_AVATAR_TEST_ID, + CELL_ACCOUNT_TITLE_TEST_ID, + CELL_ACCOUNT_SECONDARY_TEXT_TEST_ID, + CELL_ACCOUNT_TERTIARY_TEXT_TEST_ID, + CELL_ACCOUNT_TAG_LABEL_TEST_ID, +} from './CellAccount.constants'; +import styleSheet from './CellAccount.styles'; +import { CellAccountProps } from './CellAccount.types'; -const Cell = ({ +const CellAccount = ({ style, accountAddress, accountAvatarType, @@ -37,14 +37,14 @@ const Cell = ({ isSelected = false, children, ...props -}: CellProps) => { +}: CellAccountProps) => { const { styles } = useStyles(styleSheet, { style }); const ContainerComponent = isMultiSelect ? CellContainerMultiSelectItem : CellContainerSelectItem; const containerTestID = isMultiSelect - ? CELL_MULTI_SELECT_TEST_ID - : CELL_SINGLE_SELECT_TEST_ID; + ? CELL_ACCOUNT_MULTI_SELECT_TEST_ID + : CELL_ACCOUNT_SINGLE_SELECT_TEST_ID; return ( - + {/* DEV Note: Account Avatar should be replaced with Avatar with Badge whenever available */} - + {title} @@ -75,7 +75,7 @@ const Cell = ({ numberOfLines={1} variant={BaseTextVariant.sBodyMD} style={styles.secondaryText} - testID={CELL_SECONDARY_TEXT_TEST_ID} + testID={CELL_ACCOUNT_SECONDARY_TEXT_TEST_ID} > {secondaryText} @@ -85,7 +85,7 @@ const Cell = ({ numberOfLines={1} variant={BaseTextVariant.sBodyMD} style={styles.tertiaryText} - testID={CELL_TERTIARY_TEXT_TEST_ID} + testID={CELL_ACCOUNT_TERTIARY_TEXT_TEST_ID} > {tertiaryText} @@ -94,7 +94,7 @@ const Cell = ({ )} @@ -104,4 +104,4 @@ const Cell = ({ ); }; -export default Cell; +export default CellAccount; diff --git a/app/component-library/components/Cell/Cell.types.ts b/app/component-library/components/CellAccount/CellAccount.types.ts similarity index 87% rename from app/component-library/components/Cell/Cell.types.ts rename to app/component-library/components/CellAccount/CellAccount.types.ts index c32fbb1c269..ea0c61db0eb 100644 --- a/app/component-library/components/Cell/Cell.types.ts +++ b/app/component-library/components/CellAccount/CellAccount.types.ts @@ -2,9 +2,9 @@ import { StyleProp, TouchableOpacityProps, ViewStyle } from 'react-native'; import { AccountAvatarType } from '../AccountAvatar'; /** - * Cell component props. + * Cell Account component props. */ -export interface CellProps extends TouchableOpacityProps { +export interface CellAccountProps extends TouchableOpacityProps { /** * Callback to trigger when pressed. */ @@ -44,7 +44,7 @@ export interface CellProps extends TouchableOpacityProps { */ isSelected?: boolean; /** - * Optional accessory that can be inserted on the right of Cell + * Optional accessory that can be inserted on the right of Cell Account */ children?: React.ReactNode; /** @@ -56,4 +56,4 @@ export interface CellProps extends TouchableOpacityProps { /** * Style sheet input parameters. */ -export type CellStyleSheetVars = Pick; +export type CellAccountStyleSheetVars = Pick; diff --git a/app/component-library/components/Cell/README.md b/app/component-library/components/CellAccount/README.md similarity index 98% rename from app/component-library/components/Cell/README.md rename to app/component-library/components/CellAccount/README.md index c3b6d6e066c..ce97892f10e 100644 --- a/app/component-library/components/Cell/README.md +++ b/app/component-library/components/CellAccount/README.md @@ -82,7 +82,7 @@ Default: false ### `children` -Optional accessory that can be inserted on the right of Cell +Optional accessory that can be inserted on the right of Cell Account | TYPE | REQUIRED | | :-------------------------------------------------- | :------------------------------------------------------ | diff --git a/app/component-library/components/Cell/__snapshots__/Cell.test.tsx.snap b/app/component-library/components/CellAccount/__snapshots__/CellAccount.test.tsx.snap similarity index 79% rename from app/component-library/components/Cell/__snapshots__/Cell.test.tsx.snap rename to app/component-library/components/CellAccount/__snapshots__/CellAccount.test.tsx.snap index a4c37459ef8..40bee92d943 100644 --- a/app/component-library/components/Cell/__snapshots__/Cell.test.tsx.snap +++ b/app/component-library/components/CellAccount/__snapshots__/CellAccount.test.tsx.snap @@ -1,11 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Cell - Snapshot should render default settings correctly 1`] = ` +exports[`CellAccount - Snapshot should render default settings correctly 1`] = ` Orangefox.eth @@ -45,12 +45,12 @@ exports[`Cell - Snapshot should render default settings correctly 1`] = ` `; -exports[`Cell - Snapshot should render label when given 1`] = ` +exports[`CellAccount - Snapshot should render label when given 1`] = ` Orangefox.eth @@ -92,19 +92,19 @@ exports[`Cell - Snapshot should render label when given 1`] = ` "marginTop": 4, } } - testID="cell-label" + testID="cell-account-label" /> `; -exports[`Cell - Snapshot should render secondaryText when given 1`] = ` +exports[`CellAccount - Snapshot should render secondaryText when given 1`] = ` Orangefox.eth @@ -146,7 +146,7 @@ exports[`Cell - Snapshot should render secondaryText when given 1`] = ` "color": "#535A61", } } - testID="cell-secondary-text" + testID="cell-account-secondary-text" variant="sBodyMD" > 0x2990079bcdEe240329a520d2444386FC119da21a @@ -156,12 +156,12 @@ exports[`Cell - Snapshot should render secondaryText when given 1`] = ` `; -exports[`Cell - Snapshot should render tertiaryText when given 1`] = ` +exports[`CellAccount - Snapshot should render tertiaryText when given 1`] = ` Orangefox.eth @@ -203,7 +203,7 @@ exports[`Cell - Snapshot should render tertiaryText when given 1`] = ` "color": "#535A61", } } - testID="cell-tertiary-text" + testID="cell-account-tertiary-text" variant="sBodyMD" > Updated 1 sec ago @@ -213,12 +213,12 @@ exports[`Cell - Snapshot should render tertiaryText when given 1`] = ` `; -exports[`Cell - Snapshot should render the proper multiselect when isMultiSelect is true 1`] = ` +exports[`CellAccount - Snapshot should render the proper multiselect when isMultiSelect is true 1`] = ` Orangefox.eth @@ -258,12 +258,12 @@ exports[`Cell - Snapshot should render the proper multiselect when isMultiSelect `; -exports[`Cell - Snapshot should render the proper selected state 1`] = ` +exports[`CellAccount - Snapshot should render the proper selected state 1`] = ` Orangefox.eth diff --git a/app/component-library/components/Cell/index.ts b/app/component-library/components/CellAccount/index.ts similarity index 100% rename from app/component-library/components/Cell/index.ts rename to app/component-library/components/CellAccount/index.ts diff --git a/storybook/storyLoader.js b/storybook/storyLoader.js index 0b84cb54ed5..5e79157478b 100644 --- a/storybook/storyLoader.js +++ b/storybook/storyLoader.js @@ -19,7 +19,7 @@ function loadStories() { require('../app/component-library/components/ButtonPrimary/ButtonPrimary.stories'); require('../app/component-library/components/ButtonSecondary/ButtonSecondary.stories'); require('../app/component-library/components/ButtonTertiary/ButtonTertiary.stories'); - require('../app/component-library/components/Cell/Cell.stories'); + require('../app/component-library/components/CellAccount/CellAccount.stories'); require('../app/component-library/components/CellContainerMultiSelectItem/CellContainerMultiSelectItem.stories'); require('../app/component-library/components/CellContainerSelectItem/CellContainerSelectItem.stories'); require('../app/component-library/components/Checkbox/Checkbox.stories'); @@ -56,7 +56,7 @@ const stories = [ '../app/component-library/components/ButtonPrimary/ButtonPrimary.stories', '../app/component-library/components/ButtonSecondary/ButtonSecondary.stories', '../app/component-library/components/ButtonTertiary/ButtonTertiary.stories', - '../app/component-library/components/Cell/Cell.stories', + '../app/component-library/components/CellAccount/CellAccount.stories', '../app/component-library/components/CellContainerMultiSelectItem/CellContainerMultiSelectItem.stories', '../app/component-library/components/CellContainerSelectItem/CellContainerSelectItem.stories', '../app/component-library/components/Checkbox/Checkbox.stories',