Enforce lowercase icon module naming [WPB-22420]

.gitignore

@@ -16,7 +16,7 @@ npm-debug.log
 yarn-error.log
 
 # auto generated source files
-apps/webapp/src/script/components/Icon.tsx
+apps/webapp/src/script/components/icon.tsx
 
 # yarn 2 - not using zero-installs
 .pnp.*

.ls-lint.yml

@@ -24,6 +24,14 @@ ls:
   apps/webapp/src/script/util/test/mock:
     .ts: camelCase
     .mock.ts: camelCase
+  apps/webapp/src/script/components/icon.tsx:
+    .tsx: camelCase
+  apps/webapp/src/script/page/appLock:
+    .dir: camelCase
+    .ts: camelCase
+    .tsx: camelCase
+    .test.tsx: camelCase
+    .styles.ts: camelCase
   apps/webapp/src/script/page/RightSidebar/access:
     .ts: camelCase
     .tsx: camelCase

apps/webapp/.gitignore

@@ -25,4 +25,4 @@ yalc.lock
 .yalc
 
 # Generated files
-src/script/components/Icon.tsx
+src/script/components/icon.tsx

apps/webapp/bin/generate_react_icons.ts

@@ -79,4 +79,4 @@ const dir = './src/script/components';
 if (!fs.existsSync(dir)) {
   fs.mkdirSync(dir, {recursive: true});
 }
-fs.writeFileSync(`${dir}/Icon.tsx`, [disclaimer, iconPropsType, ...reactComponents].join('\n'));
+fs.writeFileSync(`${dir}/icon.tsx`, [disclaimer, iconPropsType, ...reactComponents].join('\n'));

apps/webapp/src/script/auth/component/WirelessContainer.tsx

@@ -23,7 +23,7 @@ import {FormattedMessage} from 'react-intl';
 
 import {CloseIcon, Content, Footer, Header, Link, Small} from '@wireapp/react-ui-kit';
 
-import {LogoFullIcon} from 'Components/Icon';
+import {LogoFullIcon} from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 import {Config} from '../../Config';

apps/webapp/src/script/auth/page/CustomBackend.tsx

@@ -23,7 +23,7 @@ import {useNavigate} from 'react-router-dom';
 
 import {Button, ButtonVariant, Container, Text} from '@wireapp/react-ui-kit';
 
-import {LogoFullIcon} from 'Components/Icon';
+import {LogoFullIcon} from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 import {buttonContainerCss, containerCss, headerCss, logoCss, paragraphCss} from './CustomBackend.styles';

apps/webapp/src/script/auth/page/CustomEnvironmentRedirect.tsx

@@ -25,7 +25,7 @@ import {connect} from 'react-redux';
 import {Runtime, UrlUtil} from '@wireapp/commons';
 import {COLOR, ContainerXS, FlexBox, Text} from '@wireapp/react-ui-kit';
 
-import {LogoIcon} from 'Components/Icon';
+import {LogoIcon} from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 import {afterRender} from 'Util/util';
 

apps/webapp/src/script/auth/page/Index.tsx

@@ -29,7 +29,7 @@ import {container} from 'tsyringe';
 import {UrlUtil} from '@wireapp/commons';
 import {Button, ButtonVariant, ContainerXS, ErrorMessage, Text} from '@wireapp/react-ui-kit';
 
-import {LogoFullIcon} from 'Components/Icon';
+import {LogoFullIcon} from 'Components/icon';
 import {useSingleInstance} from 'Hooks/useSingleInstance';
 import {Core} from 'src/script/service/coreSingleton';
 import {isDataDogEnabled} from 'Util/dataDog';

apps/webapp/src/script/auth/page/OAuthPermissions.tsx

@@ -40,7 +40,7 @@ import {
   useMatchMedia,
 } from '@wireapp/react-ui-kit';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {AssetRemoteData} from 'Repositories/assets/assetRemoteData';
 import {AssetRepository} from 'Repositories/assets/assetRepository';
 import {handleEscDown, handleKeyDown, KEY} from 'Util/keyboardUtil';

apps/webapp/src/script/auth/page/login/login.tsx

@@ -54,7 +54,7 @@ import {
   useMatchMedia,
 } from '@wireapp/react-ui-kit';
 
-import {LogoFullIcon} from 'Components/Icon';
+import {LogoFullIcon} from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 import {getLogger} from 'Util/logger';
 import {isBackendError} from 'Util/typePredicateUtil';

apps/webapp/src/script/auth/page/login/singleSignOn.tsx

@@ -46,7 +46,7 @@ import {
 } from '@wireapp/react-ui-kit';
 import {WebAppEvents} from '@wireapp/webapp-events';
 
-import {LogoFullIcon} from 'Components/Icon';
+import {LogoFullIcon} from 'Components/icon';
 import {calculateChildWindowPosition} from 'Util/DOM/caculateChildWindowPosition';
 import {t} from 'Util/localizerUtil';
 import {getLogger} from 'Util/logger';

apps/webapp/src/script/components/AppNotification/AppNotification.tsx

@@ -23,7 +23,7 @@ import is from '@sindresorhus/is';
 import {createRoot, Root} from 'react-dom/client';
 import {toast, Toaster} from 'sonner';
 
-import {CloseIcon} from 'Components/Icon';
+import {CloseIcon} from 'Components/icon';
 
 interface AppNotificationOptions {
   message?: string;

apps/webapp/src/script/components/AvailabilityIcon/Availability.tsx

@@ -25,7 +25,7 @@ import {AVATAR_SIZE} from 'Components/Avatar';
 
 import * as styles from './Availability.styles';
 
-import * as Icon from '../Icon';
+import * as Icon from '../icon';
 
 const availabilityIconBaseProps = {
   'data-uie-name': 'status-availability-icon',

apps/webapp/src/script/components/Avatar/ServiceAvatar.tsx

@@ -21,7 +21,7 @@ import React from 'react';
 
 import ko from 'knockout';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {ServiceEntity} from 'Repositories/integration/ServiceEntity';
 import {CSS_FILL_PARENT} from 'Util/cssMixin';
 

apps/webapp/src/script/components/Badge/components/UserStatusBadges/UserStatusBadges.tsx

@@ -21,7 +21,7 @@ import {Fragment} from 'react';
 
 import {Tooltip} from '@wireapp/react-ui-kit';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 import {badgesWrapper, icon} from './UserStatusBadges.styles';

apps/webapp/src/script/components/Cells/ShareModal/CellsShareModalContent.tsx

@@ -40,7 +40,7 @@ import {
 } from 'Components/Cells/ShareModal/CellsShareExpirationFields';
 import {CellsTableLoader} from 'Components/Conversation/ConversationCells/common/CellsTableLoader/CellsTableLoader';
 import {CopyToClipboardButton} from 'Components/CopyToClipboardButton/CopyToClipboardButton';
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {PasswordGeneratorButton} from 'Components/PasswordGeneratorButton';
 import {Config} from 'src/script/Config';
 import {t} from 'Util/localizerUtil';

apps/webapp/src/script/components/CellsGlobalView/CellsTable/CellsTableColumns/CellsTableSharedColumn/CellsTableSharedColumn.tsx

@@ -17,7 +17,7 @@
  *
  */
 
-import {LinkIcon} from 'Components/Icon';
+import {LinkIcon} from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 import {wrapperStyles, iconWrapperStyles, textStyles, wrapperStylesHidden} from './CellsTableSharedColumn.styles';

apps/webapp/src/script/components/ClassifiedBar/ClassifiedBar.tsx

@@ -20,7 +20,7 @@
 import {CSSObject} from '@emotion/react';
 import cx from 'classnames';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {Conversation} from 'Repositories/entity/Conversation';
 import {User} from 'Repositories/entity/User';
 import {useKoSubscribableChildren} from 'Util/componentUtil';

apps/webapp/src/script/components/Conversation/ConversationCells/CellsPagination/CellsPagination.tsx

@@ -21,7 +21,7 @@ import {useCallback} from 'react';
 
 import {FlexBox, IconButton} from '@wireapp/react-ui-kit';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 import {CellsPageList} from './CellsPageList/CellsPageList';

apps/webapp/src/script/components/Conversation/ConversationCells/CellsTable/CellsTableColumns/CellsTableRowOptions/CellsMoveNodeModal/CellsFoldersListModalContent/CellsFolderList/CellsFolderList.tsx

@@ -19,7 +19,7 @@
 
 import {FolderIcon} from '@wireapp/react-ui-kit';
 
-import {ChevronRight} from 'Components/Icon';
+import {ChevronRight} from 'Components/icon';
 
 import {
   arrowIconStyles,

apps/webapp/src/script/components/Conversation/ConversationCells/CellsTable/CellsTableColumns/CellsTableSharedColumn/CellsTableSharedColumn.tsx

@@ -17,7 +17,7 @@
  *
  */
 
-import {LinkIcon} from 'Components/Icon';
+import {LinkIcon} from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 import {

apps/webapp/src/script/components/Conversation/ReadOnlyConversationMessage/ReadOnlyConversationMessage.tsx

@@ -24,7 +24,7 @@ import ko from 'knockout';
 
 import {Link, LinkVariant} from '@wireapp/react-ui-kit';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {CONVERSATION_READONLY_STATE} from 'Repositories/conversation/ConversationRepository';
 import {Conversation} from 'Repositories/entity/Conversation';
 import {useKoSubscribableChildren} from 'Util/componentUtil';

apps/webapp/src/script/components/ConversationListCell/components/CellDescription/CellDescription.tsx

@@ -21,7 +21,7 @@ import {useMemo} from 'react';
 
 import cx from 'classnames';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {DraftState, generateConversationInputStorageKey} from 'Components/InputBar/common/draftState/draftState';
 import {useLocalStorage} from 'Hooks/useLocalStorage';
 import {generateCellState} from 'Repositories/conversation/ConversationCellState';

apps/webapp/src/script/components/ConversationListCell/components/StatusIcon/StatusIcon.tsx

@@ -19,7 +19,7 @@
 
 import {useMemo} from 'react';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {generateCellState} from 'Repositories/conversation/ConversationCellState';
 import {ConversationStatusIcon} from 'Repositories/conversation/ConversationStatusIcon';
 import type {Conversation} from 'Repositories/entity/Conversation';

apps/webapp/src/script/components/CopyToClipboardButton/CopyToClipboardButton.tsx

@@ -21,7 +21,7 @@ import {useState} from 'react';
 
 import {Button, ButtonVariant} from '@wireapp/react-ui-kit';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {copyText} from 'Util/clipboardUtil';
 
 interface CopyToClipboardButtonProps {

apps/webapp/src/script/components/FileFullscreenModal/FileHeader/FileHeader.tsx

@@ -32,7 +32,7 @@ import {
 
 import {FileTypeIcon} from 'Components/Conversation/common/FileTypeIcon/FileTypeIcon';
 import {isInRecycleBin} from 'Components/Conversation/ConversationCells/common/recycleBin/recycleBin';
-import {EditIcon} from 'Components/Icon';
+import {EditIcon} from 'Components/icon';
 import {iconStyles} from 'Components/MessagesList/Message/ContentMessage/asset/MultipartAssets/FileAssetCard/common/FileAssetOptions/FileAssetOptions.styles';
 import {MessageTime} from 'Components/MessagesList/Message/MessageTime';
 import {useFileHistoryModal} from 'Components/Modals/FileHistoryModal/hooks/useFileHistoryModal';

apps/webapp/src/script/components/FileFullscreenModal/PdfViewer/PdfControls/PdfControls.tsx

@@ -26,7 +26,7 @@ import {
   SidebarInactiveIcon,
 } from '@wireapp/react-ui-kit';
 
-import {ZoomInIcon, ZoomOutIcon} from 'Components/Icon';
+import {ZoomInIcon, ZoomOutIcon} from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 import {buttonStyles, pageNumberStyles, wrapperStyles} from './PdfControls.styles';

apps/webapp/src/script/components/Giphy/Giphy.tsx

@@ -26,7 +26,7 @@ import {Button, ButtonVariant} from '@wireapp/react-ui-kit';
 import {WebAppEvents} from '@wireapp/webapp-events';
 
 import {GifImage} from 'Components/Giphy/GifImage';
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {Gif, GiphyRepository} from 'Repositories/extension/GiphyRepository';
 import {t} from 'Util/localizerUtil';
 

apps/webapp/src/script/components/HistoryImport/HistoryImport.tsx

@@ -21,7 +21,7 @@ import {useEffect, useState} from 'react';
 
 import {Button, ButtonVariant} from '@wireapp/react-ui-kit';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {PrimaryModal} from 'Components/Modals/PrimaryModal';
 import {ProgressBar} from 'Components/ProgressBar/ProgressBar';
 import {BackupRepository} from 'Repositories/backup/backupRepository';

apps/webapp/src/script/components/Image/RestrictedImage.tsx

@@ -19,7 +19,7 @@
 
 import cx from 'classnames';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 interface RestrictedImageProps {

apps/webapp/src/script/components/InputBar/FilePreviews/common/FilePreviewDeleteButton/FilePreviewDeleteButton.tsx

@@ -17,7 +17,7 @@
  *
  */
 
-import {CloseIcon} from 'Components/Icon';
+import {CloseIcon} from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 import {buttonStyles, iconStyles} from './FilePreviewDeleteButton.styles';

apps/webapp/src/script/components/InputBar/InputBarControls/AssetUploadButton/AssetUploadButton.tsx

@@ -21,7 +21,7 @@ import {useRef} from 'react';
 
 import {TabIndex} from '@wireapp/react-ui-kit';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 interface AssetUploadButtonProps {

apps/webapp/src/script/components/InputBar/InputBarControls/CancelEditButton/CancelEditButton.tsx

@@ -19,7 +19,7 @@
 
 import cx from 'classnames';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 interface CancelEditButtonProps {

apps/webapp/src/script/components/InputBar/InputBarControls/CellAssetUploadButton/CellAssetUploadButton.tsx

@@ -17,7 +17,7 @@
  *
  */
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 interface CellAssetUploadButtonProps {

apps/webapp/src/script/components/InputBar/InputBarControls/CellImageUploadButton/CellImageUploadButton.tsx

@@ -17,7 +17,7 @@
  *
  */
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 interface CellImageUploadButtonProps {

apps/webapp/src/script/components/InputBar/InputBarControls/FormatTextButton/FormatTextButton.tsx

@@ -21,7 +21,7 @@ import type {MouseEvent} from 'react';
 
 import cx from 'classnames';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 interface FormatTextButtonProps {

apps/webapp/src/script/components/InputBar/InputBarControls/GiphyButton/GiphyButton.tsx

@@ -17,7 +17,7 @@
  *
  */
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 interface GiphyButtonProps {

apps/webapp/src/script/components/InputBar/InputBarControls/ImageUploadButton/ImageUploadButton.tsx

@@ -21,7 +21,7 @@ import {useRef} from 'react';
 
 import {TabIndex} from '@wireapp/react-ui-kit';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 interface ImageUploadButtonProps {

apps/webapp/src/script/components/InputBar/InputBarControls/MessageTimerButton/MessageTimerButton.tsx

@@ -22,7 +22,7 @@ import {MouseEvent, KeyboardEvent} from 'react';
 import cx from 'classnames';
 import {container} from 'tsyringe';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {Conversation} from 'Repositories/entity/Conversation';
 import {TeamState} from 'Repositories/team/TeamState';
 import {EphemeralTimings} from 'src/script/ephemeral/EphemeralTimings';

apps/webapp/src/script/components/InputBar/InputBarControls/PingButton/PingButton.tsx

@@ -17,7 +17,7 @@
  *
  */
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 interface PingButtonProps {

apps/webapp/src/script/components/InputBar/InputBarControls/SendMessageButton/SendMessageButton.tsx

@@ -19,7 +19,7 @@
 
 import cx from 'classnames';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 interface SendMessageButtonProps {

apps/webapp/src/script/components/InputBar/InputBarEditor/RichTextEditor/FormatToolbar/LinkDialog/LinkDialog.tsx

@@ -23,7 +23,7 @@ import is from '@sindresorhus/is';
 
 import {Input, ErrorMessage, Button, ButtonVariant} from '@wireapp/react-ui-kit';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {ModalComponent} from 'Components/Modals/ModalComponent';
 import {t} from 'Util/localizerUtil';
 

apps/webapp/src/script/components/InputBar/InputBarEditor/RichTextEditor/plugins/MentionsPlugin/MentionSuggestionsItem.tsx

@@ -24,7 +24,7 @@ import cx from 'classnames';
 import {TabIndex} from '@wireapp/react-ui-kit';
 
 import {Avatar, AVATAR_SIZE} from 'Components/Avatar';
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {User} from 'Repositories/entity/User';
 import {useKoSubscribableChildren} from 'Util/componentUtil';
 import {handleKeyDown, KEY} from 'Util/keyboardUtil';

apps/webapp/src/script/components/InputBar/PastedFileControls/PastedFileControls.tsx

@@ -21,7 +21,7 @@ import {FC} from 'react';
 
 import {TabIndex} from '@wireapp/react-ui-kit';
 
-import * as Icon from 'Components/Icon';
+import * as Icon from 'Components/icon';
 import {t} from 'Util/localizerUtil';
 
 import {Config} from '../../../Config';