From 2f9516652e2f7bbca647104a23711ed9da794b16 Mon Sep 17 00:00:00 2001 From: sultanofcardio Date: Fri, 9 Feb 2024 16:30:33 +0000 Subject: [PATCH] M2-4835: Change `arrowParens` to always --- .prettierrc | 2 +- src/__mocks__/EditorController.tsx | 2 +- .../AdvancedSettings/AdvancedSettings.tsx | 8 +- .../ConditionRow/Condition/Condition.test.tsx | 6 +- .../ConditionRow/Condition/Condition.tsx | 2 +- .../ConditionRow/ConditionRow.utils.ts | 4 +- .../DndDroppable/DndDroppable.test.tsx | 2 +- .../components/MLPlayer/MLPlayer.hooks.ts | 16 ++-- .../MediaUploader/MediaUploader.hooks.ts | 2 +- .../ToggleItemContainer.tsx | 2 +- .../features/AboutApplet/AboutApplet.test.tsx | 2 +- .../features/Activities/Activities.test.tsx | 8 +- .../features/Activities/Activities.tsx | 4 +- .../ActivitiesHeader.test.tsx | 2 +- .../ActivityAbout/ActivityAbout.hooks.ts | 4 +- .../ActivityAbout/ActivityAbout.test.tsx | 2 +- .../ActivityFlow/ActivityFlow.test.tsx | 4 +- .../features/ActivityFlow/ActivityFlow.tsx | 4 +- .../ActivityFlow/ActivityFlow.utils.tsx | 2 +- .../ActivityFlowAbout.test.tsx | 2 +- .../ActivityFlowBuilder.test.tsx | 2 +- .../ActivityFlowBuilder.tsx | 8 +- .../ActivityItems/ActivityItems.test.tsx | 2 +- .../features/ActivityItems/ActivityItems.tsx | 4 +- .../ConditionalPanel.test.tsx | 2 +- .../ConditionalPanel/ConditionalPanel.tsx | 2 +- .../DeleteItemModal/DeleteItemModal.tsx | 20 ++--- .../Alerts/Alert/Alert.utils.ts | 4 +- .../GroupedSelectSearchController.tsx | 4 +- .../GroupedSelectSearchController.utils.tsx | 4 +- .../TooltipComponents/Selection.tsx | 2 +- .../RecordAudio/RecordAudio.hooks.ts | 8 +- .../RemoveOptionPopup/RemoveOptionPopup.tsx | 2 +- .../SelectionOption/SelectionOption.tsx | 4 +- .../SelectionRows/Header/Header.utils.ts | 2 +- .../SelectionRows/SelectionRows.tsx | 2 +- .../SliderRows/SliderPanel/SliderPanel.tsx | 8 +- .../InputTypeItems/SliderRows/SliderRows.tsx | 2 +- .../ItemConfiguration.utils.tsx | 2 +- .../OptionalItemsAndSettings.tsx | 4 +- .../SkippedItemInVariablesModal.hooks.ts | 2 +- .../Settings/ColorPalette/ColorPalette.tsx | 2 +- .../ColorPalettePicker/ColorPalettePicker.tsx | 2 +- .../ItemSettingsController.test.tsx | 10 +-- .../ItemSettingsGroup/ItemSettingsGroup.tsx | 4 +- .../ItemConfiguration/__mocks__/mock.tsx | 16 ++-- .../ItemConfigurationAudioPlayer.test.tsx | 4 +- ...ItemConfigurationDisplayedContent.test.tsx | 2 +- .../ItemConfigurationSelectionRows.test.tsx | 4 +- .../ItemConfigurationSliderRows.test.tsx | 16 ++-- .../__tests__/ItemConfigurationText.test.tsx | 2 +- .../ItemConfigurationTimeDate.test.tsx | 2 +- .../__tests__/ItemConfigurationType.test.tsx | 12 +-- .../ActivityItems/LeftBar/LeftBar.tsx | 12 +-- .../ActivityItemsFlow.test.tsx | 8 +- .../ActivityItemsFlow/ItemFlow/ItemFlow.tsx | 4 +- .../ItemFlowContent/ItemFlowContent.tsx | 2 +- .../ConditionContent.test.tsx | 4 +- .../ScoreContent/ScoreContent.test.tsx | 2 +- .../ScoreContent/ScoreContent.tsx | 4 +- .../ScoreContent/ScoreContent.utils.ts | 6 +- .../ScoresAndReports.test.tsx | 2 +- .../SectionScoreCommonFields.test.tsx | 2 +- .../LookupTable/LookupTable.hooks.ts | 2 +- .../LookupTable/LookupTable.utils.tsx | 2 +- .../SubscalesConfiguration.hooks.ts | 6 +- .../SubscalesConfiguration.test.tsx | 14 +-- .../SubscalesConfiguration.tsx | 2 +- .../SubscalesConfiguration.utils.tsx | 8 +- .../TitleComponent/TitleComponent.tsx | 2 +- .../BuilderAppletSettings.tsx | 2 +- .../BuilderAppletSettings.utils.test.tsx | 12 +-- .../PerformanceTasks/Flanker/Flanker.test.tsx | 8 +- .../StimulusContent/StimulusContent.tsx | 2 +- .../BlockSequencesContent.tsx | 4 +- .../BlockSequencesContent.utils.ts | 12 +-- .../ImportSequencesPopup.tsx | 2 +- .../GyroscopeAndTouch.test.tsx | 4 +- .../ReportConfigSetting.schema.ts | 4 +- .../ReportConfigSetting.tsx | 14 +-- .../ReportConfigSetting.utils.ts | 4 +- .../SaveAndPublish/SaveAndPublish.hooks.ts | 4 +- .../SaveAndPublish/SaveAndPublish.utils.ts | 30 +++---- src/modules/Builder/hooks/useDataPreloader.ts | 2 +- .../useFilterConditionalLogicByItem.test.ts | 2 +- .../useRedirectIfNoMatchedActivityItem.ts | 2 +- .../BuilderApplet/BuilderApplet.const.ts | 4 +- .../BuilderApplet/BuilderApplet.schema.ts | 34 ++++---- .../BuilderApplet/BuilderApplet.utils.tsx | 85 ++++++++++--------- src/modules/Builder/utils/findRelatedScore.ts | 6 +- .../Builder/utils/getDefaultSliderScores.ts | 2 +- .../Builder/utils/getEntityReportFields.ts | 6 +- .../components/Accordion/Accordion.tsx | 2 +- .../DashboardTable/DashboardTable.test.tsx | 6 +- .../DashboardTable/DashboardTable.tsx | 2 +- .../features/Applet/AddUser/AddUser.tsx | 2 +- .../AddUser/AddUserForm/AddUserForm.tsx | 4 +- .../InvitationsWithTooltip.test.tsx | 4 +- .../InvitationsTable.test.tsx | 4 +- .../InvitationsTable/InvitationsTable.tsx | 2 +- .../AddUser/LinkGenerator/LinkGenerator.tsx | 2 +- .../AddUser/Popups/LinkPopup/LinkPopup.tsx | 2 +- .../DashboardAppletSettings.utils.test.tsx | 12 +-- .../DuplicatePopups/DuplicatePopups.tsx | 4 +- .../Applet/Schedule/Calendar/Calendar.tsx | 4 +- .../Schedule/Calendar/Calendar.utils.tsx | 4 +- .../EventContainerWrapper.tsx | 6 +- .../EventContainerWrapper.utils.ts | 2 +- .../TimeGutterHeader/TimeGutterHeader.tsx | 10 +-- .../Calendar/TimeHeader/TimeHeader.tsx | 8 +- .../YearView/MonthCalendar/MonthCalendar.tsx | 2 +- .../Schedule/Calendar/YearView/YearView.tsx | 2 +- .../ClearScheduledEventsPopup.tsx | 2 +- .../AvailabilityTab/AvailabilityTab.tsx | 4 +- .../Applet/Schedule/EventForm/EventForm.tsx | 2 +- .../Schedule/EventForm/EventForm.utils.tsx | 8 +- .../ImportSchedulePopup.tsx | 6 +- .../ImportSchedulePopup.utils.tsx | 8 +- .../Legend/ExpandedList/ExpandedList.tsx | 6 +- .../Applet/Schedule/Legend/Legend.tsx | 2 +- .../Legend/SearchPopup/SearchPopup.tsx | 2 +- .../RemoveIndividualSchedulePopup.tsx | 2 +- .../Applet/Schedule/Schedule.hooks.ts | 6 +- .../Applet/Schedule/Schedule.utils.tsx | 2 +- .../Applet/ShareApplet/ShareApplet.tsx | 6 +- .../features/Applets/Applets.hooks.ts | 11 +-- .../features/Applets/Applets.test.tsx | 4 +- .../Dashboard/features/Applets/Applets.tsx | 6 +- .../features/Applets/Applets.utils.ts | 2 +- .../AppletsTable/AppletItem/AppletItem.tsx | 6 +- .../AppletsTable/AppletsTable.hooks.ts | 4 +- .../FolderItem/FolderItem.test.tsx | 2 +- .../AppletsTable/FolderItem/FolderItem.tsx | 14 +-- .../features/Managers/Managers.test.tsx | 6 +- .../Dashboard/features/Managers/Managers.tsx | 8 +- .../ManagersEditAccessPopup/Applet/Applet.tsx | 2 +- .../ManagersEditAccessPopup.tsx | 12 +-- .../ManagersRemoveAccessPopup.tsx | 14 +-- .../SelectRespondents/SelectRespondents.tsx | 2 +- .../SelectRespondentsPopup.tsx | 2 +- .../CollapsedMdText/CollapsedMdText.tsx | 2 +- .../RespondentData/RespondentData.utils.ts | 2 +- .../MultipleSelection/MultipleSelection.tsx | 2 +- .../AssesmentControllers.utils.ts | 2 +- .../SingleSelectionController.tsx | 2 +- .../SliderController/SliderController.tsx | 2 +- .../FeedbackAssessment/FeedbackAssessment.tsx | 2 +- .../FeedbackAssessment.utils.ts | 2 +- .../Feedback/FeedbackNotes/FeedbackNotes.tsx | 2 +- .../FeedbackReviewed/FeedbackReviewed.tsx | 2 +- .../FeedbackReviewer/FeedbackReviewer.tsx | 2 +- .../MultiSelectResponseItem.tsx | 2 +- .../RespondentDataReview.tsx | 2 +- .../ReviewMenuItem/ReviewMenuItem.tsx | 4 +- .../Report/Charts/Charts.utils.ts | 2 +- .../SubscaleLineChart/SubscaleLineChart.tsx | 6 +- .../SubscaleLineChart.utils.ts | 4 +- .../RespondentDataSummary/Report/Report.tsx | 2 +- .../Report/Report.utils.ts | 12 +-- .../Report/ReportTable/ReportTable.utils.ts | 2 +- .../AdditionalInformation.tsx | 2 +- .../Report/Subscales/Subscales.tsx | 13 +-- .../Report/Subscales/Subscales.utils.ts | 2 +- .../RespondentDataSummary.utils.tsx | 2 +- .../EditRespondentPopup.test.tsx | 2 +- .../RespondentsRemoveAccessPopup.tsx | 4 +- .../features/Respondents/Respondents.test.tsx | 8 +- .../features/Respondents/Respondents.tsx | 4 +- .../Respondents/Respondents.utils.tsx | 2 +- .../Dashboard/hooks/useDatavizFilters.ts | 2 +- .../hooks/useDecryptedActivityData.ts | 2 +- .../pages/RespondentData/RespondentData.tsx | 2 +- .../CalendarEvents/CalendarEvents.reducer.ts | 2 +- .../CalendarEvents/CalendarEvents.utils.ts | 20 ++--- .../Applet/Activity/Activity.test.tsx | 2 +- .../features/Applet/Activity/Activity.tsx | 10 +-- .../Library/features/Applet/Applet.test.tsx | 6 +- .../Library/features/Applet/Applet.tsx | 2 +- .../Library/features/Applet/Applet.utils.ts | 6 +- .../Library/features/Applet/Item/Item.tsx | 8 +- .../RemoveAppletPopup/RemoveAppletPopup.tsx | 2 +- src/modules/Library/features/Cart/Cart.tsx | 6 +- .../Library/features/Cart/Cart.utils.ts | 20 ++--- .../AddToBuilderPopup/AddToBuilderPopup.tsx | 6 +- src/modules/Library/hooks/useWorkspaceList.ts | 2 +- src/redux/store/store.ts | 2 +- src/setupTests.ts | 4 +- src/shared/api/api.client.ts | 8 +- src/shared/components/Actions/Actions.tsx | 2 +- src/shared/components/CropPopup/CropPopup.tsx | 2 +- .../components/CropPopup/CropPopup.utils.ts | 2 +- src/shared/components/DataTable/DataTable.tsx | 4 +- .../components/DatePicker/DatePicker.tsx | 8 +- .../DatePickerHeader.utils.ts | 2 +- .../DatePickerHeader/Select/Select.tsx | 2 +- .../components/FileUploader/FileUploader.tsx | 2 +- .../components/Footer/Language/Language.tsx | 2 +- .../SelectLanguage/SelectLanguage.test.tsx | 2 +- .../SelectLanguage/SelectLanguage.tsx | 2 +- .../CheckboxController/CheckboxController.tsx | 2 +- .../InputController/Input/Input.tsx | 2 +- .../SelectController/SelectController.tsx | 6 +- .../TagsAutocompleteController.tsx | 6 +- .../TagsController/TagsController.tsx | 2 +- .../TransferListController.tsx | 6 +- .../MarkDownEditor/MarkDownEditor.utils.ts | 2 +- .../AlignTextExtension/AlignTextExtension.tsx | 2 +- .../extensions/Extensions.hooks.ts | 2 +- .../extensions/Extensions.utils.ts | 2 +- .../MarkExtension/MarkExtension.tsx | 2 +- .../OrderedListExtension.tsx | 4 +- .../SubscriptExtension/SubscriptExtension.tsx | 2 +- .../SuperscriptExtension.tsx | 2 +- .../UnderlineExtension/UnderlineExtension.tsx | 2 +- .../UnorderedListExtension.tsx | 4 +- .../CreateAppletPassword.tsx | 4 +- .../EnterAppletPassword.tsx | 2 +- src/shared/components/Table/Table.tsx | 2 +- .../components/Tabs/LinkedTabs/LinkedTabs.tsx | 2 +- src/shared/components/Uploader/Uploader.tsx | 6 +- .../DataRetention.schema.ts | 2 +- .../ShareAppletSetting/ShareAppletSetting.tsx | 2 +- .../VersionHistorySetting.test.tsx | 2 +- .../VersionHistorySetting.tsx | 10 +-- .../SwitchWorkspace/SwitchWorkspace.utils.ts | 2 +- src/shared/hooks/useAsync.ts | 4 +- .../hooks/useCheckIfAppletHasNotFoundError.ts | 2 +- src/shared/hooks/useComponentSize.ts | 6 +- src/shared/hooks/useHeaderSticky.tsx | 2 +- src/shared/hooks/useInfinityData.ts | 2 +- src/shared/hooks/useIntersectionObserver.ts | 2 +- .../components/LeftBar/LeftBar.test.tsx | 2 +- .../BaseLayout/components/LeftBar/LeftBar.tsx | 4 +- .../TopBar/Breadcrumbs/Breadcrumbs.hooks.ts | 6 +- .../TopBar/Notifications/Notifications.tsx | 6 +- .../BaseLayout/components/TopBar/TopBar.tsx | 2 +- src/shared/state/Alerts/Alerts.utils.ts | 4 +- src/shared/styles/theme.ts | 2 +- src/shared/utils/array.ts | 6 +- src/shared/utils/asyncTimeout.ts | 2 +- src/shared/utils/colors.ts | 2 +- src/shared/utils/exportData/exportMediaZip.ts | 2 +- src/shared/utils/exportData/exportZip.ts | 2 +- .../exportData/getReportAndMediaData.test.ts | 10 +-- .../utils/exportData/getReportAndMediaData.ts | 2 +- .../utils/exportData/getSubscales.test.ts | 4 +- src/shared/utils/exportData/getSubscales.ts | 4 +- src/shared/utils/exportData/prepareData.ts | 2 +- .../exportData/replaceItemVariableWithName.ts | 10 +-- src/shared/utils/exportTemplate.ts | 2 +- src/shared/utils/fileSystem.ts | 2 +- src/shared/utils/getHighlightedText.tsx | 2 +- src/shared/utils/getIsAddAppletBtnVisible.ts | 2 +- src/shared/utils/getParsedAnswers.test.ts | 2 +- src/shared/utils/getParsedAnswers.ts | 2 +- src/shared/utils/state.ts | 4 +- src/shared/utils/urlGenerator.test.ts | 2 +- src/shared/utils/urlGenerator.ts | 2 +- 258 files changed, 624 insertions(+), 615 deletions(-) diff --git a/.prettierrc b/.prettierrc index edddd30a06..b473d4b2a8 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,5 +1,5 @@ { - "arrowParens": "avoid", + "arrowParens": "always", "bracketSameLine": true, "bracketSpacing": true, "singleQuote": true, diff --git a/src/__mocks__/EditorController.tsx b/src/__mocks__/EditorController.tsx index 0f29cb6a60..9fc9f3688c 100644 --- a/src/__mocks__/EditorController.tsx +++ b/src/__mocks__/EditorController.tsx @@ -2,5 +2,5 @@ import { Input } from '@mui/material'; import { EditorProps } from 'md-editor-rt'; export const StyledMdEditor = ({ modelValue, onChange, sanitize }: EditorProps) => ( - onChange?.(e.target.value)} multiline /> + onChange?.(e.target.value)} multiline /> ); diff --git a/src/modules/Auth/features/SignUp/AdvancedSettings/AdvancedSettings.tsx b/src/modules/Auth/features/SignUp/AdvancedSettings/AdvancedSettings.tsx index b828e118b6..f487de9b4b 100644 --- a/src/modules/Auth/features/SignUp/AdvancedSettings/AdvancedSettings.tsx +++ b/src/modules/Auth/features/SignUp/AdvancedSettings/AdvancedSettings.tsx @@ -28,8 +28,8 @@ export const AdvancedSettings = () => { const handleFilterOptions = (options: ServerUrlOption[], params: FilterOptionsState) => { const { inputValue } = params; - const filtered = options.filter(option => option.name.includes(inputValue)); - const isExisting = options.some(option => inputValue === option.value); + const filtered = options.filter((option) => option.name.includes(inputValue)); + const isExisting = options.some((option) => inputValue === option.value); if (inputValue !== '' && !isExisting) { filtered.push({ value: inputValue, @@ -43,7 +43,7 @@ export const AdvancedSettings = () => { return ( setShowSettings(prevState => !prevState)} + onClick={() => setShowSettings((prevState) => !prevState)} endIcon={showSettings ? : }> {t('advancedSettings')} @@ -61,7 +61,7 @@ export const AdvancedSettings = () => { disableClearable clearOnBlur options={BACKEND_SERVERS} - getOptionLabel={option => (typeof option === 'string' ? option : option.name)} + getOptionLabel={(option) => (typeof option === 'string' ? option : option.name)} renderOption={(props, option) => {option.name}} renderInput={({ InputLabelProps, ...params }) => } freeSolo diff --git a/src/modules/Builder/components/ConditionRow/Condition/Condition.test.tsx b/src/modules/Builder/components/ConditionRow/Condition/Condition.test.tsx index cc2d122f70..3d11b2f39f 100644 --- a/src/modules/Builder/components/ConditionRow/Condition/Condition.test.tsx +++ b/src/modules/Builder/components/ConditionRow/Condition/Condition.test.tsx @@ -77,7 +77,7 @@ const mockedScoreConditionOptions = [ }, ]; const mockedValueOptions = getValueOptionsList( - mockedAppletFormData.activities[0].items.find(item => getEntityKey(item) === mockedConditional.itemKey), + mockedAppletFormData.activities[0].items.find((item) => getEntityKey(item) === mockedConditional.itemKey), ); const mockedNames = { @@ -111,7 +111,7 @@ const mockedPropsForEmptyCondition = { 'data-testid': 'empty-condition', }; -const getAppletFormData = condition => ({ +const getAppletFormData = (condition) => ({ ...mockedAppletFormData, activities: [ { @@ -244,7 +244,7 @@ describe('Condition', () => { const selectItemDropdown = screen.getByTestId('empty-condition-name-dropdown'); const itemSelectOptions = selectItemDropdown.querySelectorAll('li'); - fireEvent.click([...itemSelectOptions].find(option => option.dataset.value === item)); + fireEvent.click([...itemSelectOptions].find((option) => option.dataset.value === item)); } const selectState = screen.getByTestId('empty-condition-type'); diff --git a/src/modules/Builder/components/ConditionRow/Condition/Condition.tsx b/src/modules/Builder/components/ConditionRow/Condition/Condition.tsx index 3c8bcaf29b..2a7922fb50 100644 --- a/src/modules/Builder/components/ConditionRow/Condition/Condition.tsx +++ b/src/modules/Builder/components/ConditionRow/Condition/Condition.tsx @@ -76,7 +76,7 @@ export const Condition = ({ placeholder={t(isRowTypeItem ? 'conditionItemNamePlaceholder' : 'select')} SelectProps={{ renderValue: (value: unknown) => { - const item = itemOptions?.find(item => item.value === value); + const item = itemOptions?.find((item) => item.value === value); const placeholder = isRowTypeItem ? t('conditionItemSelected', { value: item?.labelKey }) : item?.labelKey; return {placeholder}; diff --git a/src/modules/Builder/components/ConditionRow/ConditionRow.utils.ts b/src/modules/Builder/components/ConditionRow/ConditionRow.utils.ts index 962080605f..ce92abfc15 100644 --- a/src/modules/Builder/components/ConditionRow/ConditionRow.utils.ts +++ b/src/modules/Builder/components/ConditionRow/ConditionRow.utils.ts @@ -51,7 +51,7 @@ export const getItemOptions = (items: ItemFormValues[], conditionRowType: Condit }, []) || []; export const getScoreOptions = (scores: ScoreReport[]) => - scores?.map(score => ({ + scores?.map((score) => ({ labelKey: `${t('score')}: ${score.name}`, value: score.key, type: ConditionItemType.Score, @@ -67,7 +67,7 @@ export const getScoreConditionalsOptions = (scores: ScoreReport[]) => scores?.reduce( (scoreConditionals: OptionListItem[], score: ScoreReport) => [ ...scoreConditionals, - ...(score.conditionalLogic?.map(conditional => ({ + ...(score.conditionalLogic?.map((conditional) => ({ labelKey: `${t('scoreConditionals')}: ${conditional.name}`, value: getEntityKey(conditional, false), type: ConditionItemType.ScoreCondition, diff --git a/src/modules/Builder/components/DndDroppable/DndDroppable.test.tsx b/src/modules/Builder/components/DndDroppable/DndDroppable.test.tsx index f5a035cc5f..b56b5dbf32 100644 --- a/src/modules/Builder/components/DndDroppable/DndDroppable.test.tsx +++ b/src/modules/Builder/components/DndDroppable/DndDroppable.test.tsx @@ -21,7 +21,7 @@ describe('DndDroppable', () => { await act(async () => { render(renderComponent()); - await new Promise(resolve => requestAnimationFrame(resolve)); + await new Promise((resolve) => requestAnimationFrame(resolve)); }); await waitFor(() => expect(Droppable).toHaveBeenCalled()); }); diff --git a/src/modules/Builder/components/MLPlayer/MLPlayer.hooks.ts b/src/modules/Builder/components/MLPlayer/MLPlayer.hooks.ts index 36c7c0d0de..2e4fe87848 100644 --- a/src/modules/Builder/components/MLPlayer/MLPlayer.hooks.ts +++ b/src/modules/Builder/components/MLPlayer/MLPlayer.hooks.ts @@ -25,35 +25,35 @@ export const useMLPlayerSetup = (media: MediaType | null) => { const playerRef = useRef(null); useEffect(() => { - setState(prevState => ({ + setState((prevState) => ({ ...prevState, url, })); }, [url]); const handlePlayPause = () => { - setState(prevState => ({ + setState((prevState) => ({ ...prevState, playing: !prevState.playing, })); }; const handlePlay = () => { - setState(prevState => ({ + setState((prevState) => ({ ...prevState, playing: true, })); }; const handlePause = () => { - setState(prevState => ({ + setState((prevState) => ({ ...prevState, playing: false, })); }; const handleSeekChange = (e: Event, value: number | Array) => { - setState(prevState => ({ + setState((prevState) => ({ ...prevState, played: value as number, seeking: true, @@ -61,7 +61,7 @@ export const useMLPlayerSetup = (media: MediaType | null) => { }; const handleSeekMouseUp = (e: SyntheticEvent | Event, value: number | Array) => { - setState(prevState => ({ + setState((prevState) => ({ ...prevState, seeking: false, })); @@ -71,7 +71,7 @@ export const useMLPlayerSetup = (media: MediaType | null) => { const handleProgress = (newState: OnProgressProps) => { if (!state.seeking) { - setState(prevState => ({ + setState((prevState) => ({ ...prevState, ...newState, })); @@ -79,7 +79,7 @@ export const useMLPlayerSetup = (media: MediaType | null) => { }; const handleDuration = (duration: number) => { - setState(prevState => ({ + setState((prevState) => ({ ...prevState, duration, })); diff --git a/src/modules/Builder/components/MediaUploader/MediaUploader.hooks.ts b/src/modules/Builder/components/MediaUploader/MediaUploader.hooks.ts index 23063e9329..9acf4a4c9a 100644 --- a/src/modules/Builder/components/MediaUploader/MediaUploader.hooks.ts +++ b/src/modules/Builder/components/MediaUploader/MediaUploader.hooks.ts @@ -10,7 +10,7 @@ import { MediaUploaderHookProps } from './MediaUploader.types'; export const useMediaUploader = ({ onUpload }: MediaUploaderHookProps) => { const uploadInputRef = useRef(null); const [error, setError] = useState(''); - const { execute: executeMediaUpload } = useAsync(postFileUploadApi, response => { + const { execute: executeMediaUpload } = useAsync(postFileUploadApi, (response) => { const name = response?.config?.data?.get('file')?.name; return response?.data?.result && onUpload({ name, url: response?.data?.result.url ?? '', uploaded: true }); diff --git a/src/modules/Builder/components/ToggleItemContainer/ToggleItemContainer.tsx b/src/modules/Builder/components/ToggleItemContainer/ToggleItemContainer.tsx index b49875b2d6..3d381ea80e 100644 --- a/src/modules/Builder/components/ToggleItemContainer/ToggleItemContainer.tsx +++ b/src/modules/Builder/components/ToggleItemContainer/ToggleItemContainer.tsx @@ -34,7 +34,7 @@ export const ToggleItemContainer = ({ }: ToggleItemProps) => { const { t } = useTranslation(); const [open, setOpen] = useState(isOpenByDefault ?? true); - const handleToggle = () => setOpen(prevState => !prevState); + const handleToggle = () => setOpen((prevState) => !prevState); const hasErrorMessage = !open && !!errorMessage; const titleErrorVisible = !open && (!!errorMessage || hasError); diff --git a/src/modules/Builder/features/AboutApplet/AboutApplet.test.tsx b/src/modules/Builder/features/AboutApplet/AboutApplet.test.tsx index 986982a84f..a0bd35e69a 100644 --- a/src/modules/Builder/features/AboutApplet/AboutApplet.test.tsx +++ b/src/modules/Builder/features/AboutApplet/AboutApplet.test.tsx @@ -120,7 +120,7 @@ describe('AboutApplet', () => { 'about-applet-watermark', ]; - fieldsDataTestIds.forEach(dataTestId => expect(screen.getByTestId(dataTestId)).toBeInTheDocument()); + fieldsDataTestIds.forEach((dataTestId) => expect(screen.getByTestId(dataTestId)).toBeInTheDocument()); const theme = screen.getByLabelText('Applet Color Theme').querySelector('input'); theme && expect(theme.value).toBe('9b023afd-e5f9-403c-b154-fc8f35fcf3ab'); diff --git a/src/modules/Builder/features/Activities/Activities.test.tsx b/src/modules/Builder/features/Activities/Activities.test.tsx index 7d1f3b6a85..2ba73ffe83 100644 --- a/src/modules/Builder/features/Activities/Activities.test.tsx +++ b/src/modules/Builder/features/Activities/Activities.test.tsx @@ -70,7 +70,7 @@ jest.mock('react-router-dom', () => ({ useNavigate: () => mockedUseNavigate, })); -const renderActivities = formData => { +const renderActivities = (formData) => { const ref = createRef(); renderWithAppletFormData({ @@ -86,7 +86,7 @@ const renderActivities = formData => { return ref; }; -const addPerfTask = perfTaskType => { +const addPerfTask = (perfTaskType) => { fireEvent.click(screen.getByTestId('builder-activities-add-perf-task')); switch (perfTaskType) { @@ -131,7 +131,7 @@ describe('Activities', () => { `${mockedTestid}-0-hide`, `${mockedTestid}-0-remove`, `${mockedTestid}-0-dnd`, - ].forEach(testId => { + ].forEach((testId) => { expect(screen.getByTestId(testId)).toBeVisible(); }); }); @@ -268,7 +268,7 @@ describe('Activities', () => { fireEvent.click(screen.getByTestId('builder-activities-add-perf-task')); [mockedIPadTestid, mockedMobileTestid, mockedFlankerTestid, mockedGyroscopeTestid, mockedTouchTestid].forEach( - testId => { + (testId) => { expect(screen.getByTestId(testId)).toBeVisible(); }, ); diff --git a/src/modules/Builder/features/Activities/Activities.tsx b/src/modules/Builder/features/Activities/Activities.tsx index d9b2a9bcc9..6976bc99a6 100644 --- a/src/modules/Builder/features/Activities/Activities.tsx +++ b/src/modules/Builder/features/Activities/Activities.tsx @@ -105,7 +105,7 @@ export const Activities = () => { flow.reportIncludedActivityName = ''; flow.reportIncludedItemName = ''; } - const items = flow.items?.filter(item => item.activityKey !== activityKey); + const items = flow.items?.filter((item) => item.activityKey !== activityKey); if (items && items.length > 0) { acc.push({ ...flow, items }); } @@ -169,7 +169,7 @@ export const Activities = () => { {activities?.length ? ( setIsDragging(true)} onDragEnd={handleDragEnd}> - {listProvided => ( + {(listProvided) => ( {activities.map((activity: ActivityFormValues, index: number) => { const activityKey = getActivityKey(activity); diff --git a/src/modules/Builder/features/Activities/ActivitiesHeader/ActivitiesHeader.test.tsx b/src/modules/Builder/features/Activities/ActivitiesHeader/ActivitiesHeader.test.tsx index fd95c2d55f..1e710fcb33 100644 --- a/src/modules/Builder/features/Activities/ActivitiesHeader/ActivitiesHeader.test.tsx +++ b/src/modules/Builder/features/Activities/ActivitiesHeader/ActivitiesHeader.test.tsx @@ -33,7 +33,7 @@ describe('ActivitiesHeader - Interaction Tests', () => { 'CST Touch', ]; const menuItem = screen.getByText(menu[0]); - menu.forEach(item => { + menu.forEach((item) => { expect(screen.getByText(item)).toBeInTheDocument(); }); fireEvent.click(menuItem); diff --git a/src/modules/Builder/features/ActivityAbout/ActivityAbout.hooks.ts b/src/modules/Builder/features/ActivityAbout/ActivityAbout.hooks.ts index b4c7408989..7ba6763021 100644 --- a/src/modules/Builder/features/ActivityAbout/ActivityAbout.hooks.ts +++ b/src/modules/Builder/features/ActivityAbout/ActivityAbout.hooks.ts @@ -13,7 +13,7 @@ const checkIfItemsHaveVariables = (items: ItemFormValues[]) => { return items.some(({ question }) => { const variableNames = getTextBetweenBrackets(question!); - return variableNames.some(variable => !!itemsObject[variable]); + return variableNames.some((variable) => !!itemsObject[variable]); }); }; export const useCheckIfItemsHaveVariables = () => { @@ -31,7 +31,7 @@ export const useCheckIfItemsHaveVariables = () => { }; const checkIfItemsHaveRequiredOptions = (items: ItemFormValues[]) => - items.some(item => checkIfItemHasRequiredOptions(item.config)); + items.some((item) => checkIfItemHasRequiredOptions(item.config)); export const useCheckIfItemsHaveRequiredItems = () => { const { setValue, watch } = useFormContext(); diff --git a/src/modules/Builder/features/ActivityAbout/ActivityAbout.test.tsx b/src/modules/Builder/features/ActivityAbout/ActivityAbout.test.tsx index c86a3b3508..74e0fe19fe 100644 --- a/src/modules/Builder/features/ActivityAbout/ActivityAbout.test.tsx +++ b/src/modules/Builder/features/ActivityAbout/ActivityAbout.test.tsx @@ -99,7 +99,7 @@ describe('ActivityAbout', () => { 'builder-activity-about-reviewable', ]; - fieldsDataTestIds.forEach(dataTestId => expect(screen.getByTestId(dataTestId)).toBeInTheDocument()); + fieldsDataTestIds.forEach((dataTestId) => expect(screen.getByTestId(dataTestId)).toBeInTheDocument()); }); test('should render all fields for exisiting applet with default values', () => { diff --git a/src/modules/Builder/features/ActivityFlow/ActivityFlow.test.tsx b/src/modules/Builder/features/ActivityFlow/ActivityFlow.test.tsx index 15fad0f720..aaae62733b 100644 --- a/src/modules/Builder/features/ActivityFlow/ActivityFlow.test.tsx +++ b/src/modules/Builder/features/ActivityFlow/ActivityFlow.test.tsx @@ -25,7 +25,7 @@ jest.mock('react-router-dom', () => ({ useNavigate: () => mockedUseNavigate, })); -const renderActivityFlow = formData => { +const renderActivityFlow = (formData) => { const ref = createRef(); renderWithAppletFormData({ @@ -83,7 +83,7 @@ describe('ActivityFlow', () => { `${mockedFlowTestid}-0-hide`, `${mockedFlowTestid}-0-remove`, `${mockedFlowTestid}-0-dnd`, - ].forEach(testId => { + ].forEach((testId) => { expect(screen.getByTestId(testId)).toBeVisible(); }); }); diff --git a/src/modules/Builder/features/ActivityFlow/ActivityFlow.tsx b/src/modules/Builder/features/ActivityFlow/ActivityFlow.tsx index ea3ea56011..8a4233d761 100644 --- a/src/modules/Builder/features/ActivityFlow/ActivityFlow.tsx +++ b/src/modules/Builder/features/ActivityFlow/ActivityFlow.tsx @@ -66,7 +66,7 @@ export const ActivityFlow = () => { ); const handleAddActivityFlow = (positionToAdd?: number) => { - const flowItems = activities.map(activity => ({ + const flowItems = activities.map((activity) => ({ key: uuidv4(), activityKey: getEntityKey(activity), })); @@ -115,7 +115,7 @@ export const ActivityFlow = () => { {activityFlows?.length ? ( setIsDragging(true)} onDragEnd={handleDragEnd}> - {listProvided => ( + {(listProvided) => ( {activityFlows.map((flow, index) => { const activityFlowKey = getEntityKey(flow); diff --git a/src/modules/Builder/features/ActivityFlow/ActivityFlow.utils.tsx b/src/modules/Builder/features/ActivityFlow/ActivityFlow.utils.tsx index 551200517a..04c6c59ece 100644 --- a/src/modules/Builder/features/ActivityFlow/ActivityFlow.utils.tsx +++ b/src/modules/Builder/features/ActivityFlow/ActivityFlow.utils.tsx @@ -40,7 +40,7 @@ export const getFlowsItemActions = ({ export const getDuplicatedActivityFlow = (flow: ActivityFlowFormValues, name: string) => { const duplicatedItems = - flow.items?.map(item => ({ + flow.items?.map((item) => ({ ...item, id: undefined, key: uuidv4(), diff --git a/src/modules/Builder/features/ActivityFlowAbout/ActivityFlowAbout.test.tsx b/src/modules/Builder/features/ActivityFlowAbout/ActivityFlowAbout.test.tsx index 5ac0360706..00982b969a 100644 --- a/src/modules/Builder/features/ActivityFlowAbout/ActivityFlowAbout.test.tsx +++ b/src/modules/Builder/features/ActivityFlowAbout/ActivityFlowAbout.test.tsx @@ -20,7 +20,7 @@ const mockedAppletFormDataWithEmptyFlow = { activityFlows: [ { ...getNewActivityFlow(), - items: mockedAppletFormData.activities.map(activity => ({ + items: mockedAppletFormData.activities.map((activity) => ({ key: uuidv4(), activityKey: getEntityKey(activity), })), diff --git a/src/modules/Builder/features/ActivityFlowBuilder/ActivityFlowBuilder.test.tsx b/src/modules/Builder/features/ActivityFlowBuilder/ActivityFlowBuilder.test.tsx index 426f9d73c8..67db1d0d07 100644 --- a/src/modules/Builder/features/ActivityFlowBuilder/ActivityFlowBuilder.test.tsx +++ b/src/modules/Builder/features/ActivityFlowBuilder/ActivityFlowBuilder.test.tsx @@ -69,7 +69,7 @@ describe('Activity Flow Builder', () => { `${mockedFlowTestid}-duplicate`, `${mockedFlowTestid}-remove`, `${mockedFlowTestid}-dnd`, - ].forEach(testId => { + ].forEach((testId) => { expect(screen.getByTestId(testId)).toBeVisible(); }); }); diff --git a/src/modules/Builder/features/ActivityFlowBuilder/ActivityFlowBuilder.tsx b/src/modules/Builder/features/ActivityFlowBuilder/ActivityFlowBuilder.tsx index d479c5dff2..0533df8cc0 100644 --- a/src/modules/Builder/features/ActivityFlowBuilder/ActivityFlowBuilder.tsx +++ b/src/modules/Builder/features/ActivityFlowBuilder/ActivityFlowBuilder.tsx @@ -70,7 +70,8 @@ export const ActivityFlowBuilder = () => { if ( currentActivityFlow.reportIncludedActivityName && flowActivityToDeleteData.activityKey === currentActivityFlow.reportIncludedActivityName && - activityFlowItems.filter(item => item.activityKey === currentActivityFlow.reportIncludedActivityName).length === 1 + activityFlowItems.filter((item) => item.activityKey === currentActivityFlow.reportIncludedActivityName).length === + 1 ) { removeReportConfigItemValue(); } @@ -98,7 +99,8 @@ export const ActivityFlowBuilder = () => { if ( flowActivityToUpdateIndex !== null && currentActivityFlow.reportIncludedActivityName && - activityFlowItems.filter(item => item.activityKey === currentActivityFlow.reportIncludedActivityName).length === 1 + activityFlowItems.filter((item) => item.activityKey === currentActivityFlow.reportIncludedActivityName).length === + 1 ) { removeReportConfigItemValue(); } @@ -131,7 +133,7 @@ export const ActivityFlowBuilder = () => { <> - {listProvided => ( + {(listProvided) => ( {activityFlowItems.map((item, index) => { const key = item.id || item.key; diff --git a/src/modules/Builder/features/ActivityItems/ActivityItems.test.tsx b/src/modules/Builder/features/ActivityItems/ActivityItems.test.tsx index 663345c765..3d13f64f5f 100644 --- a/src/modules/Builder/features/ActivityItems/ActivityItems.test.tsx +++ b/src/modules/Builder/features/ActivityItems/ActivityItems.test.tsx @@ -64,7 +64,7 @@ const renderActivityItemsWithItem = (formData = mockedAppletFormDataWithNewItem) }), routePath: page.builderAppletActivityItem, }); -const getActivityItemUrl = itemId => +const getActivityItemUrl = (itemId) => generatePath(itemId ? page.builderAppletActivityItem : page.builderAppletActivityItems, { ...mockedParams, activityId: mockedNewActivity.key, diff --git a/src/modules/Builder/features/ActivityItems/ActivityItems.tsx b/src/modules/Builder/features/ActivityItems/ActivityItems.tsx index 71a6fdcd49..3915fc5a68 100644 --- a/src/modules/Builder/features/ActivityItems/ActivityItems.tsx +++ b/src/modules/Builder/features/ActivityItems/ActivityItems.tsx @@ -37,7 +37,7 @@ export const ActivityItems = () => { const itemsValue: ItemFormValues[] = watch(itemsName); const { appletId, activityId, itemId } = useParams(); - const activeItemIndex = itemId ? itemsValue?.findIndex(item => getEntityKey(item) === itemId) : -1; + const activeItemIndex = itemId ? itemsValue?.findIndex((item) => getEntityKey(item) === itemId) : -1; const activeItem = activeItemIndex === undefined || activeItemIndex === -1 ? undefined : itemsValue[activeItemIndex]; const [itemIdToDelete, setItemIdToDelete] = useState(''); @@ -63,7 +63,7 @@ export const ActivityItems = () => { const handleAddItem = () => { const item = getNewActivityItem(); - const firstSystemIndex = itemsValue.findIndex(item => !item.allowEdit); + const firstSystemIndex = itemsValue.findIndex((item) => !item.allowEdit); const indexListToTrigger = getIndexListToTrigger(itemsValue, item.name); for (const itemIndex of indexListToTrigger) { diff --git a/src/modules/Builder/features/ActivityItems/ConditionalPanel/ConditionalPanel.test.tsx b/src/modules/Builder/features/ActivityItems/ConditionalPanel/ConditionalPanel.test.tsx index 950d76ce55..bd47d46857 100644 --- a/src/modules/Builder/features/ActivityItems/ConditionalPanel/ConditionalPanel.test.tsx +++ b/src/modules/Builder/features/ActivityItems/ConditionalPanel/ConditionalPanel.test.tsx @@ -43,7 +43,7 @@ describe('ConditionalPanel', () => { test('displays correct data based on condition prop', () => { renderComponent(); - mockCondition?.conditions.forEach(condition => { + mockCondition?.conditions.forEach((condition) => { expect(screen.getByText(new RegExp(condition.itemName, 'i'))).toBeInTheDocument(); }); }); diff --git a/src/modules/Builder/features/ActivityItems/ConditionalPanel/ConditionalPanel.tsx b/src/modules/Builder/features/ActivityItems/ConditionalPanel/ConditionalPanel.tsx index 225247cf16..ad06dc4e21 100644 --- a/src/modules/Builder/features/ActivityItems/ConditionalPanel/ConditionalPanel.tsx +++ b/src/modules/Builder/features/ActivityItems/ConditionalPanel/ConditionalPanel.tsx @@ -39,7 +39,7 @@ export const ConditionalPanel = ({ condition }: { condition?: ConditionalLogic } setExpanded(prevExpanded => !prevExpanded)} + onClick={() => setExpanded((prevExpanded) => !prevExpanded)} data-testid="builder-conditional-panel-btn"> diff --git a/src/modules/Builder/features/ActivityItems/DeleteItemModal/DeleteItemModal.tsx b/src/modules/Builder/features/ActivityItems/DeleteItemModal/DeleteItemModal.tsx index 237344280f..3a35960fef 100644 --- a/src/modules/Builder/features/ActivityItems/DeleteItemModal/DeleteItemModal.tsx +++ b/src/modules/Builder/features/ActivityItems/DeleteItemModal/DeleteItemModal.tsx @@ -31,19 +31,19 @@ export const DeleteItemModal = ({ const reports: ScoreOrSection[] = watch(reportsField) ?? []; const items: ItemFormValues[] = watch(`${fieldName}.items`) ?? []; const activityFlows: ActivityFlowFormValues[] = watch('activityFlows') ?? []; - const itemIndexToDelete = items?.findIndex(item => itemIdToDelete === getEntityKey(item)); + const itemIndexToDelete = items?.findIndex((item) => itemIdToDelete === getEntityKey(item)); const itemToDelete = items?.[itemIndexToDelete]; const itemName = itemToDelete?.name; const filterConditionalLogicByItem = useFilterConditionalLogicByItem(itemToDelete); const conditionalLogicForItemToDelete = getItemConditionDependencies(itemToDelete, activity?.conditionalLogic); const itemsWithVariablesToRemove = getItemsWithVariable(itemToDelete?.name, items); - const itemsWithVariablesToRemoveString = itemsWithVariablesToRemove.map(item => item.name).join(', '); + const itemsWithVariablesToRemoveString = itemsWithVariablesToRemove.map((item) => item.name).join(', '); const handleRemoveItem = (index: number) => { onRemoveItem(index); - if (activityFlows.some(flow => flow.reportIncludedItemName === itemIdToDelete)) { - const newActivityFlows = activityFlows.map(flow => { + if (activityFlows.some((flow) => flow.reportIncludedItemName === itemIdToDelete)) { + const newActivityFlows = activityFlows.map((flow) => { if (flow.reportIncludedItemName === itemIdToDelete) { return { ...flow, @@ -85,7 +85,7 @@ export const DeleteItemModal = ({ shouldTriggerSubscales = true; setValue( subscaleItemsField, - subscaleItems.filter(id => id !== itemIdToDelete), + subscaleItems.filter((id) => id !== itemIdToDelete), ); } }); @@ -101,13 +101,13 @@ export const DeleteItemModal = ({ if (itemsPrint?.includes(itemIdToDelete)) { shouldTriggerReports = true; - setValue(`${reportField}.itemsPrint`, itemsPrint?.filter(id => id !== itemIdToDelete)); + setValue(`${reportField}.itemsPrint`, itemsPrint?.filter((id) => id !== itemIdToDelete)); } if (type === ScoreReportType.Score) { const { itemsScore } = report; if (itemsScore?.includes(itemIdToDelete)) { shouldTriggerReports = true; - setValue(`${reportField}.itemsScore`, itemsScore?.filter(id => id !== itemIdToDelete)); + setValue(`${reportField}.itemsScore`, itemsScore?.filter((id) => id !== itemIdToDelete)); } conditionalLogic?.forEach((conditional, conditionalIndex) => { const { itemsPrint: conditionalItemsPrint } = conditional; @@ -117,16 +117,16 @@ export const DeleteItemModal = ({ shouldTriggerReports = true; setValue( `${conditionalLogicField}.itemsPrint`, - conditionalItemsPrint?.filter(id => id !== itemIdToDelete), + conditionalItemsPrint?.filter((id) => id !== itemIdToDelete), ); } }); } if (type === ScoreReportType.Section && conditionalLogic) { const { conditions } = conditionalLogic; - if (conditions?.some(condition => condition.itemName === itemIdToDelete)) { + if (conditions?.some((condition) => condition.itemName === itemIdToDelete)) { shouldTriggerReports = true; - const newConditions = conditions.filter(condition => condition.itemName !== itemIdToDelete); + const newConditions = conditions.filter((condition) => condition.itemName !== itemIdToDelete); setValue(`${reportField}.conditionalLogic.conditions`, newConditions); } } diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/Alerts/Alert/Alert.utils.ts b/src/modules/Builder/features/ActivityItems/ItemConfiguration/Alerts/Alert/Alert.utils.ts index 31919f6421..4367351355 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/Alerts/Alert/Alert.utils.ts +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/Alerts/Alert/Alert.utils.ts @@ -16,7 +16,7 @@ const getOptionName = (type: OptionTypes, index: number, optionText = '') => { }; export const getSliderOptions = (min: number, max: number) => - Array.from({ length: max - min + 1 }, (_, i) => i + min).map(item => ({ + Array.from({ length: max - min + 1 }, (_, i) => i + min).map((item) => ({ labelKey: item.toString(), value: item.toString(), })); @@ -117,7 +117,7 @@ export const getSliderRowsItemList = ( const minValueNumber = Number(minValue) < DEFAULT_SLIDER_ROWS_MIN_NUMBER ? DEFAULT_SLIDER_ROWS_MIN_NUMBER : Number(minValue); - return createArray(maxValueNumber - minValueNumber + 1, index => { + return createArray(maxValueNumber - minValueNumber + 1, (index) => { const value = `${minValueNumber + index}`; return { diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/GroupedSelectSearchController/GroupedSelectSearchController.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/GroupedSelectSearchController/GroupedSelectSearchController.tsx index 63f7efc9a9..73c597a50e 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/GroupedSelectSearchController/GroupedSelectSearchController.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/GroupedSelectSearchController/GroupedSelectSearchController.tsx @@ -125,7 +125,7 @@ export const GroupedSelectSearchController = ({ value={searchTerm} onChange={handleSearchChange} onKeyDown={handleSearchKeyDown} - onClick={event => { + onClick={(event) => { event.stopPropagation(); }} InputProps={{ @@ -147,7 +147,7 @@ export const GroupedSelectSearchController = ({ return ( handleTooltipOpen(event, groupValue) : falseReturnFunc} + onMouseEnter={selectOpen ? (event) => handleTooltipOpen(event, groupValue) : falseReturnFunc} onMouseLeave={handleTooltipClose} isHidden={isHidden} key={groupValue} diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/GroupedSelectSearchController/GroupedSelectSearchController.utils.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/GroupedSelectSearchController/GroupedSelectSearchController.utils.tsx index 80f17cde64..d422880a5a 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/GroupedSelectSearchController/GroupedSelectSearchController.utils.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/GroupedSelectSearchController/GroupedSelectSearchController.utils.tsx @@ -23,10 +23,10 @@ export const getIsNotHaveSearchValue = (value: string, searchTermLowercase: stri t(value).toLowerCase().indexOf(searchTermLowercase) === -1; export const getItemTypesNames = (): string[] => - Object.keys(ItemResponseType).map(key => t(ItemResponseType[key as keyof typeof ItemResponseType]).toLowerCase()); + Object.keys(ItemResponseType).map((key) => t(ItemResponseType[key as keyof typeof ItemResponseType]).toLowerCase()); export const getEmptyComponent = (searchTerm: string) => { - if (getItemTypesNames().some(name => name.includes(searchTerm.toLowerCase()))) return null; + if (getItemTypesNames().some((name) => name.includes(searchTerm.toLowerCase()))) return null; const MAX_SEARCH_VALUE_LENGTH = 80; const searchValue = diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/GroupedSelectSearchController/ItemTypeTooltip/TooltipComponents/Selection.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/GroupedSelectSearchController/ItemTypeTooltip/TooltipComponents/Selection.tsx index d9682e5cf4..c3f5a5eb39 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/GroupedSelectSearchController/ItemTypeTooltip/TooltipComponents/Selection.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/GroupedSelectSearchController/ItemTypeTooltip/TooltipComponents/Selection.tsx @@ -22,7 +22,7 @@ export const Selection = ({ uiType }: SelectionProps) => { return ( <> - {createArray(3, index => ( + {createArray(3, (index) => ( diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/AudioPlayer/RecordAudio/RecordAudio.hooks.ts b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/AudioPlayer/RecordAudio/RecordAudio.hooks.ts index 8a1e0f11a4..290edfdb21 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/AudioPlayer/RecordAudio/RecordAudio.hooks.ts +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/AudioPlayer/RecordAudio/RecordAudio.hooks.ts @@ -13,7 +13,7 @@ export const useAudioRecorder: () => RecorderControls = () => { const startTimer = () => { const interval = setInterval(() => { - setRecordingTime(time => time + 1); + setRecordingTime((time) => time + 1); }, 1000); setTimerInterval(interval); }; @@ -28,7 +28,7 @@ export const useAudioRecorder: () => RecorderControls = () => { navigator.mediaDevices .getUserMedia({ audio: true }) - .then(stream => { + .then((stream) => { setIsStopped(false); setIsRecording(true); const recorder: MediaRecorder = new MediaRecorder(stream); @@ -36,11 +36,11 @@ export const useAudioRecorder: () => RecorderControls = () => { recorder.start(); startTimer(); - recorder.addEventListener('dataavailable', event => { + recorder.addEventListener('dataavailable', (event) => { setRecordingBlob([...recordingBlob, event.data]); }); }) - .catch(err => console.warn(err)); + .catch((err) => console.warn(err)); }, [timerInterval]); const togglePauseResume = () => { diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionOption/RemoveOptionPopup/RemoveOptionPopup.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionOption/RemoveOptionPopup/RemoveOptionPopup.tsx index 15c80f0eb3..06e40da337 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionOption/RemoveOptionPopup/RemoveOptionPopup.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionOption/RemoveOptionPopup/RemoveOptionPopup.tsx @@ -41,7 +41,7 @@ export const RemoveOptionPopup = ({ ? It will also remove the Conditional(s) below - {conditions?.map(conditionalLogic => ( + {conditions?.map((conditionalLogic) => ( ))} diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionOption/SelectionOption.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionOption/SelectionOption.tsx index b775ca1bf7..60db5b0ad5 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionOption/SelectionOption.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionOption/SelectionOption.tsx @@ -78,7 +78,7 @@ export const SelectionOption = ({ const groupedConditions = getObjectFromList(dependentConditions); const handleOptionToggle = () => - setOptionsOpen(prevState => + setOptionsOpen((prevState) => prevState.map((optionOpen, optionIndex) => { if (optionIndex === index) return !optionOpen; @@ -237,7 +237,7 @@ export const SelectionOption = ({ name={optionTextName} label={t('optionText')} placeholder={t('textForOption', { index: index + 1 })} - onChange={event => + onChange={(event) => handleOptionTextChange({ event, fieldName: optionTextName, diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionRows/Header/Header.utils.ts b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionRows/Header/Header.utils.ts index 83a853d27f..73640e2cad 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionRows/Header/Header.utils.ts +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionRows/Header/Header.utils.ts @@ -4,7 +4,7 @@ import { createArray } from 'shared/utils'; const { t } = i18n; export const getMultipleSelectionRowsOptions = () => - createArray(3, index => ({ + createArray(3, (index) => ({ value: `${index + 1}`, labelKey: t('selectionRowsOption', { count: index + 1 }), })); diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionRows/SelectionRows.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionRows/SelectionRows.tsx index a7b1351bab..abbd4beeab 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionRows/SelectionRows.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SelectionRows/SelectionRows.tsx @@ -30,7 +30,7 @@ export const SelectionRows = ({ name, isSingle }: SelectionRowsProps) => { const hasScores = get(settings, ItemConfigurationSettings.HasScores); const hasAlerts = get(settings, ItemConfigurationSettings.HasAlerts); - const handleCollapse = () => setIsExpanded(prevExpanded => !prevExpanded); + const handleCollapse = () => setIsExpanded((prevExpanded) => !prevExpanded); const handleAddRow = () => { const newRow = getEmptySelectionItem(); diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SliderRows/SliderPanel/SliderPanel.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SliderRows/SliderPanel/SliderPanel.tsx index 5d25c7fafa..031ad506fd 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SliderRows/SliderPanel/SliderPanel.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SliderRows/SliderPanel/SliderPanel.tsx @@ -75,7 +75,7 @@ export const SliderPanel = ({ name, label, index, isMultiple = false, onRemove } const hasAlerts = get(settings, ItemConfigurationSettings.HasAlerts); const defaultMinNumberValue = isMultiple ? DEFAULT_SLIDER_ROWS_MIN_NUMBER : DEFAULT_SLIDER_MIN_NUMBER; - const handleCollapse = () => setIsExpanded(prevExpanded => !prevExpanded); + const handleCollapse = () => setIsExpanded((prevExpanded) => !prevExpanded); const validationCheck = minValue !== '' && maxValue !== '' && @@ -228,7 +228,7 @@ export const SliderPanel = ({ name, label, index, isMultiple = false, onRemove } control={control} name={sliderLabelName} label={t('sliderLabel')} - onChange={event => + onChange={(event) => handleLabelChange({ event, fieldName: sliderLabelName, @@ -245,7 +245,7 @@ export const SliderPanel = ({ name, label, index, isMultiple = false, onRemove } control={control} name={sliderMinLabelName} label={t('minLabel')} - onChange={event => + onChange={(event) => handleLabelChange({ event, fieldName: sliderMinLabelName, @@ -259,7 +259,7 @@ export const SliderPanel = ({ name, label, index, isMultiple = false, onRemove } control={control} name={sliderMaxLabelName} label={t('maxLabel')} - onChange={event => + onChange={(event) => handleLabelChange({ event, fieldName: sliderMaxLabelName, diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SliderRows/SliderRows.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SliderRows/SliderRows.tsx index 209bd66814..5ec828d452 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SliderRows/SliderRows.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/InputTypeItems/SliderRows/SliderRows.tsx @@ -31,7 +31,7 @@ export const SliderRows = ({ name, isMultiple = false }: SliderProps) => { if (id && isMultiple && alerts?.length) { setValue( alertsName, - alerts.filter(alert => alert.sliderId !== id), + alerts.filter((alert) => alert.sliderId !== id), ); } }; diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/ItemConfiguration.utils.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/ItemConfiguration.utils.tsx index 56988b3f49..83a780fd6b 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/ItemConfiguration.utils.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/ItemConfiguration.utils.tsx @@ -151,7 +151,7 @@ export const checkIfQuestionIncludesVariables = (question: string, items: ItemFo const itemsObject = getObjectFromList(items, ({ name }) => name); const variableNames = getTextBetweenBrackets(question); - return variableNames.some(variable => !!itemsObject[variable]); + return variableNames.some((variable) => !!itemsObject[variable]); }; export const checkIfItemHasRequiredOptions = (config: Config) => { diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/OptionalItemsAndSettings/OptionalItemsAndSettings.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/OptionalItemsAndSettings/OptionalItemsAndSettings.tsx index 9ddcbf6340..b364c4c8b2 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/OptionalItemsAndSettings/OptionalItemsAndSettings.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/OptionalItemsAndSettings/OptionalItemsAndSettings.tsx @@ -101,7 +101,7 @@ export const OptionalItemsAndSettings = forwardRef [...prevState, true]); + setOptionsOpen((prevState) => [...prevState, true]); }; const handleAddSingleOrMultipleRow = () => { @@ -120,7 +120,7 @@ export const OptionalItemsAndSettings = forwardRef { removeOptions(index); - setOptionsOpen(prevState => { + setOptionsOpen((prevState) => { const newOptionsOpen = [...prevState]; newOptionsOpen.splice(index, 1); diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/OptionalItemsAndSettings/SkippedItemInVariablesModal/SkippedItemInVariablesModal.hooks.ts b/src/modules/Builder/features/ActivityItems/ItemConfiguration/OptionalItemsAndSettings/SkippedItemInVariablesModal/SkippedItemInVariablesModal.hooks.ts index 282a56404c..2a95d24c42 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/OptionalItemsAndSettings/SkippedItemInVariablesModal/SkippedItemInVariablesModal.hooks.ts +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/OptionalItemsAndSettings/SkippedItemInVariablesModal/SkippedItemInVariablesModal.hooks.ts @@ -47,7 +47,7 @@ export const useCheckIfItemHasVariables = (itemField: string) => { return { isPopupVisible, skippedItemName: name, - itemNamesWithSkippedItem: itemNamesWithSkippedItemRef.current?.map(item => item.name).join(', '), + itemNamesWithSkippedItem: itemNamesWithSkippedItemRef.current?.map((item) => item.name).join(', '), onPopupConfirm, }; }; diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/Settings/ColorPalette/ColorPalette.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/Settings/ColorPalette/ColorPalette.tsx index 2d8d862157..1b2b94459b 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/Settings/ColorPalette/ColorPalette.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/Settings/ColorPalette/ColorPalette.tsx @@ -8,7 +8,7 @@ import { ColorPalettePicker } from './ColorPalettePicker'; export const ColorPalette = ({ name, onRemovePalette }: ColorPaletteProps) => { const [isExpanded, setIsExpanded] = useState(true); - const handleCollapse = () => setIsExpanded(prevExpanded => !prevExpanded); + const handleCollapse = () => setIsExpanded((prevExpanded) => !prevExpanded); return ( { {SELECTION_OPTIONS_COLOR_PALETTE.map(({ name, colors }) => ( - {colors.map(hex => ( + {colors.map((hex) => ( ))} diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/Settings/ItemSettingsController/ItemSettingsController.test.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/Settings/ItemSettingsController/ItemSettingsController.test.tsx index 00c1c48cdc..dd48b1eefb 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/Settings/ItemSettingsController/ItemSettingsController.test.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/Settings/ItemSettingsController/ItemSettingsController.test.tsx @@ -23,14 +23,14 @@ import { ItemConfigurationSettings } from '../../ItemConfiguration.types'; import { ItemSettingsController } from './ItemSettingsController'; import { ItemSettingsGroupNames } from './ItemSettingsController.const'; -const getMockedAppletFormData = item => ({ +const getMockedAppletFormData = (item) => ({ ...mockedAppletFormData, activities: [{ ...mockedAppletFormData.activities[0], items: [item] }], }); const expandAllPanels = () => { const collapseButtons = document.querySelectorAll('.svg-navigate-down'); - collapseButtons.forEach(button => { + collapseButtons.forEach((button) => { fireEvent.click(button); }); }; @@ -59,7 +59,7 @@ const mockedSliderWithScores = { const mockedSingleSelectWithoutScores = { ...mockedSingleSelectFormValues, responseValues: { - options: mockedSingleSelectFormValues.responseValues.options.map(option => ({ + options: mockedSingleSelectFormValues.responseValues.options.map((option) => ({ ...option, score: undefined, })), @@ -115,7 +115,7 @@ const mockedSingleSelectWithNullableScores = { ...mockedSingleSelectFormValues, responseValues: { ...mockedSingleSelectFormValues.responseValues, - options: mockedSingleSelectFormValues.responseValues.options.map(option => ({ + options: mockedSingleSelectFormValues.responseValues.options.map((option) => ({ ...option, score: 0, })), @@ -435,7 +435,7 @@ describe('ItemSettingsController', () => { }); const mockedGroups = mockedSettingGroupsByType[inputType]; - const groups = screen.queryAllByTestId(content => + const groups = screen.queryAllByTestId((content) => content.startsWith('builder-activity-items-item-settings-group-container'), ); diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/Settings/ItemSettingsController/ItemSettingsGroup/ItemSettingsGroup.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/Settings/ItemSettingsController/ItemSettingsGroup/ItemSettingsGroup.tsx index 68e9bb3328..84bbe4babb 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/Settings/ItemSettingsController/ItemSettingsGroup/ItemSettingsGroup.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/Settings/ItemSettingsController/ItemSettingsGroup/ItemSettingsGroup.tsx @@ -61,7 +61,7 @@ export const ItemSettingsGroup = ({ const subscalesName = `${fieldName}.subscaleSetting.subscales`; const config = getValues(`${itemName}.config`) ?? {}; - const handleCollapse = () => setIsExpanded(prevExpanded => !prevExpanded); + const handleCollapse = () => setIsExpanded((prevExpanded) => !prevExpanded); const handleTimerChange = (event: SelectEvent) => { setValue(`${name}.${ItemConfigurationSettings.HasTimer}`, +event.target.value || DEFAULT_ACTIVE_TIMER_VALUE); }; @@ -85,7 +85,7 @@ export const ItemSettingsGroup = ({ {isExpanded && ( - {groupOptions.map(settingKey => { + {groupOptions.map((settingKey) => { const isMultiOrSingleRows = inputType === ItemResponseType.SingleSelectionPerRow || inputType === ItemResponseType.MultipleSelectionPerRow; diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__mocks__/mock.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__mocks__/mock.tsx index 576c3d317d..904d8fc1d4 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__mocks__/mock.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__mocks__/mock.tsx @@ -47,7 +47,7 @@ export const getAppletFormDataWithItem = (item = mockedEmptyItem, activity) => ( }, ], }); -export const getAppletFormDataWithItemWithPalette = paletteName => { +export const getAppletFormDataWithItemWithPalette = (paletteName) => { const item = { ...mockedSingleSelectFormValues, responseValues: { @@ -67,7 +67,7 @@ export const getAppletFormDataWithItemWithPalette = paletteName => { return getAppletFormDataWithItem(item); }; /* eslint no-underscore-dangle: 0 */ -export const removeUuidValues = item => { +export const removeUuidValues = (item) => { const newItem = { ...item }; delete newItem.key; @@ -80,7 +80,7 @@ export const removeUuidValues = item => { ? { ...item.responseValues, ...(item.responseValues.options && { - options: item.responseValues.options.map(option => { + options: item.responseValues.options.map((option) => { const newOption = { ...option }; delete newOption.id; @@ -90,7 +90,7 @@ export const removeUuidValues = item => { }), }), ...(item.responseValues.rows && { - rows: item.responseValues.rows.map(row => { + rows: item.responseValues.rows.map((row) => { const newRow = { ...row }; delete newRow.id; @@ -103,7 +103,7 @@ export const removeUuidValues = item => { : undefined, }; }; -export const setItemResponseType = responseType => { +export const setItemResponseType = (responseType) => { const itemType = screen.getByTestId(mockedTypeTestid); const typeButton = itemType.querySelector('[role="button"]'); fireEvent.mouseDown(typeButton); @@ -111,7 +111,7 @@ export const setItemResponseType = responseType => { const option = screen.getByTestId(`${mockedOptionTestid}-${responseType}`); fireEvent.click(option); }; -export const setItemConfigSetting = async setting => { +export const setItemConfigSetting = async (setting) => { const settingsButton = screen.getByTestId(`${mockedTestid}-settings`); fireEvent.click(settingsButton); @@ -119,7 +119,7 @@ export const setItemConfigSetting = async setting => { const drawer = screen.getByTestId(`${mockedTestid}-settings-drawer`); const collapsedSections = drawer.querySelectorAll('.svg-navigate-down'); - collapsedSections.forEach(section => { + collapsedSections.forEach((section) => { fireEvent.click(section); }); }); @@ -133,7 +133,7 @@ export const setItemConfigSetting = async setting => { export const renderItemConfiguration = (name = mockedItemName) => ; -export const renderItemConfigurationByType = responseType => { +export const renderItemConfigurationByType = (responseType) => { const ref = createRef(); renderWithAppletFormData({ diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationAudioPlayer.test.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationAudioPlayer.test.tsx index 80a80c43b5..0a42c4ceda 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationAudioPlayer.test.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationAudioPlayer.test.tsx @@ -8,9 +8,9 @@ import { mockedItemName, mockedTestid, renderItemConfigurationByType } from '../ const mockedAudioTestid = `${mockedTestid}-audio-player`; -const renderAudioPlayer = itemProps => renderItemConfigurationByType(ItemResponseType.AudioPlayer); +const renderAudioPlayer = (itemProps) => renderItemConfigurationByType(ItemResponseType.AudioPlayer); -const selectAudioType = isUpload => { +const selectAudioType = (isUpload) => { fireEvent.click(screen.getByTestId(`${mockedAudioTestid}-add`)); fireEvent.click(screen.getByTestId(`${mockedAudioTestid}-${isUpload ? 'upload' : 'record'}`)); diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationDisplayedContent.test.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationDisplayedContent.test.tsx index b548366357..da3cf8ccaa 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationDisplayedContent.test.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationDisplayedContent.test.tsx @@ -20,7 +20,7 @@ import { const mockedItemId = mockedSingleSelectFormValues.id; -const renderItemConfig = item => { +const renderItemConfig = (item) => { const ref = createRef(); renderWithAppletFormData({ diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationSelectionRows.test.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationSelectionRows.test.tsx index 0facb698e5..4a9ec26020 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationSelectionRows.test.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationSelectionRows.test.tsx @@ -17,7 +17,7 @@ import { } from '../__mocks__'; import { ItemConfigurationSettings } from '../ItemConfiguration.types'; -const renderSelectionRows = responseType => { +const renderSelectionRows = (responseType) => { const ref = createRef(); renderWithAppletFormData({ @@ -30,7 +30,7 @@ const renderSelectionRows = responseType => { return ref; }; -const setOption = optionNumber => { +const setOption = (optionNumber) => { const select = screen.getByTestId(`${mockedDataTestid}-options-select`); fireEvent.mouseDown(select.querySelector('[role="button"]')); diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationSliderRows.test.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationSliderRows.test.tsx index 3ddcc9bc79..e404cc9f29 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationSliderRows.test.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationSliderRows.test.tsx @@ -18,9 +18,9 @@ import { } from '../__mocks__'; import { ItemConfigurationSettings } from '../ItemConfiguration.types'; -const getDataTestidRegex = isSliderRows => +const getDataTestidRegex = (isSliderRows) => `builder-activity-items-item-configuration-slider${isSliderRows ? '-rows-\\d+' : ''}`; -const renderSlider = responseType => { +const renderSlider = (responseType) => { const ref = createRef(); renderWithAppletFormData({ @@ -92,28 +92,28 @@ describe('ItemConfiguration: Slider & Slider Rows', () => { const minLabels = screen.getAllByTestId(new RegExp(`${dataTestidRegex}-min-label`)); const maxLabels = screen.getAllByTestId(new RegExp(`${dataTestidRegex}-max-label`)); - minLabels.forEach(label => { + minLabels.forEach((label) => { expect(label).toBeVisible(); expect(label.querySelector('label')).toHaveTextContent('Min Label'); }); - maxLabels.forEach(label => { + maxLabels.forEach((label) => { expect(label).toBeVisible(); expect(label.querySelector('label')).toHaveTextContent('Max Label'); }); const sliders = screen.getAllByTestId(new RegExp(`${dataTestidRegex}-slider`)); - sliders.forEach(slider => { + sliders.forEach((slider) => { expect(slider).toBeVisible(); }); const minValues = screen.getAllByTestId(new RegExp(`${dataTestidRegex}-min-value`)); const maxValues = screen.getAllByTestId(new RegExp(`${dataTestidRegex}-max-value`)); - minValues.forEach(value => { + minValues.forEach((value) => { expect(value).toBeVisible(); expect(value.querySelector('label')).toHaveTextContent('Min Value'); expect(value.querySelector('input')).toHaveValue(isSliderRows ? 1 : 0); }); - maxValues.forEach(value => { + maxValues.forEach((value) => { expect(value).toBeVisible(); expect(value.querySelector('label')).toHaveTextContent('Max Value'); expect(value.querySelector('input')).toHaveValue(isSliderRows ? 5 : 12); @@ -325,7 +325,7 @@ describe('ItemConfiguration: Slider & Slider Rows', () => { fireEvent.mouseDown(optionSelectButton); expect( [...screen.getByTestId(`${mockedAlertsTestid}-1-slider-rows-value-dropdown`).querySelectorAll('li')].filter( - li => !li.classList.contains('hidden-menu-item'), + (li) => !li.classList.contains('hidden-menu-item'), ), ).toHaveLength(4); }); diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationText.test.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationText.test.tsx index 5cc37725d8..d522ab45ea 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationText.test.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationText.test.tsx @@ -23,7 +23,7 @@ describe('ItemConfiguration: Text', () => { const textInput = text.querySelector('input'); const maxLength = screen.getByTestId(`${mockedTextTestid}-max-length`); - [title, description, text, maxLength].forEach(element => { + [title, description, text, maxLength].forEach((element) => { expect(element).toBeVisible(); }); diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationTimeDate.test.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationTimeDate.test.tsx index c440eb3ffa..aea203593d 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationTimeDate.test.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationTimeDate.test.tsx @@ -32,7 +32,7 @@ describe('Item Configuration: Date/Time/Time Range', () => { const startTime = screen.getByTestId(`${testId}-input-start`).querySelector('input'); const endTime = screen.getByTestId(`${testId}-input-end`).querySelector('input'); - [startTime, endTime].forEach(input => { + [startTime, endTime].forEach((input) => { expect(input).toBeVisible(); expect(input).toBeDisabled(); }); diff --git a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationType.test.tsx b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationType.test.tsx index 57f6fafdd0..1ade8086bc 100644 --- a/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationType.test.tsx +++ b/src/modules/Builder/features/ActivityItems/ItemConfiguration/__tests__/ItemConfigurationType.test.tsx @@ -56,14 +56,14 @@ describe('ItemConfiguration: Item Type', () => { const typeButton = type.querySelector('[role="button"]'); fireEvent.mouseDown(typeButton); - mockedItemTypes.forEach(itemType => { + mockedItemTypes.forEach((itemType) => { const option = screen.getByTestId(`${mockedOptionTestid}-${itemType}`); expect(option).toHaveAttribute('data-value', itemType); if (mockedItemTypesMobileOnly.includes(itemType)) expect(option).toHaveTextContent(/mobile only$/i); }); - mockedItemTypeGroups.forEach(groupName => { + mockedItemTypeGroups.forEach((groupName) => { const group = screen.getByTestId(`${mockedGroupTestid}-${groupName}`); expect(group).toBeInTheDocument(); @@ -85,7 +85,7 @@ describe('ItemConfiguration: Item Type', () => { const typeButton = type.querySelector('[role="button"]'); fireEvent.mouseDown(typeButton); - const options = screen.getAllByTestId(testId => testId.startsWith(mockedOptionTestid)); + const options = screen.getAllByTestId((testId) => testId.startsWith(mockedOptionTestid)); expect(options).toHaveLength(expected); }); @@ -126,12 +126,12 @@ describe('ItemConfiguration: Item Type', () => { const searchInput = search.querySelector('input'); fireEvent.change(searchInput, { target: { value: searchText } }); - const itemTypes = screen.getAllByTestId(testId => testId.startsWith(mockedOptionTestid)); - const visibleItemTypes = itemTypes.filter(itemType => window.getComputedStyle(itemType).display !== 'none'); + const itemTypes = screen.getAllByTestId((testId) => testId.startsWith(mockedOptionTestid)); + const visibleItemTypes = itemTypes.filter((itemType) => window.getComputedStyle(itemType).display !== 'none'); expect(visibleItemTypes).toHaveLength(expected); - visibleItemTypes.forEach(itemType => { + visibleItemTypes.forEach((itemType) => { expect(itemType.querySelector('.highlighted-text')).toHaveTextContent(new RegExp(`^${searchText}$`, 'i')); }); diff --git a/src/modules/Builder/features/ActivityItems/LeftBar/LeftBar.tsx b/src/modules/Builder/features/ActivityItems/LeftBar/LeftBar.tsx index 0ea86599b9..3d66059053 100644 --- a/src/modules/Builder/features/ActivityItems/LeftBar/LeftBar.tsx +++ b/src/modules/Builder/features/ActivityItems/LeftBar/LeftBar.tsx @@ -63,8 +63,8 @@ export const LeftBar = ({ rootSelector: `.${ACTIVITY_ITEMS_LIST_CLASS}`, targetSelector: `.${ACTIVITY_ITEMS_END_ITEM_CLASS}`, }); - const draggableItems = useMemo(() => itemsData.filter(item => item.allowEdit), [itemsData]); - const systemItems = useMemo(() => itemsData.filter(item => !item.allowEdit), [itemsData]); + const draggableItems = useMemo(() => itemsData.filter((item) => item.allowEdit), [itemsData]); + const systemItems = useMemo(() => itemsData.filter((item) => !item.allowEdit), [itemsData]); useRedirectIfNoMatchedActivityItem(); @@ -83,7 +83,7 @@ export const LeftBar = ({ if (!conditionsToRemove?.length) return onMoveItem(source.index, destination.index); - setConditionalLogicKeysToRemove(conditionsToRemove.map(condition => getEntityKey(condition))); + setConditionalLogicKeysToRemove(conditionsToRemove.map((condition) => getEntityKey(condition))); setSourceIndex(source.index); setDestinationIndex(destination.index); }; @@ -126,7 +126,7 @@ export const LeftBar = ({ if (itemsScore?.includes(itemKey)) { setValue( `${fieldName}.scoresAndReports.reports.${index}.itemsScore`, - itemsScore?.filter(itemId => itemId !== itemKey), + itemsScore?.filter((itemId) => itemId !== itemKey), ); } }); @@ -166,7 +166,7 @@ export const LeftBar = ({ {!!draggableItems?.length && ( setIsDragging(true)} onDragEnd={handleDragEnd}> - {listProvided => ( + {(listProvided) => ( - {conditionalLogicKeysToRemove.map(conditionalLogicKey => ( + {conditionalLogicKeysToRemove.map((conditionalLogicKey) => ( { +const renderActivityItemsFlow = (formData) => { const ref = createRef(); renderWithAppletFormData({ @@ -149,14 +149,14 @@ describe('Activity Items Flow', () => { const oneFlow = screen.getAllByTestId(new RegExp(`^${mockedTestid}-\\d+$`)); expect(oneFlow).toHaveLength(1); - oneFlow.forEach(flow => expect(flow).toBeVisible()); + oneFlow.forEach((flow) => expect(flow).toBeVisible()); fireEvent.click(screen.getByTestId(`${mockedTestid}-add`)); const twoFlows = screen.getAllByTestId(new RegExp(`^${mockedTestid}-\\d+$`)); expect(twoFlows).toHaveLength(2); - twoFlows.forEach(flow => expect(flow).toBeVisible()); + twoFlows.forEach((flow) => expect(flow).toBeVisible()); fireEvent.click(screen.getByTestId(`${mockedTestid}-1-remove`)); @@ -262,7 +262,7 @@ describe('Activity Items Flow', () => { `${mockedTestid}-0-condition-0-selection-value`, `${mockedTestid}-0-summary-match`, `${mockedTestid}-0-summary-item`, - ].forEach(testId => { + ].forEach((testId) => { expect(screen.getByTestId(testId).querySelector('div')).toHaveClass('Mui-error'); }); }); diff --git a/src/modules/Builder/features/ActivityItemsFlow/ItemFlow/ItemFlow.tsx b/src/modules/Builder/features/ActivityItemsFlow/ItemFlow/ItemFlow.tsx index 41f9bfab26..9aeab6b683 100644 --- a/src/modules/Builder/features/ActivityItemsFlow/ItemFlow/ItemFlow.tsx +++ b/src/modules/Builder/features/ActivityItemsFlow/ItemFlow/ItemFlow.tsx @@ -72,7 +72,7 @@ export const ItemFlow = ({ name, index, isStaticActive, onRemove }: ItemFlowProp setExpanded(prev => !prev)} + onClick={() => setExpanded((prev) => !prev)} data-testid={`${dataTestid}-collapse`}> @@ -83,7 +83,7 @@ export const ItemFlow = ({ name, index, isStaticActive, onRemove }: ItemFlowProp onRemove={onRemove} data-testid={dataTestid} open={isExpanded} - onToggle={() => setExpanded(prev => !prev)} + onToggle={() => setExpanded((prev) => !prev)} /> {isExpanded && ( diff --git a/src/modules/Builder/features/ActivityItemsFlow/ItemFlow/ItemFlowContent/ItemFlowContent.tsx b/src/modules/Builder/features/ActivityItemsFlow/ItemFlow/ItemFlowContent/ItemFlowContent.tsx index f757e312b5..a40089aed7 100644 --- a/src/modules/Builder/features/ActivityItemsFlow/ItemFlow/ItemFlowContent/ItemFlowContent.tsx +++ b/src/modules/Builder/features/ActivityItemsFlow/ItemFlow/ItemFlowContent/ItemFlowContent.tsx @@ -21,7 +21,7 @@ export const ItemFlowContent = ({ name, isStatic, onRemove, 'data-testid': dataT const itemKey = watch(`${name}.itemKey`); if (isStatic) { - const staticConditions = createArray(conditions?.length, index => index); + const staticConditions = createArray(conditions?.length, (index) => index); return ( diff --git a/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ConditionContent/ConditionContent.test.tsx b/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ConditionContent/ConditionContent.test.tsx index add44a8241..94c327d01a 100644 --- a/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ConditionContent/ConditionContent.test.tsx +++ b/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ConditionContent/ConditionContent.test.tsx @@ -26,7 +26,7 @@ describe('ConditionContent', () => { const componentsTestIds = ['condition-0', 'condition-1', 'add-condition', 'summary-row-match']; - componentsTestIds.forEach(testId => expect(screen.getByTestId(`${dataTestId}-${testId}`)).toBeInTheDocument()); + componentsTestIds.forEach((testId) => expect(screen.getByTestId(`${dataTestId}-${testId}`)).toBeInTheDocument()); }); }); @@ -74,7 +74,7 @@ describe('ConditionContent', () => { ), }); - [0, 1].forEach(conditionNumber => { + [0, 1].forEach((conditionNumber) => { const itemName = screen.getByTestId(`${dataTestId}-condition-${conditionNumber}-name`).querySelector('input'); itemName && expect(itemName.value).toBe(conditions[conditionNumber].itemName); diff --git a/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoreContent/ScoreContent.test.tsx b/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoreContent/ScoreContent.test.tsx index 6579d01deb..299c40d366 100644 --- a/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoreContent/ScoreContent.test.tsx +++ b/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoreContent/ScoreContent.test.tsx @@ -123,7 +123,7 @@ describe('ScoreContent', () => { async ({ checkboxIndexes, expectedResult }: { checkboxIndexes: number[]; expectedResult: string }) => { renderWithAppletFormData({ children: }); - checkboxIndexes.forEach(index => { + checkboxIndexes.forEach((index) => { const checkboxWrapper = screen.getByTestId(`${dataTestid}-items-score-unselected-checkbox-${index}`); fireEvent.click(within(checkboxWrapper).getByRole('checkbox')); }); diff --git a/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoreContent/ScoreContent.tsx b/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoreContent/ScoreContent.tsx index aa300bc6fb..118bb27d18 100644 --- a/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoreContent/ScoreContent.tsx +++ b/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoreContent/ScoreContent.tsx @@ -68,7 +68,7 @@ export const ScoreContent = ({ const { name: scoreName, id: scoreId, calculationType, itemsScore } = score || {}; const [prevScoreName, setPrevScoreName] = useState(scoreName); const [prevCalculationType, setPrevCalculationType] = useState(calculationType); - const selectedItems = scoreItems?.filter(item => itemsScore?.includes(getEntityKey(item, true))); + const selectedItems = scoreItems?.filter((item) => itemsScore?.includes(getEntityKey(item, true))); const scoreRange = getScoreRange({ items: selectedItems, calculationType, activity }); const scoreRangeLabel = selectedItems?.length ? getScoreRangeLabel(scoreRange) : EMPTY_SCORE_RANGE_LABEL; @@ -190,7 +190,7 @@ export const ScoreContent = ({ }; const onItemsToCalculateScoreChange = (chosenItems: string[] = []) => { - const newSelectedItems = scoreItems?.filter(item => chosenItems?.includes(getEntityKey(item, true))); + const newSelectedItems = scoreItems?.filter((item) => chosenItems?.includes(getEntityKey(item, true))); updateScoreConditionsPayload({ setValue, getValues, diff --git a/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoreContent/ScoreContent.utils.ts b/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoreContent/ScoreContent.utils.ts index 59f2101c5d..ead14ba7df 100644 --- a/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoreContent/ScoreContent.utils.ts +++ b/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoreContent/ScoreContent.utils.ts @@ -83,7 +83,7 @@ export const getScoreRange = ({ items = [], calculationType, activity }: GetScor totalMaxScore = 0; const count = items.length; - items.forEach(item => { + items.forEach((item) => { const { minScore, maxScore } = getItemScoreRange(item); if (!item.config.skippableItem && !activity?.isSkippable) { @@ -125,7 +125,7 @@ const isMessageIncludeScoreId = ({ showMessage, id, message }: IsMessageIncludeS export const getIsScoreIdVariable = ({ id, reports, isScore }: GetIsScoreIdVariable) => { let isVariable = false; - reports?.forEach(report => { + reports?.forEach((report) => { if (isVariable) return; if ( @@ -139,7 +139,7 @@ export const getIsScoreIdVariable = ({ id, reports, isScore }: GetIsScoreIdVaria } if (report.type === ScoreReportType.Score) { - report.conditionalLogic?.forEach(condition => { + report.conditionalLogic?.forEach((condition) => { if (isVariable) return; if ( diff --git a/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoresAndReports.test.tsx b/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoresAndReports.test.tsx index f3feae9ecd..6145f2f858 100644 --- a/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoresAndReports.test.tsx +++ b/src/modules/Builder/features/ActivitySettings/ScoresAndReports/ScoresAndReports.test.tsx @@ -91,7 +91,7 @@ const preloadedState = { describe('ScoreAndReports', () => { beforeEach(() => { - jest.spyOn(window, 'requestAnimationFrame').mockImplementation(cb => cb()); + jest.spyOn(window, 'requestAnimationFrame').mockImplementation((cb) => cb()); }); afterEach(() => { diff --git a/src/modules/Builder/features/ActivitySettings/ScoresAndReports/SectionScoreCommonFields/SectionScoreCommonFields.test.tsx b/src/modules/Builder/features/ActivitySettings/ScoresAndReports/SectionScoreCommonFields/SectionScoreCommonFields.test.tsx index e55ffc72b8..91c020ef9e 100644 --- a/src/modules/Builder/features/ActivitySettings/ScoresAndReports/SectionScoreCommonFields/SectionScoreCommonFields.test.tsx +++ b/src/modules/Builder/features/ActivitySettings/ScoresAndReports/SectionScoreCommonFields/SectionScoreCommonFields.test.tsx @@ -36,7 +36,7 @@ describe('SectionScoreCommonFields component tests', () => { }); const testIds = ['show-message', 'show-message-text', 'print-items', 'print-items-list-unselected']; - testIds.forEach(id => expect(screen.getByTestId(`${dataTestId}-${id}`)).toBeInTheDocument()); + testIds.forEach((id) => expect(screen.getByTestId(`${dataTestId}-${id}`)).toBeInTheDocument()); }); test('should hide and unhide print items field', () => { diff --git a/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/LookupTable/LookupTable.hooks.ts b/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/LookupTable/LookupTable.hooks.ts index 1d125cf81b..6c6640e012 100644 --- a/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/LookupTable/LookupTable.hooks.ts +++ b/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/LookupTable/LookupTable.hooks.ts @@ -30,7 +30,7 @@ export const useSubscaleLookupTableSetup = ({ const mappedData = file.data.map(processImportedData); setError(null); setData(mappedData); - setStep(prevState => ++prevState as Steps); + setStep((prevState) => ++prevState as Steps); }; const onDownloadTemplate = async () => { diff --git a/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/LookupTable/LookupTable.utils.tsx b/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/LookupTable/LookupTable.utils.tsx index e025ac0dbb..72dc51a1fd 100644 --- a/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/LookupTable/LookupTable.utils.tsx +++ b/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/LookupTable/LookupTable.utils.tsx @@ -131,7 +131,7 @@ export const getModalComponents = ({ }; export const processImportedData = (item: Record) => { - Object.keys(item).forEach(k => (item[k] = typeof item[k] === 'string' ? (item[k] as string).trim() : item[k])); + Object.keys(item).forEach((k) => (item[k] = typeof item[k] === 'string' ? (item[k] as string).trim() : item[k])); return { ...item, diff --git a/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.hooks.ts b/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.hooks.ts index 64d12146ec..82506fd423 100644 --- a/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.hooks.ts +++ b/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.hooks.ts @@ -18,11 +18,11 @@ export const useSubscalesSystemItemsSetup = (subscales: SubscaleFormValue[]) => const removeSystemItems = () => setValue( itemsFieldName, - items.filter(item => !isSystemItem(item)), + items.filter((item) => !isSystemItem(item)), ); useEffect(() => { - const hasSubscaleLookupTable = subscales?.some(subscale => !!subscale.subscaleTableData); - const hasSystemItems = items?.some(item => isSystemItem(item)); + const hasSubscaleLookupTable = subscales?.some((subscale) => !!subscale.subscaleTableData); + const hasSystemItems = items?.some((item) => isSystemItem(item)); const shouldAddSubscaleSystemItems = hasSubscaleLookupTable && !hasSystemItems; if (shouldAddSubscaleSystemItems) { diff --git a/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.test.tsx b/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.test.tsx index 58d1bb301d..f4437f290e 100644 --- a/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.test.tsx +++ b/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.test.tsx @@ -39,7 +39,7 @@ const mockedSingleActivityItemWithoutScores = { name: `${mockedSingleActivityItem.name}_no_scores`, responseValues: { ...mockedSingleActivityItem.responseValues, - options: mockedSingleActivityItem.responseValues.options.map(option => ({ + options: mockedSingleActivityItem.responseValues.options.map((option) => ({ ...option, score: undefined, })), @@ -55,7 +55,7 @@ const mockedMultiActivityItemWithoutScores = { name: `${mockedMultiActivityItem.name}_no_scores`, responseValues: { ...mockedMultiActivityItem.responseValues, - options: mockedMultiActivityItem.responseValues.options.map(option => ({ + options: mockedMultiActivityItem.responseValues.options.map((option) => ({ ...option, score: undefined, })), @@ -196,7 +196,7 @@ describe('SubscalesConfiguration', () => { `${mockedTestid}-0-unused-items`, `${mockedTestid}-elements-associated-with-subscales`, `${mockedTestid}-calculate-total-score`, - ].forEach(testId => { + ].forEach((testId) => { expect(screen.getByTestId(testId)).toBeVisible(); }); }); @@ -296,14 +296,14 @@ describe('SubscalesConfiguration', () => { fireEvent.click(screen.getByTestId(`${mockedTestid}-0-lookup-table-popup-submit-button`)); await waitFor(() => { - const addedSystemItems = ref.current.getValues('activities.0.items').filter(item => isSystemItem(item)); + const addedSystemItems = ref.current.getValues('activities.0.items').filter((item) => isSystemItem(item)); expect(addedSystemItems).toHaveLength(2); }); fireEvent.click(screen.getByTestId(`${mockedTestid}-0-remove`)); await waitFor(() => { - const addedSystemItems = ref.current.getValues('activities.0.items').filter(item => isSystemItem(item)); + const addedSystemItems = ref.current.getValues('activities.0.items').filter((item) => isSystemItem(item)); expect(addedSystemItems).toHaveLength(0); }); }); @@ -326,8 +326,8 @@ describe('SubscalesConfiguration', () => { const items = ref.current.getValues('activities.0.items'); expect(items).toHaveLength(4); - expect(items.filter(item => isSystemItem(item))).toHaveLength(2); - expect(items.filter(item => !isSystemItem(item))).toHaveLength(2); + expect(items.filter((item) => isSystemItem(item))).toHaveLength(2); + expect(items.filter((item) => !isSystemItem(item))).toHaveLength(2); }); test('Subscale is removed from the list of elements (cannot make recursive selection)', () => { diff --git a/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.tsx b/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.tsx index 815d80803d..d78770aaa5 100644 --- a/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.tsx +++ b/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.tsx @@ -91,7 +91,7 @@ export const SubscalesConfiguration = () => { }; const calculateTotalScoreSwitchChange = (e: ChangeEvent) => { - setCalculateTotalScoreSwitch(prevState => !prevState); + setCalculateTotalScoreSwitch((prevState) => !prevState); if (e.target.checked) { setValue(calculateTotalScoreField, calculateTotalScore ?? SubscaleTotalScore.Sum, { shouldDirty: true, diff --git a/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.utils.tsx b/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.utils.tsx index b68ee2e5ab..e919c35cc1 100644 --- a/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.utils.tsx +++ b/src/modules/Builder/features/ActivitySettings/SubscalesConfiguration/SubscalesConfiguration.utils.tsx @@ -67,7 +67,7 @@ export const getItemElements = ( }, ]; }, [] as ItemElement[]); - const itemElements = items.map(item => ({ + const itemElements = items.map((item) => ({ id: getEntityKey(item), [SubscaleColumns.Name]: getItemElementName(item), })); @@ -78,8 +78,8 @@ export const getItemElements = ( export const getPropertiesToFilterByIds = (items: ItemFormValues[] = [], subscales: SubscaleFormValue[] = []) => { const itemsMap = getObjectFromList(items); const subscalesMap = getObjectFromList(subscales); - const allSubscaleIds = subscales.map(subscale => getEntityKey(subscale)); - const allItemIds = items.map(item => getEntityKey(item)); + const allSubscaleIds = subscales.map((subscale) => getEntityKey(subscale)); + const allItemIds = items.map((item) => getEntityKey(item)); const mergedIds = allSubscaleIds.concat(allItemIds); const markedUniqueElementsIds = [ ...new Set(subscales.reduce((acc, subscale) => acc.concat(subscale.items), [] as string[])), @@ -141,7 +141,7 @@ export const getUsedWithinSubscalesElements = ( mergedIds: string[], markedUniqueElementsIds: ReturnType['markedUniqueElementsIds'], ) => { - const subscalesWithItemsSet = subscales.map(subscale => ({ + const subscalesWithItemsSet = subscales.map((subscale) => ({ name: subscale.name, itemsSet: subscale.items.reduce((acc, itemId) => acc.add(itemId), new Set()), })); diff --git a/src/modules/Builder/features/ActivitySettings/TitleComponent/TitleComponent.tsx b/src/modules/Builder/features/ActivitySettings/TitleComponent/TitleComponent.tsx index d02dff35fb..fe083cf4eb 100644 --- a/src/modules/Builder/features/ActivitySettings/TitleComponent/TitleComponent.tsx +++ b/src/modules/Builder/features/ActivitySettings/TitleComponent/TitleComponent.tsx @@ -11,7 +11,7 @@ export const TitleComponent = ({ title, name, open }: TitleComponentProps) => { const errorObject = getFieldState(name).error as unknown as Record; const hasErrors = !!errorObject; const errorMessages = hasErrors - ? Object.keys(errorObject).map(key => ({ + ? Object.keys(errorObject).map((key) => ({ message: errorObject[key].message, key, })) diff --git a/src/modules/Builder/features/BuilderAppletSettings/BuilderAppletSettings.tsx b/src/modules/Builder/features/BuilderAppletSettings/BuilderAppletSettings.tsx index 0755d17421..8df88f374b 100644 --- a/src/modules/Builder/features/BuilderAppletSettings/BuilderAppletSettings.tsx +++ b/src/modules/Builder/features/BuilderAppletSettings/BuilderAppletSettings.tsx @@ -16,7 +16,7 @@ export const BuilderAppletSettings = () => { const handleReportConfigSubmit = (values: Record) => { const keys = ['reportRecipients', 'reportIncludeUserId', 'reportEmailBody', 'reportServerIp', 'reportPublicKey']; - keys.forEach(key => setValue(key, values[key])); + keys.forEach((key) => setValue(key, values[key])); }; return ( diff --git a/src/modules/Builder/features/BuilderAppletSettings/BuilderAppletSettings.utils.test.tsx b/src/modules/Builder/features/BuilderAppletSettings/BuilderAppletSettings.utils.test.tsx index 6bf5493ec2..d12394e0e1 100644 --- a/src/modules/Builder/features/BuilderAppletSettings/BuilderAppletSettings.utils.test.tsx +++ b/src/modules/Builder/features/BuilderAppletSettings/BuilderAppletSettings.utils.test.tsx @@ -15,7 +15,7 @@ describe('getSettings', () => { isPublished: true, roles, onReportConfigSubmit: onReportConfigSubmitMock, - }).map(section => section.label), + }).map((section) => section.label), ).toStrictEqual(sections); }); @@ -39,8 +39,8 @@ describe('getSettings', () => { roles, onReportConfigSubmit: onReportConfigSubmitMock, }) - .find(section => section.label === sectionLabel) - ?.items.map(item => item.label), + .find((section) => section.label === sectionLabel) + ?.items.map((item) => item.label), ).toStrictEqual(items); }); }); @@ -52,7 +52,7 @@ describe('getSettings', () => { roles, onReportConfigSubmit: onReportConfigSubmitMock, }) - .map(setting => setting.items) + .map((setting) => setting.items) .flat(); test.each` @@ -65,7 +65,7 @@ describe('getSettings', () => { ${'reportConfiguration'} | ${'report configuration'} ${'concealApplet'} | ${'conceal applet'} `('$description', ({ label }) => { - expect(items.find(item => item.label === label)?.disabled).toBe(true); + expect(items.find((item) => item.label === label)?.disabled).toBe(true); }); }); @@ -86,7 +86,7 @@ describe('getSettings', () => { isPublished: true, roles, onReportConfigSubmit: onReportConfigSubmitMock, - }).find(section => section.label === 'sharing')?.isVisible, + }).find((section) => section.label === 'sharing')?.isVisible, ).toBe(isVisible); }); }); diff --git a/src/modules/Builder/features/PerformanceTasks/Flanker/Flanker.test.tsx b/src/modules/Builder/features/PerformanceTasks/Flanker/Flanker.test.tsx index ce02f009ce..3244951bd8 100644 --- a/src/modules/Builder/features/PerformanceTasks/Flanker/Flanker.test.tsx +++ b/src/modules/Builder/features/PerformanceTasks/Flanker/Flanker.test.tsx @@ -329,7 +329,7 @@ const renderFlanker = (formData = mockedAppletFormDataWithFlanker) => { const expandAllPanels = () => { const collapseButtons = document.querySelectorAll('.svg-navigate-down'); - collapseButtons.forEach(button => { + collapseButtons.forEach((button) => { fireEvent.click(button); }); }; @@ -586,7 +586,7 @@ describe('Flanker', () => { expect(stimulusScreens).toHaveLength(4); - stimulusScreens.forEach(stimulusScreen => { + stimulusScreens.forEach((stimulusScreen) => { expect(stimulusScreen).toBeVisible(); }); }); @@ -647,10 +647,10 @@ describe('Flanker', () => { expect(firstRow.querySelectorAll('td')).toHaveLength(4); expect(secondRow.querySelectorAll('td')).toHaveLength(4); - firstRow.querySelectorAll('td').forEach(cell => { + firstRow.querySelectorAll('td').forEach((cell) => { expect(cell).toHaveTextContent('text'); }); - secondRow.querySelectorAll('td').forEach(cell => { + secondRow.querySelectorAll('td').forEach((cell) => { expect(cell).toHaveTextContent('text'); }); }, diff --git a/src/modules/Builder/features/PerformanceTasks/Flanker/GeneralSettings/StimulusScreen/StimulusContent/StimulusContent.tsx b/src/modules/Builder/features/PerformanceTasks/Flanker/GeneralSettings/StimulusScreen/StimulusContent/StimulusContent.tsx index 657f203e93..b977b4ae75 100644 --- a/src/modules/Builder/features/PerformanceTasks/Flanker/GeneralSettings/StimulusScreen/StimulusContent/StimulusContent.tsx +++ b/src/modules/Builder/features/PerformanceTasks/Flanker/GeneralSettings/StimulusScreen/StimulusContent/StimulusContent.tsx @@ -90,7 +90,7 @@ export const StimulusContent = () => { useEffect(() => { if (hasTwoButtons) return; - const newTrials = stimulusTrials?.map(trial => ({ + const newTrials = stimulusTrials?.map((trial) => ({ ...trial, value: CorrectPress.Left, })); diff --git a/src/modules/Builder/features/PerformanceTasks/Flanker/RoundSettings/BlockSequences/BlockSequencesContent/BlockSequencesContent.tsx b/src/modules/Builder/features/PerformanceTasks/Flanker/RoundSettings/BlockSequences/BlockSequencesContent/BlockSequencesContent.tsx index a0cf7a2ac3..25f049634b 100644 --- a/src/modules/Builder/features/PerformanceTasks/Flanker/RoundSettings/BlockSequences/BlockSequencesContent/BlockSequencesContent.tsx +++ b/src/modules/Builder/features/PerformanceTasks/Flanker/RoundSettings/BlockSequences/BlockSequencesContent/BlockSequencesContent.tsx @@ -41,7 +41,7 @@ export const BlockSequencesContent = ({ const blockSequencesField = `${roundField}.blocks`; const stimulusTrials: FlankerStimulusSettings[] = watch(stimulusField); const blockSequences = watch(blockSequencesField); - const hasStimulusTrials = stimulusTrials?.some(trial => !!trial.image || !!trial.text); + const hasStimulusTrials = stimulusTrials?.some((trial) => !!trial.image || !!trial.text); const prevStimulusTrialsLength = useRef(stimulusTrials?.length); @@ -75,7 +75,7 @@ export const BlockSequencesContent = ({ if ( blockSequences?.length && stimulusTrialsLength === prevStimulusTrialsLength.current && - stimulusTrials.every(trial => !!(trial.image || trial.text)) + stimulusTrials.every((trial) => !!(trial.image || trial.text)) ) { const newUploadedTable = getTableFromSequences(stimulusTrials, blockSequences); newUploadedTable && setUploadedTable({ isInitial: true, data: newUploadedTable }); diff --git a/src/modules/Builder/features/PerformanceTasks/Flanker/RoundSettings/BlockSequences/BlockSequencesContent/BlockSequencesContent.utils.ts b/src/modules/Builder/features/PerformanceTasks/Flanker/RoundSettings/BlockSequences/BlockSequencesContent/BlockSequencesContent.utils.ts index fb377a3584..7a0cac0867 100644 --- a/src/modules/Builder/features/PerformanceTasks/Flanker/RoundSettings/BlockSequences/BlockSequencesContent/BlockSequencesContent.utils.ts +++ b/src/modules/Builder/features/PerformanceTasks/Flanker/RoundSettings/BlockSequences/BlockSequencesContent/BlockSequencesContent.utils.ts @@ -36,17 +36,17 @@ export const getSequencesData = (stimulusTrials: FlankerStimulusSettings[] = []) export const getSequencesHeadCells = (uploadedData?: UploadedDataOrNull): HeadCell[] => uploadedData - ? Object.keys(uploadedData[0]).map(label => ({ + ? Object.keys(uploadedData[0]).map((label) => ({ id: label.toLowerCase().replace(/\s+/g, '-'), label, })) - : createArray(DEFAULT_SEQUENCES_TABLE_COLUMNS, index => ({ + : createArray(DEFAULT_SEQUENCES_TABLE_COLUMNS, (index) => ({ id: `block-${index + 1}`, label: `${t('flankerRound.block')} ${index + 1}`, })); export const getUploadedTableRows = (uploadedData?: UploadedDataOrNull) => - uploadedData?.map(obj => { + uploadedData?.map((obj) => { const updatedObj: Row = {}; // eslint-disable-next-line no-restricted-syntax for (const key in obj) { @@ -73,7 +73,7 @@ export const getRoundBlocks = (stimulusTrials: FlankerStimulusSettings[], upload return Object.keys(uploadedData[0]).reduce((result: { order: string[]; name: string }[], key) => { result.push({ - order: uploadedData.map(obj => obj?.[key]?.id), + order: uploadedData.map((obj) => obj?.[key]?.id), name: key, }); @@ -101,9 +101,9 @@ export const getTableFromSequences = ( }; export const getExportData = (uploadedData?: UploadedDataOrNull) => - uploadedData?.map(obj => { + uploadedData?.map((obj) => { const transformedObj: Record = {}; - Object.keys(obj).forEach(key => { + Object.keys(obj).forEach((key) => { transformedObj[key] = obj[key].text; }); diff --git a/src/modules/Builder/features/PerformanceTasks/Flanker/RoundSettings/BlockSequences/BlockSequencesContent/ImportSequencesPopup/ImportSequencesPopup.tsx b/src/modules/Builder/features/PerformanceTasks/Flanker/RoundSettings/BlockSequences/BlockSequencesContent/ImportSequencesPopup/ImportSequencesPopup.tsx index fd3e82a996..4c33d49d58 100644 --- a/src/modules/Builder/features/PerformanceTasks/Flanker/RoundSettings/BlockSequences/BlockSequencesContent/ImportSequencesPopup/ImportSequencesPopup.tsx +++ b/src/modules/Builder/features/PerformanceTasks/Flanker/RoundSettings/BlockSequences/BlockSequencesContent/ImportSequencesPopup/ImportSequencesPopup.tsx @@ -46,7 +46,7 @@ export const ImportSequencesPopup = ({ const screens = getScreens(isUpload, components); - const incrementStep = () => setStep(prevStep => prevStep + 1); + const incrementStep = () => setStep((prevStep) => prevStep + 1); const onSubmit = () => { switch (step) { diff --git a/src/modules/Builder/features/PerformanceTasks/GyroscopeAndTouch/GyroscopeAndTouch.test.tsx b/src/modules/Builder/features/PerformanceTasks/GyroscopeAndTouch/GyroscopeAndTouch.test.tsx index ec6237a190..4e8bec5a29 100644 --- a/src/modules/Builder/features/PerformanceTasks/GyroscopeAndTouch/GyroscopeAndTouch.test.tsx +++ b/src/modules/Builder/features/PerformanceTasks/GyroscopeAndTouch/GyroscopeAndTouch.test.tsx @@ -161,12 +161,12 @@ const mockedAppletFormDataWithTouch = { const expandAllPanels = () => { const collapseButtons = document.querySelectorAll('.svg-navigate-down'); - collapseButtons.forEach(button => { + collapseButtons.forEach((button) => { fireEvent.click(button); }); }; -const renderGyroscopeOrTouch = isGyroscope => { +const renderGyroscopeOrTouch = (isGyroscope) => { const ref = createRef(); const formData = isGyroscope ? mockedAppletFormDataWithGyroscope : mockedAppletFormDataWithTouch; const routePath = isGyroscope ? page.builderAppletGyroscope : page.builderAppletTouch; diff --git a/src/modules/Builder/features/ReportConfigSetting/ReportConfigSetting.schema.ts b/src/modules/Builder/features/ReportConfigSetting/ReportConfigSetting.schema.ts index 9938cc777b..2089aa2b63 100644 --- a/src/modules/Builder/features/ReportConfigSetting/ReportConfigSetting.schema.ts +++ b/src/modules/Builder/features/ReportConfigSetting/ReportConfigSetting.schema.ts @@ -12,7 +12,7 @@ export const reportConfigSchema = (isActivity: boolean, isActivityFlow: boolean) const reportIncludedItemName = { reportIncludedItemName: yup.string().when('itemValue', { is: true, - then: schema => schema.required(t('pleaseSelectItem')), + then: (schema) => schema.required(t('pleaseSelectItem')), }), }; @@ -25,7 +25,7 @@ export const reportConfigSchema = (isActivity: boolean, isActivityFlow: boolean) ...reportIncludedItemName, reportIncludedActivityName: yup.string().when('itemValue', { is: true, - then: schema => schema.required(t('pleaseSelectActivity')), + then: (schema) => schema.required(t('pleaseSelectActivity')), }), } : {}), diff --git a/src/modules/Builder/features/ReportConfigSetting/ReportConfigSetting.tsx b/src/modules/Builder/features/ReportConfigSetting/ReportConfigSetting.tsx index 7fe664d39c..466c7f699a 100644 --- a/src/modules/Builder/features/ReportConfigSetting/ReportConfigSetting.tsx +++ b/src/modules/Builder/features/ReportConfigSetting/ReportConfigSetting.tsx @@ -128,7 +128,7 @@ export const ReportConfigSetting = ({ onSubmitSuccess, 'data-testid': dataTestid const selectedActivity = isActivityFlow && reportIncludedActivity - ? appletFormValues?.activities?.find(activity => getEntityKey(activity) === reportIncludedActivity) + ? appletFormValues?.activities?.find((activity) => getEntityKey(activity) === reportIncludedActivity) : null; const { onVerify, onSetPassword } = useCheckReportServer({ @@ -142,7 +142,7 @@ export const ReportConfigSetting = ({ onSubmitSuccess, 'data-testid': dataTestid if (value.length) { setValue('email', ''); - if (!reportRecipients.some(item => item === value)) { + if (!reportRecipients.some((item) => item === value)) { setValue('reportRecipients', [...reportRecipients, value]); } } @@ -200,7 +200,7 @@ export const ReportConfigSetting = ({ onSubmitSuccess, 'data-testid': dataTestid const handleSaveActivityReportConfig = async () => { const { itemValue, reportIncludedItemName: reportIncludedItemKey } = getValues() ?? {}; - const selectedItem = activity?.items.find(item => getEntityKey(item) === reportIncludedItemKey); + const selectedItem = activity?.items.find((item) => getEntityKey(item) === reportIncludedItemKey); await postActivityReportConfig({ appletId: appletData?.id ?? '', @@ -219,7 +219,7 @@ export const ReportConfigSetting = ({ onSubmitSuccess, 'data-testid': dataTestid reportIncludedActivityName: reportIncludedActivityKey, reportIncludedItemName: reportIncludedItemKey, } = getValues() ?? {}; - const selectedItem = selectedActivity?.items.find(item => getEntityKey(item) === reportIncludedItemKey); + const selectedItem = selectedActivity?.items.find((item) => getEntityKey(item) === reportIncludedItemKey); await postActivityFlowReportConfig({ appletId: appletData?.id ?? '', @@ -274,7 +274,7 @@ export const ReportConfigSetting = ({ onSubmitSuccess, 'data-testid': dataTestid await handleSaveReportConfig(); }; - const passwordSubmit: AppletPasswordPopupProps['submitCallback'] = passwordRef => { + const passwordSubmit: AppletPasswordPopupProps['submitCallback'] = (passwordRef) => { handleSetPassword(passwordRef.current?.password ?? ''); }; @@ -297,7 +297,7 @@ export const ReportConfigSetting = ({ onSubmitSuccess, 'data-testid': dataTestid return null; }; - const itemName = getActivityItems()?.find(item => getEntityKey(item) === reportIncludedItemName)?.name; + const itemName = getActivityItems()?.find((item) => getEntityKey(item) === reportIncludedItemName)?.name; const subjectDataProps = { setValue, @@ -373,7 +373,7 @@ export const ReportConfigSetting = ({ onSubmitSuccess, 'data-testid': dataTestid setSettingsOpen(prevState => !prevState)} + onClick={() => setSettingsOpen((prevState) => !prevState)} endIcon={ diff --git a/src/modules/Builder/features/ReportConfigSetting/ReportConfigSetting.utils.ts b/src/modules/Builder/features/ReportConfigSetting/ReportConfigSetting.utils.ts index 2adc68fbcc..9db59da04b 100644 --- a/src/modules/Builder/features/ReportConfigSetting/ReportConfigSetting.utils.ts +++ b/src/modules/Builder/features/ReportConfigSetting/ReportConfigSetting.utils.ts @@ -12,7 +12,7 @@ export const getActivitiesOptions = (activityFlow?: ActivityFlowFormValues, appl if (!activities || !activityFlowItems) return []; return activityFlowItems.reduce((acc: { value: string; labelKey: string }[], { activityKey }) => { - const activity = activities.find(activity => activityKey === getEntityKey(activity)); + const activity = activities.find((activity) => activityKey === getEntityKey(activity)); const activityName = activity?.name; if (activityName && !uniqueValuesSet.has(activityKey)) { @@ -28,7 +28,7 @@ export const getActivitiesOptions = (activityFlow?: ActivityFlowFormValues, appl }; export const getActivityItemsOptions = (activity?: ActivityFormValues | null) => - activity?.items?.map(item => ({ + activity?.items?.map((item) => ({ value: getEntityKey(item), labelKey: item.name, })) || []; diff --git a/src/modules/Builder/features/SaveAndPublish/SaveAndPublish.hooks.ts b/src/modules/Builder/features/SaveAndPublish/SaveAndPublish.hooks.ts index 7deac95d3c..c3272f0b47 100644 --- a/src/modules/Builder/features/SaveAndPublish/SaveAndPublish.hooks.ts +++ b/src/modules/Builder/features/SaveAndPublish/SaveAndPublish.hooks.ts @@ -55,7 +55,7 @@ export const useAppletDataFromForm = () => { ...appletInfo, displayName: getSanitizedContent(appletInfo.displayName, true, true), activities: appletInfo?.activities.map( - activity => + (activity) => ({ ...activity, key: activity.id || activity.key, @@ -114,7 +114,7 @@ export const useCheckIfHasAtLeastOneItem = () => { return () => { const body = getAppletData(); - return (body?.activities ?? []).every(activity => Boolean(activity.items?.length)); + return (body?.activities ?? []).every((activity) => Boolean(activity.items?.length)); }; }; diff --git a/src/modules/Builder/features/SaveAndPublish/SaveAndPublish.utils.ts b/src/modules/Builder/features/SaveAndPublish/SaveAndPublish.utils.ts index ef61863c12..0a90feb508 100644 --- a/src/modules/Builder/features/SaveAndPublish/SaveAndPublish.utils.ts +++ b/src/modules/Builder/features/SaveAndPublish/SaveAndPublish.utils.ts @@ -93,10 +93,10 @@ export const remapSubscaleSettings = (activity: ActivityFormValues) => { return { ...activity.subscaleSetting, - subscales: activity.subscaleSetting?.subscales?.map(subscale => ({ + subscales: activity.subscaleSetting?.subscales?.map((subscale) => ({ ...subscale, id: undefined, - items: subscale.items.map(subscaleItem => { + items: subscale.items.map((subscaleItem) => { if (itemsObject[subscaleItem]) return { name: itemsObject[subscaleItem].name, @@ -113,8 +113,8 @@ export const remapSubscaleSettings = (activity: ActivityFormValues) => { }; const getConditions = ({ items, conditions, score }: GetConditions) => - conditions?.map(condition => { - const relatedItem = items.find(item => getEntityKey(item) === condition.itemName); + conditions?.map((condition) => { + const relatedItem = items.find((item) => getEntityKey(item) === condition.itemName); return { type: condition.type, @@ -124,8 +124,8 @@ const getConditions = ({ items, conditions, score }: GetConditions) => }); const getSectionConditions = ({ items, conditions, scores }: GetSectionConditions) => - conditions?.map(condition => { - const relatedItem = items.find(item => getEntityKey(item) === condition.itemName); + conditions?.map((condition) => { + const relatedItem = items.find((item) => getEntityKey(item) === condition.itemName); const relatedScore = findRelatedScore({ entityKey: condition.itemName, scores, @@ -161,7 +161,7 @@ const getScore = ( ) => ({ ...score, ...removeReportsFields(), - conditionalLogic: score.conditionalLogic?.map(conditional => ({ + conditionalLogic: score.conditionalLogic?.map((conditional) => ({ ...conditional, ...removeReportsFields(), conditions: getConditions({ @@ -209,11 +209,11 @@ export const getScoresAndReports = (activity: ActivityFormValues) => { const { items, scoresAndReports } = activity; if (!scoresAndReports) return; - const itemsObjectById = getObjectFromList(items, item => getEntityKey(item)); + const itemsObjectById = getObjectFromList(items, (item) => getEntityKey(item)); const { reports: initialReports } = scoresAndReports; const scores = initialReports?.filter(isScoreReport); - const reports = initialReports?.map(report => { + const reports = initialReports?.map((report) => { if (isSectionReport(report)) { return getSection({ section: report, items, scores, itemsObjectById }); } @@ -235,7 +235,7 @@ const mapItemResponseValues = (item: ItemFormValues) => { if (responseType === ItemResponseType.SingleSelection || responseType === ItemResponseType.MultipleSelection) return { paletteName: responseValues.paletteName || undefined, - options: responseValues.options?.map(option => ({ + options: responseValues.options?.map((option) => ({ ...option, color: ((option.color as ColorResult)?.hex ?? option.color) || undefined, alert: hasAlerts ? alerts?.find(({ value }) => value === option.id)?.alert : undefined, @@ -271,7 +271,7 @@ const mapItemResponseValues = (item: ItemFormValues) => { return { ...responseValues, options: undefined, - rows: rows?.map(row => ({ + rows: rows?.map((row) => ({ ...row, alerts: hasAlerts ? alerts?.reduce((result: ItemAlert[], { sliderId, value, alert }) => { @@ -301,13 +301,13 @@ const mapItemResponseValues = (item: ItemFormValues) => { ) { const { dataMatrix, ...other } = responseValues; - const groupedAlerts = groupBy(alerts ?? [], alert => `${alert.optionId}-${alert.rowId}`); + const groupedAlerts = groupBy(alerts ?? [], (alert) => `${alert.optionId}-${alert.rowId}`); return { ...other, dataMatrix: dataMatrix?.map(({ rowId, options }) => ({ rowId, - options: options?.map(option => ({ + options: options?.map((option) => ({ ...option, alert: hasAlerts ? groupedAlerts[`${option.optionId}-${rowId}`]?.[0]?.alert : undefined, })), @@ -336,7 +336,7 @@ export const getItemConditionalLogic = ( items: ItemFormValues[], conditionalLogic?: ConditionalLogic[], ) => { - const result = conditionalLogic?.find(conditionalLogic => conditionalLogic.itemKey === getEntityKey(item)); + const result = conditionalLogic?.find((conditionalLogic) => conditionalLogic.itemKey === getEntityKey(item)); if (!result) return; @@ -365,7 +365,7 @@ export const getActivityItems = (activity: ActivityFormValues) => { const flankerPracticeConfig = items[FlankerItemPositions.PracticeFirst].config as FlankerConfig; const firstPracticeItemConfig = { ...flankerPracticeConfig, - stimulusTrials: flankerPracticeConfig.stimulusTrials?.map(trial => ({ + stimulusTrials: flankerPracticeConfig.stimulusTrials?.map((trial) => ({ ...trial, ...removeReactHookFormKey(), })), diff --git a/src/modules/Builder/hooks/useDataPreloader.ts b/src/modules/Builder/hooks/useDataPreloader.ts index 7ef535e72c..14d288939a 100644 --- a/src/modules/Builder/hooks/useDataPreloader.ts +++ b/src/modules/Builder/hooks/useDataPreloader.ts @@ -24,7 +24,7 @@ export const useDataPreloader = ({ const listSize = currentListSize < totalSize ? currentListSize : totalSize; const { loadNextPage } = getInfinityScrollData({ - action: async () => await startTransition(() => setPage(prevPage => prevPage + 1)), + action: async () => await startTransition(() => setPage((prevPage) => prevPage + 1)), listSize, totalSize, limit: ROWS_PER_PAGE, diff --git a/src/modules/Builder/hooks/useFilterConditionalLogicByItem.test.ts b/src/modules/Builder/hooks/useFilterConditionalLogicByItem.test.ts index 8cef37027d..6a9c5ce882 100644 --- a/src/modules/Builder/hooks/useFilterConditionalLogicByItem.test.ts +++ b/src/modules/Builder/hooks/useFilterConditionalLogicByItem.test.ts @@ -7,7 +7,7 @@ import { useFilterConditionalLogicByItem } from './useFilterConditionalLogicByIt const CONDITIONAL_LOGIC_FIELD_NAME = 'activities.0.conditionalLogic'; -const findItemByName = (name: string) => mockedActivity.items.find(item => item.name === name); +const findItemByName = (name: string) => mockedActivity.items.find((item) => item.name === name); const mockedActivity = mockedAppletFormData.activities[0]; const mockedConditional = mockedActivity.conditionalLogic[0]; diff --git a/src/modules/Builder/hooks/useRedirectIfNoMatchedActivityItem.ts b/src/modules/Builder/hooks/useRedirectIfNoMatchedActivityItem.ts index 8b756e933a..9b8fe3d56a 100644 --- a/src/modules/Builder/hooks/useRedirectIfNoMatchedActivityItem.ts +++ b/src/modules/Builder/hooks/useRedirectIfNoMatchedActivityItem.ts @@ -19,7 +19,7 @@ export const useRedirectIfNoMatchedActivityItem = () => { useEffect(() => { const items: ItemFormValues[] = getValues(`${fieldName}.items`); - const item = items?.find(item => getEntityKey(item) === itemId); + const item = items?.find((item) => getEntityKey(item) === itemId); const shouldRedirect = (isNewApplet || items?.length > 0) && itemId && !item; if (!shouldRedirect) return; diff --git a/src/modules/Builder/pages/BuilderApplet/BuilderApplet.const.ts b/src/modules/Builder/pages/BuilderApplet/BuilderApplet.const.ts index 6d51148cc9..ba6dc07bc0 100644 --- a/src/modules/Builder/pages/BuilderApplet/BuilderApplet.const.ts +++ b/src/modules/Builder/pages/BuilderApplet/BuilderApplet.const.ts @@ -40,8 +40,8 @@ export const enum ItemTestFunctions { export const conditionsMatch = yup.string().when('conditions', { is: (conditions: Condition[]) => conditions?.length > 0, - then: schema => schema.required(), - otherwise: schema => schema, + then: (schema) => schema.required(), + otherwise: (schema) => schema, }); export const themeParams = { diff --git a/src/modules/Builder/pages/BuilderApplet/BuilderApplet.schema.ts b/src/modules/Builder/pages/BuilderApplet/BuilderApplet.schema.ts index a807d7e522..4952c2e2ef 100644 --- a/src/modules/Builder/pages/BuilderApplet/BuilderApplet.schema.ts +++ b/src/modules/Builder/pages/BuilderApplet/BuilderApplet.schema.ts @@ -111,7 +111,7 @@ export const ResponseValuesNumberSelectionSchema = () => ({ .test( 'is-number-at-least-zero', t('positiveIntegerOrZeroRequired'), - value => typeof value === 'number' && value >= DEFAULT_NUMBER_SELECT_MIN_VALUE, + (value) => typeof value === 'number' && value >= DEFAULT_NUMBER_SELECT_MIN_VALUE, ) .test( 'min-max-interval', @@ -330,7 +330,7 @@ export const ItemSchema = () => .when(['responseType', 'config'], { is: (responseType: ItemResponseType, config: Config) => responseType === ItemResponseType.Slider && get(config, ItemConfigurationSettings.IsContinuous), - then: schema => + then: (schema) => schema.of( yup.object({ minValue: getSliderAlertValueValidation(true), @@ -338,7 +338,7 @@ export const ItemSchema = () => alert: yup.string().required(getIsRequiredValidateMessage('alertMessage')), }), ), - otherwise: schema => schema, + otherwise: (schema) => schema, }), config: yup .object({ @@ -352,13 +352,13 @@ export const ItemSchema = () => }) .when('responseType', { is: (responseType: ItemResponseType) => responseType === ItemResponseType.Text, - then: schema => + then: (schema) => schema.shape({ maxResponseLength: yup .mixed() .test('is-positive-integer', t('positiveIntegerRequired'), isNumberAtLeastOne), }), - otherwise: schema => schema, + otherwise: (schema) => schema, }), }) .required(); @@ -432,7 +432,7 @@ const SubscaleTableDataItemSchema = () => age: yup .string() .nullable() - .test('subscale-age-validator', age => testFunctionForSubscaleAge('age', age)), + .test('subscale-age-validator', (age) => testFunctionForSubscaleAge('age', age)), sex: yup .string() .nullable() @@ -506,7 +506,7 @@ const getReportCommonFields = (isScoreReport = false) => ({ showMessage: yup.boolean(), printItems: yup.boolean().when('showMessage', { is: false, - then: schema => + then: (schema) => schema.test( 'required-report-common-fields', t('validationMessages.mustShowMessageOrItems'), @@ -517,12 +517,12 @@ const getReportCommonFields = (isScoreReport = false) => ({ .string() .when('showMessage', { is: true, - then: schema => schema.required(getIsRequiredValidateMessage('message')), + then: (schema) => schema.required(getIsRequiredValidateMessage('message')), }) .nullable(), itemsPrint: yup.array().when('printItems', { is: true, - then: schema => schema.min(1, t('validationMessages.atLeastOneItem')).nullable(), + then: (schema) => schema.min(1, t('validationMessages.atLeastOneItem')).nullable(), }), }); @@ -612,18 +612,18 @@ export const ScoreOrSectionSchema = () => }), calculationType: yup.string().when('type', { is: ScoreReportType.Score, - then: schema => schema.required(), - otherwise: schema => schema.nullable(), + then: (schema) => schema.required(), + otherwise: (schema) => schema.nullable(), }), id: yup.string().when('type', { is: ScoreReportType.Score, - then: schema => schema.required(), - otherwise: schema => schema.nullable(), + then: (schema) => schema.required(), + otherwise: (schema) => schema.nullable(), }), itemsScore: yup.array().when('type', { is: ScoreReportType.Score, - then: schema => schema.min(1, t('validationMessages.atLeastOneItem')), - otherwise: schema => schema.nullable(), + then: (schema) => schema.min(1, t('validationMessages.atLeastOneItem')), + otherwise: (schema) => schema.nullable(), }), showMessage: yup.boolean(), printItems: yup.boolean().when('showMessage', ([showMessage], schema) => { @@ -643,12 +643,12 @@ export const ScoreOrSectionSchema = () => .string() .when('showMessage', { is: true, - then: schema => schema.required(getIsRequiredValidateMessage('message')), + then: (schema) => schema.required(getIsRequiredValidateMessage('message')), }) .nullable(), itemsPrint: yup.array().when('printItems', { is: true, - then: schema => schema.min(1, t('validationMessages.atLeastOneItem')).nullable(), + then: (schema) => schema.min(1, t('validationMessages.atLeastOneItem')).nullable(), }), }); diff --git a/src/modules/Builder/pages/BuilderApplet/BuilderApplet.utils.tsx b/src/modules/Builder/pages/BuilderApplet/BuilderApplet.utils.tsx index d197e80c95..0a1d69ccdb 100644 --- a/src/modules/Builder/pages/BuilderApplet/BuilderApplet.utils.tsx +++ b/src/modules/Builder/pages/BuilderApplet/BuilderApplet.utils.tsx @@ -96,7 +96,8 @@ import { GetSectionConditions, GetMessageItem, PerformanceTaskItems } from './Bu const { t } = i18n; -export const getDefaultThemeId = (themesList: Theme[]) => themesList.find(theme => theme.name === 'Default')?.id || ''; +export const getDefaultThemeId = (themesList: Theme[]) => + themesList.find((theme) => theme.name === 'Default')?.id || ''; export const isAppletRoute = (path: string) => matchPath(`${page.builderApplet}/*`, path); @@ -114,7 +115,7 @@ const getDuplicatedOptionsAndAlerts = (item?: ItemFormValues) => { const mappedAlerts = alerts ? { - alerts: alerts.map(alert => ({ + alerts: alerts.map((alert) => ({ ...alert, value: newIdsObject[alert.value ?? ''], key: uuidv4(), @@ -150,7 +151,7 @@ const getNewPropsForSlider = (item?: ItemFormValues) => ({ ...item.responseValues, id: uuidv4(), }, - alerts: item?.alerts?.map(alert => ({ + alerts: item?.alerts?.map((alert) => ({ ...alert, key: uuidv4(), })), @@ -178,12 +179,12 @@ export const getDuplicatedConditions = ( scores?: ScoreReport[], scoreConditionalLogic?: ScoreConditionalLogic[], ) => - conditions?.map(condition => { + conditions?.map((condition) => { const optionValue = (condition as OptionCondition)?.payload.optionValue; - const itemIndex = oldItems.findIndex(item => condition.itemName === getEntityKey(item)); - const score = scores?.find(score => condition.itemName === getEntityKey(score, false)); + const itemIndex = oldItems.findIndex((item) => condition.itemName === getEntityKey(item)); + const score = scores?.find((score) => condition.itemName === getEntityKey(score, false)); const scoreCondition = scoreConditionalLogic?.find( - scoreCondition => condition.itemName === getEntityKey(scoreCondition, false), + (scoreCondition) => condition.itemName === getEntityKey(scoreCondition, false), ); const itemName = (getEntityKey(newItems[itemIndex]) || @@ -200,7 +201,7 @@ export const getDuplicatedConditions = ( const optionIndex = ( oldItems[itemIndex]?.responseValues as SingleAndMultipleSelectItemResponseValues - ).options?.findIndex(option => option.id === optionValue); + ).options?.findIndex((option) => option.id === optionValue); return { ...result, @@ -217,11 +218,11 @@ export const getDuplicatedConditional = ( newItems: Record[], conditionalLogic?: ConditionalLogic[], ) => - conditionalLogic?.map(conditional => { + conditionalLogic?.map((conditional) => { const itemKey = conditional.itemKey; if (itemKey) { - const itemIndex = oldItems?.findIndex(item => itemKey === getEntityKey(item)); + const itemIndex = oldItems?.findIndex((item) => itemKey === getEntityKey(item)); return { ...conditional, @@ -251,7 +252,7 @@ const getDuplicatedScoresAndReports = ({ scoresAndReports?: ScoresAndReports; newItemsObjectByOldId: Record; }) => { - const reports = scoresAndReports?.reports?.map(report => { + const reports = scoresAndReports?.reports?.map((report) => { let conditionalLogic; if (report.type === ScoreReportType.Section) { const { scoreReports, scoreConditionals } = (scoresAndReports?.reports || []).reduce( @@ -287,7 +288,7 @@ const getDuplicatedScoresAndReports = ({ ...report, itemsPrint: report.itemsPrint?.map(oldToNewIdRemapper(newItemsObjectByOldId)), itemsScore: report.itemsScore?.map(oldToNewIdRemapper(newItemsObjectByOldId)), - conditionalLogic: report.conditionalLogic?.map(conditional => ({ + conditionalLogic: report.conditionalLogic?.map((conditional) => ({ ...conditional, itemsPrint: conditional.itemsPrint?.map(oldToNewIdRemapper(newItemsObjectByOldId)), })), @@ -301,7 +302,7 @@ const getDuplicatedScoresAndReports = ({ }; export const getNewActivity = ({ name, activity }: GetNewActivity) => { - const items = activity?.items?.map(item => getNewActivityItem(item)) || []; + const items = activity?.items?.map((item) => getNewActivityItem(item)) || []; const conditionalLogic = getDuplicatedConditional(activity?.items ?? [], items, activity?.conditionalLogic); const newItemsObjectByOldId = activity?.items?.reduce( @@ -538,7 +539,7 @@ export const flankerItems = [ ]; export const getABTrailsItems = (deviceType: DeviceType) => - createArray(4, index => ({ + createArray(4, (index) => ({ id: undefined, key: uuidv4(), responseType: ItemResponseType.ABTrails, @@ -568,7 +569,7 @@ export const getNewPerformanceTask = ({ const getItems = (): ItemFormValues[] | PerformanceTaskItems => { if (items?.length) { - return items.map(item => ({ + return items.map((item) => ({ ...item, id: undefined, })); @@ -616,7 +617,7 @@ const getActivityItemResponseValues = (item: Item) => { case ItemResponseType.SingleSelection: case ItemResponseType.MultipleSelection: return { - options: item.responseValues?.options?.map(option => ({ + options: item.responseValues?.options?.map((option) => ({ ...option, color: option.color ? ({ hex: option.color } as ColorResult) : undefined, })), @@ -705,7 +706,7 @@ const getAlerts = (item: Item): ItemAlert[] | undefined => { const getActivityItems = (items: Item[]) => items ? items.map( - item => + (item) => ({ id: item.id, key: item.key, @@ -762,8 +763,8 @@ const getActivityConditionalLogic = (items: Item[]) => key: uuidv4(), itemKey: getEntityKey(item), match: item.conditionalLogic.match, - conditions: item.conditionalLogic.conditions?.map(condition => { - const relatedItem = items.find(item => item.name === condition.itemName); + conditions: item.conditionalLogic.conditions?.map((condition) => { + const relatedItem = items.find((item) => item.name === condition.itemName); return { key: uuidv4(), @@ -779,9 +780,9 @@ const getActivityConditionalLogic = (items: Item[]) => }, []); const getScoreConditions = (items?: Item[], conditions?: Condition[], scoreName?: string) => - conditions?.map(condition => { + conditions?.map((condition) => { const { itemName, type } = condition; - const relatedItem = items?.find(item => item.name === itemName); + const relatedItem = items?.find((item) => item.name === itemName); const payload = type === ScoreConditionType ? { value: String((condition as ScoreCondition).payload?.value) } @@ -795,9 +796,9 @@ const getScoreConditions = (items?: Item[], conditions?: Condition[], scoreName? }); const getSectionConditions = ({ items, conditions, scores }: GetSectionConditions) => - conditions?.map(condition => { + conditions?.map((condition) => { const { itemName, type } = condition; - const relatedItem = items?.find(item => item.name === itemName); + const relatedItem = items?.find((item) => item.name === itemName); const relatedScore = findRelatedScore({ entityKey: itemName, scores }); const payload = type === ScoreConditionType @@ -825,7 +826,7 @@ const getScore = (score: ScoreReport, items: Activity['items'], itemsObject: Rec ...score, key: scoreKey, ...getShowMessageAndPrintItems(score.message, score.itemsPrint), - conditionalLogic: score.conditionalLogic?.map(conditional => ({ + conditionalLogic: score.conditionalLogic?.map((conditional) => ({ ...conditional, key: uuidv4(), ...getShowMessageAndPrintItems(conditional.message, conditional.itemsPrint), @@ -863,15 +864,15 @@ const getScoresAndReports = (activity: Activity) => { const { items, scoresAndReports } = activity; if (!scoresAndReports || !items) return; - const itemsObject = getObjectFromList(items, item => item.name); + const itemsObject = getObjectFromList(items, (item) => item.name); const { reports: initialReports } = scoresAndReports; - const reportsWithMappedScores = initialReports?.map(report => { + const reportsWithMappedScores = initialReports?.map((report) => { if (report.type === ScoreReportType.Section) return report; return getScore(report as ScoreReport, items, itemsObject); }); - const scores = reportsWithMappedScores?.filter(report => report.type === ScoreReportType.Score); - const reports = reportsWithMappedScores?.map(report => { + const scores = reportsWithMappedScores?.filter((report) => report.type === ScoreReportType.Score); + const reports = reportsWithMappedScores?.map((report) => { if (report.type === ScoreReportType.Score) return report; return getSection(report as SectionReport, items, scores as ScoreReport[], itemsObject); @@ -885,7 +886,7 @@ const getScoresAndReports = (activity: Activity) => { const getActivitySubscaleItems = ({ activityItemsObject, subscalesObject, subscaleItems }: GetActivitySubscaleItems) => subscaleItems.map( - item => + (item) => getEntityKey(activityItemsObject[item.name] ? activityItemsObject[item.name] : subscalesObject[item.name]) ?? '', ); @@ -897,7 +898,7 @@ const getActivitySubscaleSettingDuplicated = ({ return { ...oldSubscaleSetting, - subscales: oldSubscaleSetting?.subscales?.map(subscale => ({ + subscales: oldSubscaleSetting?.subscales?.map((subscale) => ({ ...subscale, items: subscale.items.map(oldToNewIdRemapper(newItemsObjectByOldId)), })), @@ -909,17 +910,17 @@ const getActivitySubscaleSetting = (subscaleSetting: Activity['subscaleSetting'] const processedSubscaleSetting = { ...subscaleSetting, - subscales: subscaleSetting?.subscales?.map(subscale => ({ + subscales: subscaleSetting?.subscales?.map((subscale) => ({ ...subscale, id: uuidv4(), })), }; - const activityItemsObject = getObjectFromList(activityItems, item => item.name); - const subscalesObject = getObjectFromList(processedSubscaleSetting.subscales, subscale => subscale.name); + const activityItemsObject = getObjectFromList(activityItems, (item) => item.name); + const subscalesObject = getObjectFromList(processedSubscaleSetting.subscales, (subscale) => subscale.name); return { ...processedSubscaleSetting, - subscales: processedSubscaleSetting?.subscales?.map(subscale => ({ + subscales: processedSubscaleSetting?.subscales?.map((subscale) => ({ ...subscale, items: getActivitySubscaleItems({ activityItemsObject, @@ -939,7 +940,7 @@ export const getDefaultValues = (appletData?: SingleApplet, defaultThemeId?: str about: getDictionaryText(appletData.about), themeId: appletData.themeId ?? defaultThemeId ?? '', activities: appletData.activities - ? appletData.activities.map(activity => { + ? appletData.activities.map((activity) => { const items = getActivityItems(activity.items); return { @@ -1023,7 +1024,7 @@ export const testIsReportCommonFieldsRequired = ( }; export const testFunctionForUniqueness = (value: string, items: { name: string }[]) => - items?.filter(item => item.name === value).length < 2 ?? true; + items?.filter((item) => item.name === value).length < 2 ?? true; export const testFunctionForSystemItems = (currentItem: ItemFormValues, items: ItemFormValues[]) => { if (currentItem.allowEdit === false) return true; @@ -1031,7 +1032,7 @@ export const testFunctionForSystemItems = (currentItem: ItemFormValues, items: I if (currentItem.name !== LookupTableItems.Age_screen && currentItem.name !== LookupTableItems.Gender_screen) return true; - return !items?.some(item => isSystemItem(item)); + return !items?.some((item) => isSystemItem(item)); }; export const testFunctionForTheSameVariable = (field: string, value: string, context: yup.TestContext) => { @@ -1044,16 +1045,16 @@ export const testFunctionForTheSameVariable = (field: string, value: string, con export const testFunctionForNotSupportedItems = (value: string, context: yup.TestContext) => { const items: Item[] = get(context, 'from.1.value.items') ?? []; const variableNames = getTextBetweenBrackets(value); - const itemsFromVariables = items.filter(item => variableNames.includes(item.name)); + const itemsFromVariables = items.filter((item) => variableNames.includes(item.name)); - return itemsFromVariables.every(item => ALLOWED_TYPES_IN_VARIABLES.includes(item.responseType)); + return itemsFromVariables.every((item) => ALLOWED_TYPES_IN_VARIABLES.includes(item.responseType)); }; export const testFunctionForSkippedItems = (value: string, context: yup.TestContext) => { const items: Item[] = get(context, 'from.1.value.items') ?? []; const variableNames = getTextBetweenBrackets(value); - return !items.some(item => variableNames.includes(item.name) && item.config.skippableItem); + return !items.some((item) => variableNames.includes(item.name) && item.config.skippableItem); }; export const testFunctionForNotExistedItems = (value: string, context: yup.TestContext) => { @@ -1062,7 +1063,7 @@ export const testFunctionForNotExistedItems = (value: string, context: yup.TestC if (!variableNames.length) return true; - return variableNames.every(variable => items.some(item => item.name === variable)); + return variableNames.every((variable) => items.some((item) => item.name === variable)); }; export const testFunctionForSubscaleAge = (field: string, value?: number | string | null) => @@ -1075,7 +1076,7 @@ export const getTestFunctionForSubscaleScore = (regexp: RegExp) => (value?: stri if (!value) return false; if (value.includes(INTERVAL_SYMBOL)) { - const [leftValue, rightValue] = value.split(INTERVAL_SYMBOL).map(item => item.trim()); + const [leftValue, rightValue] = value.split(INTERVAL_SYMBOL).map((item) => item.trim()); return regexp.test(leftValue) && regexp.test(rightValue); } diff --git a/src/modules/Builder/utils/findRelatedScore.ts b/src/modules/Builder/utils/findRelatedScore.ts index 58b592fbf1..4f4c874d00 100644 --- a/src/modules/Builder/utils/findRelatedScore.ts +++ b/src/modules/Builder/utils/findRelatedScore.ts @@ -10,13 +10,13 @@ type FindRelatedScore = { export const findRelatedScore = ({ entityKey, scores, isSaving = false }: FindRelatedScore) => { if (!scores) return; - const relatedScore = scores.find(score => getEntityKey(score, !isSaving) === entityKey); + const relatedScore = scores.find((score) => getEntityKey(score, !isSaving) === entityKey); if (relatedScore) return relatedScore; - const relatedScoreConditional = scores?.flatMap(score => score.conditionalLogic); + const relatedScoreConditional = scores?.flatMap((score) => score.conditionalLogic); return relatedScoreConditional?.find( - conditional => conditional && getEntityKey(conditional, !isSaving) === entityKey, + (conditional) => conditional && getEntityKey(conditional, !isSaving) === entityKey, ); }; diff --git a/src/modules/Builder/utils/getDefaultSliderScores.ts b/src/modules/Builder/utils/getDefaultSliderScores.ts index 66a51745c9..7ac880b9d3 100644 --- a/src/modules/Builder/utils/getDefaultSliderScores.ts +++ b/src/modules/Builder/utils/getDefaultSliderScores.ts @@ -2,4 +2,4 @@ import { SliderRowsItemResponseValues } from 'shared/state'; import { createArray } from 'shared/utils'; export const getDefaultSliderScores = ({ minValue, maxValue }: SliderRowsItemResponseValues) => - createArray(Number(maxValue) - Number(minValue) + 1, index => index + 1); + createArray(Number(maxValue) - Number(minValue) + 1, (index) => index + 1); diff --git a/src/modules/Builder/utils/getEntityReportFields.ts b/src/modules/Builder/utils/getEntityReportFields.ts index 1d33c046e8..866d8a8aad 100644 --- a/src/modules/Builder/utils/getEntityReportFields.ts +++ b/src/modules/Builder/utils/getEntityReportFields.ts @@ -34,7 +34,7 @@ export const getEntityReportFields = < const selectedReportActivity = !activityItems && reportActivity && - activities?.find(activity => (isKeyToName ? getEntityKey(activity) : activity.name) === reportActivity); + activities?.find((activity) => (isKeyToName ? getEntityKey(activity) : activity.name) === reportActivity); if (selectedReportActivity) { reportIncludedActivityName = isKeyToName ? selectedReportActivity.name : getEntityKey(selectedReportActivity); } @@ -42,12 +42,12 @@ export const getEntityReportFields = < let selectedReportItem; if (activityItems) { selectedReportItem = - reportItem && activityItems.find(item => (isKeyToName ? getEntityKey(item) : item.name) === reportItem); + reportItem && activityItems.find((item) => (isKeyToName ? getEntityKey(item) : item.name) === reportItem); } else { selectedReportItem = selectedReportActivity && reportItem && - selectedReportActivity.items?.find(item => (isKeyToName ? getEntityKey(item) : item.name) === reportItem); + selectedReportActivity.items?.find((item) => (isKeyToName ? getEntityKey(item) : item.name) === reportItem); } let reportIncludedItemName = ''; if (selectedReportItem) { diff --git a/src/modules/Dashboard/components/Accordion/Accordion.tsx b/src/modules/Dashboard/components/Accordion/Accordion.tsx index fce625b2c8..6fe142649d 100644 --- a/src/modules/Dashboard/components/Accordion/Accordion.tsx +++ b/src/modules/Dashboard/components/Accordion/Accordion.tsx @@ -16,7 +16,7 @@ export const Accordion = ({ const [isOpen, setIsOpen] = useState(false); const handleItemExpand = () => { - setIsOpen(prevState => !prevState); + setIsOpen((prevState) => !prevState); }; const isPrimaryUiType = uiType === AccordionUiType.Primary; diff --git a/src/modules/Dashboard/components/DashboardTable/DashboardTable.test.tsx b/src/modules/Dashboard/components/DashboardTable/DashboardTable.test.tsx index cb192aad9c..611bea8458 100644 --- a/src/modules/Dashboard/components/DashboardTable/DashboardTable.test.tsx +++ b/src/modules/Dashboard/components/DashboardTable/DashboardTable.test.tsx @@ -21,7 +21,7 @@ const mockColumns = [ const actionsContentFn = jest.fn(); const getMockRows = (arrayLength = 15) => - createArray(arrayLength, index => ({ + createArray(arrayLength, (index) => ({ firstName: { content: () => `John${index}`, value: `john-${index}`, @@ -75,8 +75,8 @@ describe('DashboardTable component tests', () => { const row = ['John1', 'Doe1']; expect(screen.getByTestId(`${mockDataTestId}-table-pagination`)).toBeInTheDocument(); expect(screen.getByTestId(mockDataTestId)).toBeInTheDocument(); - columns.forEach(column => expect(screen.getByText(column)).toBeInTheDocument()); - row.forEach(rowItem => expect(screen.getByText(rowItem)).toBeInTheDocument()); + columns.forEach((column) => expect(screen.getByText(column)).toBeInTheDocument()); + row.forEach((rowItem) => expect(screen.getByText(rowItem)).toBeInTheDocument()); }); test('should hover row', () => { diff --git a/src/modules/Dashboard/components/DashboardTable/DashboardTable.tsx b/src/modules/Dashboard/components/DashboardTable/DashboardTable.tsx index b75aea9272..cbfe5d7d69 100644 --- a/src/modules/Dashboard/components/DashboardTable/DashboardTable.tsx +++ b/src/modules/Dashboard/components/DashboardTable/DashboardTable.tsx @@ -66,7 +66,7 @@ export const DashboardTable = ({ key={`row-${index}`} onMouseEnter={() => setHoveredRowIndex(index)} onMouseLeave={() => setHoveredRowIndex(-1)}> - {Object.keys(row)?.map(key => ( + {Object.keys(row)?.map((key) => ( { const rolesData = workspaces.useRolesData(); const appletRoles = appletId ? rolesData?.data?.[appletId] : undefined; - const { execute, isLoading } = useAsync(getInvitationsApi, res => res?.data && setInvitations(res.data)); + const { execute, isLoading } = useAsync(getInvitationsApi, (res) => res?.data && setInvitations(res.data)); const getInvitationsHandler = () => { execute({ diff --git a/src/modules/Dashboard/features/Applet/AddUser/AddUserForm/AddUserForm.tsx b/src/modules/Dashboard/features/Applet/AddUser/AddUserForm/AddUserForm.tsx index 32e33e8a3d..cd59ad7820 100644 --- a/src/modules/Dashboard/features/Applet/AddUser/AddUserForm/AddUserForm.tsx +++ b/src/modules/Dashboard/features/Applet/AddUser/AddUserForm/AddUserForm.tsx @@ -59,14 +59,14 @@ export const AddUserForm = ({ getInvitationsHandler, roles }: AddUserFormProps) resetForm(); Mixpanel.track('Invitation sent successfully'); }); - const { execute: executeGetWorkspaceInfoApi } = useAsync(getWorkspaceInfoApi, res => { + const { execute: executeGetWorkspaceInfoApi } = useAsync(getWorkspaceInfoApi, (res) => { setWorkspaceInfo(res?.data?.result || null); }); const onSubmit = (values: FormValues) => { const options = { ...values, - ...(values.respondents && { respondents: values.respondents.map(item => item.id) }), + ...(values.respondents && { respondents: values.respondents.map((item) => item.id) }), } as AppletInvitationOptions; if (appletId) { diff --git a/src/modules/Dashboard/features/Applet/AddUser/InvitationsTable/InvitationWithTooltip/InvitationsWithTooltip.test.tsx b/src/modules/Dashboard/features/Applet/AddUser/InvitationsTable/InvitationWithTooltip/InvitationsWithTooltip.test.tsx index 29602cb2f1..14d141a250 100644 --- a/src/modules/Dashboard/features/Applet/AddUser/InvitationsTable/InvitationWithTooltip/InvitationsWithTooltip.test.tsx +++ b/src/modules/Dashboard/features/Applet/AddUser/InvitationsTable/InvitationWithTooltip/InvitationsWithTooltip.test.tsx @@ -22,7 +22,7 @@ describe('InvitationWithTooltip', () => { const { getAllByText, getByTestId } = renderComponent(defaultProps); const exampleLinkTexts = getAllByText('example-link'); - exampleLinkTexts.forEach(linkText => expect(linkText).toBeInTheDocument()); + exampleLinkTexts.forEach((linkText) => expect(linkText).toBeInTheDocument()); expect(getByTestId(`${dataTestId}-invitation-tooltip`)).toBeInTheDocument(); expect(getByTestId(`${dataTestId}-invitation-link`)).toBeInTheDocument(); }); @@ -34,7 +34,7 @@ describe('InvitationWithTooltip', () => { }); const exampleLinkTexts = getAllByText('example-link'); - exampleLinkTexts.forEach(linkText => expect(linkText).toBeInTheDocument()); + exampleLinkTexts.forEach((linkText) => expect(linkText).toBeInTheDocument()); expect(getByTestId(`${dataTestId}-invitation-link`)).toBeInTheDocument(); expect(queryByTestId(`${dataTestId}-invitation-tooltip`)).not.toBeInTheDocument(); }); diff --git a/src/modules/Dashboard/features/Applet/AddUser/InvitationsTable/InvitationsTable.test.tsx b/src/modules/Dashboard/features/Applet/AddUser/InvitationsTable/InvitationsTable.test.tsx index 8253964665..1fd5769f29 100644 --- a/src/modules/Dashboard/features/Applet/AddUser/InvitationsTable/InvitationsTable.test.tsx +++ b/src/modules/Dashboard/features/Applet/AddUser/InvitationsTable/InvitationsTable.test.tsx @@ -83,8 +83,8 @@ describe('InvitationsTable', () => { ]; expect(screen.getByTestId(dataTestId)).toBeInTheDocument(); - tableColumnNames.forEach(column => expect(screen.getByText(column)).toBeInTheDocument()); - invitationColumns.forEach(column => expect(screen.getByText(column)).toBeInTheDocument()); + tableColumnNames.forEach((column) => expect(screen.getByText(column)).toBeInTheDocument()); + invitationColumns.forEach((column) => expect(screen.getByText(column)).toBeInTheDocument()); const invitationLink = screen.getByTestId(`${dataTestId}-invitation-link`); expect(invitationLink).toBeInTheDocument(); diff --git a/src/modules/Dashboard/features/Applet/AddUser/InvitationsTable/InvitationsTable.tsx b/src/modules/Dashboard/features/Applet/AddUser/InvitationsTable/InvitationsTable.tsx index c395359dba..3c1102e23c 100644 --- a/src/modules/Dashboard/features/Applet/AddUser/InvitationsTable/InvitationsTable.tsx +++ b/src/modules/Dashboard/features/Applet/AddUser/InvitationsTable/InvitationsTable.tsx @@ -31,7 +31,7 @@ export const InvitationsTable = ({ invitations, setInvitations }: InvitationsTab } }; - const tableProps = useTable(async args => { + const tableProps = useTable(async (args) => { const params = { ...args, params: { diff --git a/src/modules/Dashboard/features/Applet/AddUser/LinkGenerator/LinkGenerator.tsx b/src/modules/Dashboard/features/Applet/AddUser/LinkGenerator/LinkGenerator.tsx index 5633ad5180..e759265e6c 100644 --- a/src/modules/Dashboard/features/Applet/AddUser/LinkGenerator/LinkGenerator.tsx +++ b/src/modules/Dashboard/features/Applet/AddUser/LinkGenerator/LinkGenerator.tsx @@ -22,7 +22,7 @@ export const LinkGenerator = () => { const [inviteLink, setInviteLink] = useState(null); const [linkPopupVisible, setLinkPopupVisible] = useState(false); - const { execute } = useAsync(getAppletPublicLinkApi, res => { + const { execute } = useAsync(getAppletPublicLinkApi, (res) => { res?.data?.result && setInviteLink(res.data.result); }); diff --git a/src/modules/Dashboard/features/Applet/AddUser/Popups/LinkPopup/LinkPopup.tsx b/src/modules/Dashboard/features/Applet/AddUser/Popups/LinkPopup/LinkPopup.tsx index eae4b00414..26dfdc7af9 100644 --- a/src/modules/Dashboard/features/Applet/AddUser/Popups/LinkPopup/LinkPopup.tsx +++ b/src/modules/Dashboard/features/Applet/AddUser/Popups/LinkPopup/LinkPopup.tsx @@ -11,7 +11,7 @@ import { LinkPopupProps } from './LinkPopup.types'; export const LinkPopup = ({ open, onClose, onSubmit }: LinkPopupProps) => { const { t } = useTranslation('app'); const { appletId } = useParams() || {}; - const { execute } = useAsync(postAppletPublicLinkApi, res => { + const { execute } = useAsync(postAppletPublicLinkApi, (res) => { onSubmit(res?.data.result); onClose(); }); diff --git a/src/modules/Dashboard/features/Applet/DashboardAppletSettings/DashboardAppletSettings.utils.test.tsx b/src/modules/Dashboard/features/Applet/DashboardAppletSettings/DashboardAppletSettings.utils.test.tsx index cc5771ea47..d5eb4286ea 100644 --- a/src/modules/Dashboard/features/Applet/DashboardAppletSettings/DashboardAppletSettings.utils.test.tsx +++ b/src/modules/Dashboard/features/Applet/DashboardAppletSettings/DashboardAppletSettings.utils.test.tsx @@ -7,7 +7,7 @@ describe('getSettings', () => { test('should return right section', () => { const sections = ['usersAndData', 'appletContent', 'sharing']; - expect(getSettings({ isPublished: true, roles }).map(section => section.label)).toStrictEqual(sections); + expect(getSettings({ isPublished: true, roles }).map((section) => section.label)).toStrictEqual(sections); }); describe('should return right items for section ', () => { @@ -25,8 +25,8 @@ describe('getSettings', () => { `('$description', ({ isPublished, sectionLabel, items }) => { expect( getSettings({ isPublished, roles }) - .find(section => section.label === sectionLabel) - ?.items.map(item => item.label), + .find((section) => section.label === sectionLabel) + ?.items.map((item) => item.label), ).toStrictEqual(items); }); }); @@ -41,9 +41,9 @@ describe('getSettings', () => { ${false} | ${'sharing'} | ${[Roles.Manager]} | ${'sharing for Manager'} ${true} | ${'sharing'} | ${Roles.SuperAdmin} | ${'sharing for SuperAdmin'} `('$description', ({ isVisible, sectionLabel, roles }) => { - expect(getSettings({ isPublished: true, roles }).find(section => section.label === sectionLabel)?.isVisible).toBe( - isVisible, - ); + expect( + getSettings({ isPublished: true, roles }).find((section) => section.label === sectionLabel)?.isVisible, + ).toBe(isVisible); }); }); }); diff --git a/src/modules/Dashboard/features/Applet/Popups/DuplicatePopups/DuplicatePopups.tsx b/src/modules/Dashboard/features/Applet/Popups/DuplicatePopups/DuplicatePopups.tsx index 22dc8e10a7..5ae449c303 100644 --- a/src/modules/Dashboard/features/Applet/Popups/DuplicatePopups/DuplicatePopups.tsx +++ b/src/modules/Dashboard/features/Applet/Popups/DuplicatePopups/DuplicatePopups.tsx @@ -51,7 +51,7 @@ export const DuplicatePopups = ({ onCloseCallback }: { onCloseCallback?: () => v const { execute: executeGetName, isLoading: isGetNameLoading } = useAsync( getAppletUniqueNameApi, - res => { + (res) => { setValue('name', res?.data?.result?.name ?? ''); }, () => { @@ -61,7 +61,7 @@ export const DuplicatePopups = ({ onCloseCallback }: { onCloseCallback?: () => v const { execute: executeGetNameSecond, isLoading: isGetNameSecondLoading } = useAsync( getAppletUniqueNameApi, - res => { + (res) => { const currentName = getValues('name'); const nameFromApi = res?.data?.result?.name; if (nameFromApi === currentName) { diff --git a/src/modules/Dashboard/features/Applet/Schedule/Calendar/Calendar.tsx b/src/modules/Dashboard/features/Applet/Schedule/Calendar/Calendar.tsx index 4e68440ded..76c37e6598 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Calendar/Calendar.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/Calendar/Calendar.tsx @@ -99,7 +99,7 @@ export const Calendar = () => { setEvents(eventsWithOffRangeWithoutCrossDay); } else if (activeView === CalendarViews.Year) { - const eventsWithoutCrossDay = eventsToShow.filter(event => !event.eventSpanBefore); + const eventsWithoutCrossDay = eventsToShow.filter((event) => !event.eventSpanBefore); setEvents(eventsWithoutCrossDay); } else { @@ -142,7 +142,7 @@ export const Calendar = () => { selectable onSelectSlot={onSelectSlot} onSelectEvent={onSelectEvent} - eventPropGetter={event => eventPropGetter(event, activeView)} + eventPropGetter={(event) => eventPropGetter(event, activeView)} view={activeView as View} onView={setActiveView as OnViewFunc} messages={messages} diff --git a/src/modules/Dashboard/features/Applet/Schedule/Calendar/Calendar.utils.tsx b/src/modules/Dashboard/features/Applet/Schedule/Calendar/Calendar.utils.tsx index a961966e98..ce3085682c 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Calendar/Calendar.utils.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/Calendar/Calendar.utils.tsx @@ -45,11 +45,11 @@ export const getHasWrapperMoreBtn = ({ const currentDate = formatToYearMonthDate(date); const currentWeek = formatToWeekYear(date); const hasDateHiddenEvents = - !isAllDayEventsVisible && allDayEventsSortedByDays.some(item => item.date === currentDate); + !isAllDayEventsVisible && allDayEventsSortedByDays.some((item) => item.date === currentDate); const hasDateHiddenEventsWithState = isAllDayEventsVisible?.period === currentDate && !isAllDayEventsVisible?.visible; const hasWeekHiddenEvents = !isAllDayEventsVisible && - allDayEventsSortedByDays.some(item => item.date && formatToWeekYear(new Date(item.date)) === currentWeek); + allDayEventsSortedByDays.some((item) => item.date && formatToWeekYear(new Date(item.date)) === currentWeek); const hasWeekHiddenEventsWithState = isAllDayEventsVisible?.period === currentWeek && !isAllDayEventsVisible?.visible; switch (activeView) { diff --git a/src/modules/Dashboard/features/Applet/Schedule/Calendar/EventContainerWrapper/EventContainerWrapper.tsx b/src/modules/Dashboard/features/Applet/Schedule/Calendar/EventContainerWrapper/EventContainerWrapper.tsx index 8601caf0f3..d949446e26 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Calendar/EventContainerWrapper/EventContainerWrapper.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/Calendar/EventContainerWrapper/EventContainerWrapper.tsx @@ -39,7 +39,7 @@ export const EventContainerWrapper = ({ children, events, components }: EventCon const arrayOfEventsDates: EventsStartEndDates = []; - await containerEvents.forEach(eventWrapper => { + await containerEvents.forEach((eventWrapper) => { const { id, start, end } = eventWrapper.dataset; if (id && start && end) { @@ -77,7 +77,7 @@ export const EventContainerWrapper = ({ children, events, components }: EventCon }); lengthToShow > 0 && - eventsToHide.forEach(id => { + eventsToHide.forEach((id) => { const currEventWrapper = eventsWrapper.querySelector(`[data-id='${id}']`) as HTMLElement; currEventWrapper?.classList.add('hidden-event'); }); @@ -100,7 +100,7 @@ export const EventContainerWrapper = ({ children, events, components }: EventCon } // adding class names for event wrapper to show/hide event info by its width and height - containerEvents.forEach(eventWrapper => { + containerEvents.forEach((eventWrapper) => { const event = eventWrapper.querySelector(EVENT_CLASSNAME) as HTMLElement; if (!event) return; diff --git a/src/modules/Dashboard/features/Applet/Schedule/Calendar/EventContainerWrapper/EventContainerWrapper.utils.ts b/src/modules/Dashboard/features/Applet/Schedule/Calendar/EventContainerWrapper/EventContainerWrapper.utils.ts index 899e31e073..b24c334ca4 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Calendar/EventContainerWrapper/EventContainerWrapper.utils.ts +++ b/src/modules/Dashboard/features/Applet/Schedule/Calendar/EventContainerWrapper/EventContainerWrapper.utils.ts @@ -55,5 +55,5 @@ export const getOverlappingEvents = ({ eventsArr, maxEventsQuantity }: Overlappi } } - return intervals.filter(interval => interval.eventIds.length > maxEventsQuantity); + return intervals.filter((interval) => interval.eventIds.length > maxEventsQuantity); }; diff --git a/src/modules/Dashboard/features/Applet/Schedule/Calendar/TimeGutterHeader/TimeGutterHeader.tsx b/src/modules/Dashboard/features/Applet/Schedule/Calendar/TimeGutterHeader/TimeGutterHeader.tsx index 85e2652f05..489d3778b0 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Calendar/TimeGutterHeader/TimeGutterHeader.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/Calendar/TimeGutterHeader/TimeGutterHeader.tsx @@ -36,9 +36,9 @@ export const TimeGutterHeader = ({ isAllDayEventsVisible?.visible; const handleBtnClick = () => { - setIsAllDayEventsVisible(prevState => { - setEvents(prevEvents => - prevEvents.map(event => { + setIsAllDayEventsVisible((prevState) => { + setEvents((prevEvents) => + prevEvents.map((event) => { if (getShowEventsCondition(event, prevState?.visible)) { return { ...event, @@ -48,7 +48,7 @@ export const TimeGutterHeader = ({ return { ...event, - isHiddenInTimeView: hiddenEventsIds?.some(id => id === event.id), + isHiddenInTimeView: hiddenEventsIds?.some((id) => id === event.id), }; }), ); @@ -64,7 +64,7 @@ export const TimeGutterHeader = ({ }; const isBtnDisabled = !allDayEventsSortedByDays?.some( - el => (isDayView && el.date === currentDate) || (isWeekView && el.week === currentWeek), + (el) => (isDayView && el.date === currentDate) || (isWeekView && el.week === currentWeek), ); return ( diff --git a/src/modules/Dashboard/features/Applet/Schedule/Calendar/TimeHeader/TimeHeader.tsx b/src/modules/Dashboard/features/Applet/Schedule/Calendar/TimeHeader/TimeHeader.tsx index afc0002c70..a566668cdd 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Calendar/TimeHeader/TimeHeader.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/Calendar/TimeHeader/TimeHeader.tsx @@ -25,7 +25,7 @@ export const TimeHeader = ({ const currentDate = formatToYearMonthDate(date); const currentWeek = formatToWeekYear(date); const { hiddenEventsIds = [], allDayEventsSortedByDays = [] } = calendarEvents.useVisibleEventsData() || {}; - const currentAllDaysEventsIds = allDayEventsSortedByDays?.find(el => el.date === currentDate)?.eventsIds; + const currentAllDaysEventsIds = allDayEventsSortedByDays?.find((el) => el.date === currentDate)?.eventsIds; const isWeekUiType = uiType === UiType.Week; const isDayUiType = uiType === UiType.Day; @@ -43,8 +43,8 @@ export const TimeHeader = ({ const handleMoreClick = (event: MouseEvent) => { event.stopPropagation(); - setEvents(prevState => - prevState.map(event => { + setEvents((prevState) => + prevState.map((event) => { if ( (isWeekUiType && formatToWeekYear(event.start) === currentWeek) || (isDayUiType && formatToYearMonthDate(event.start) === currentDate) @@ -57,7 +57,7 @@ export const TimeHeader = ({ return { ...event, - isHiddenInTimeView: hiddenEventsIds?.some(id => id === event.id), + isHiddenInTimeView: hiddenEventsIds?.some((id) => id === event.id), }; }), ); diff --git a/src/modules/Dashboard/features/Applet/Schedule/Calendar/YearView/MonthCalendar/MonthCalendar.tsx b/src/modules/Dashboard/features/Applet/Schedule/Calendar/YearView/MonthCalendar/MonthCalendar.tsx index b010067963..b01ab78f92 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Calendar/YearView/MonthCalendar/MonthCalendar.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/Calendar/YearView/MonthCalendar/MonthCalendar.tsx @@ -23,7 +23,7 @@ export const MonthCalendar = ({ date, events, localizer, setDate, setActiveView const monthDates = useMemo( () => calendar && - calendar.weeks.map(week => ( + calendar.weeks.map((week) => ( {week.days.map((date, index) => { const currentDateEvents = events?.filter( diff --git a/src/modules/Dashboard/features/Applet/Schedule/Calendar/YearView/YearView.tsx b/src/modules/Dashboard/features/Applet/Schedule/Calendar/YearView/YearView.tsx index 7cf7606c92..4a075eb3c3 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Calendar/YearView/YearView.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/Calendar/YearView/YearView.tsx @@ -16,7 +16,7 @@ export const YearView = ({ date, localizer, events, onNavigate, components }: Ye return ( - {createArray(12, index => ( + {createArray(12, (index) => ( - setStep(prevStep => { + setStep((prevStep) => { const newStep = prevStep + 1; return newStep as Steps; diff --git a/src/modules/Dashboard/features/Applet/Schedule/EventForm/AvailabilityTab/AvailabilityTab.tsx b/src/modules/Dashboard/features/Applet/Schedule/EventForm/AvailabilityTab/AvailabilityTab.tsx index 829dc95243..043c0b08e5 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/EventForm/AvailabilityTab/AvailabilityTab.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/EventForm/AvailabilityTab/AvailabilityTab.tsx @@ -165,7 +165,7 @@ export const AvailabilityTab = ({ hasAlwaysAvailableOption, 'data-testid': dataT name="startTime" control={control} label={t('from')} - onCustomChange={time => handleTimeCustomChange(time, TimeType.FromTime)} + onCustomChange={(time) => handleTimeCustomChange(time, TimeType.FromTime)} data-testid={`${dataTestid}-start-time`} /> @@ -174,7 +174,7 @@ export const AvailabilityTab = ({ hasAlwaysAvailableOption, 'data-testid': dataT name="endTime" control={control} label={t('to')} - onCustomChange={time => handleTimeCustomChange(time, TimeType.ToTime)} + onCustomChange={(time) => handleTimeCustomChange(time, TimeType.ToTime)} data-testid={`${dataTestid}-end-time`} /> {hasNextDayLabel && ( diff --git a/src/modules/Dashboard/features/Applet/Schedule/EventForm/EventForm.tsx b/src/modules/Dashboard/features/Applet/Schedule/EventForm/EventForm.tsx index 8544a229d2..665e2a5e95 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/EventForm/EventForm.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/EventForm/EventForm.tsx @@ -212,7 +212,7 @@ export const EventForm = forwardRef( useEffect(() => { if (!activityOrFlowId) return; - const activityName = activitiesOrFlows?.find(item => item.value === activityOrFlowId)?.labelKey; + const activityName = activitiesOrFlows?.find((item) => item.value === activityOrFlowId)?.labelKey; activityName && setActivityName(activityName); }, [activityOrFlowId, activitiesOrFlows]); diff --git a/src/modules/Dashboard/features/Applet/Schedule/EventForm/EventForm.utils.tsx b/src/modules/Dashboard/features/Applet/Schedule/EventForm/EventForm.utils.tsx index 03f92833e9..40f15ba3f2 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/EventForm/EventForm.utils.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/EventForm/EventForm.utils.tsx @@ -159,8 +159,8 @@ export const startEndTimeTest = (_: string | undefined, testContext: StartEndTim export const getTimeComparison = (message: string) => yup.string().when('alwaysAvailable', { is: false, - then: schema => schema.test('is-valid-period', message, startEndTimeTest), - otherwise: schema => schema, + then: (schema) => schema.test('is-valid-period', message, startEndTimeTest), + otherwise: (schema) => schema, }); export const timerDurationTest = (value: string | undefined) => { @@ -293,7 +293,7 @@ export const getStartEndDates = ( }; export const getNotifications = (type: SecondsManipulation, notifications?: EventNotifications) => - notifications?.map(notification => { + notifications?.map((notification) => { const { atTime, fromTime, toTime } = notification || {}; if (notification.triggerType === NotificationType.Fixed) { return { @@ -695,7 +695,7 @@ export const reminderTimeTest = (value: string | undefined, testContext: yup.Tes if (isWeeklyPeriodicity) { const weeklyDays = getWeeklyDays({ daysInPeriod, startDate, isCrossDayEvent }); - const isCrossDay = weeklyDays.daysInfoArr.find(day => day.dayNumber === activityIncomplete)?.isCrossDay ?? false; + const isCrossDay = weeklyDays.daysInfoArr.find((day) => day.dayNumber === activityIncomplete)?.isCrossDay ?? false; return getReminderTimeComparison({ time, startTime, endTime, isCrossDay }); } diff --git a/src/modules/Dashboard/features/Applet/Schedule/ImportSchedulePopup/ImportSchedulePopup.tsx b/src/modules/Dashboard/features/Applet/Schedule/ImportSchedulePopup/ImportSchedulePopup.tsx index cfca0ecbda..980688f67b 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/ImportSchedulePopup/ImportSchedulePopup.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/ImportSchedulePopup/ImportSchedulePopup.tsx @@ -133,7 +133,9 @@ export const ImportSchedulePopup = ({ const uploadedEvents = uploadedFile?.data as unknown as UploadedEvent[]; - const hasScheduledEvents = scheduleExportData.some(event => event.frequency.toUpperCase() !== Periodicity.Always); + const hasScheduledEvents = scheduleExportData.some( + (event) => event.frequency.toUpperCase() !== Periodicity.Always, + ); const body = prepareImportPayload(uploadedEvents, scheduleExportData, appletData, respondentId); if (hasScheduledEvents) { @@ -150,7 +152,7 @@ export const ImportSchedulePopup = ({ Mixpanel.track(`${analyticsPrefix} Schedule import successful`); } - setStep(prevStep => ++prevStep as Steps); + setStep((prevStep) => ++prevStep as Steps); }; useEffect(() => { diff --git a/src/modules/Dashboard/features/Applet/Schedule/ImportSchedulePopup/ImportSchedulePopup.utils.tsx b/src/modules/Dashboard/features/Applet/Schedule/ImportSchedulePopup/ImportSchedulePopup.utils.tsx index 0314465b47..c93b998c34 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/ImportSchedulePopup/ImportSchedulePopup.utils.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/ImportSchedulePopup/ImportSchedulePopup.utils.tsx @@ -131,7 +131,7 @@ const getUploadedTime = (time: string | Date) => { } //if the time format is H:mm getStartEndComparison makes invalid date - return time.replace(/^[0-9]:/, match => `0${match}`); + return time.replace(/^[0-9]:/, (match) => `0${match}`); }; const getFieldsToCheck = (data: ScheduleExportCsv, isUploadedSchedule: boolean) => @@ -220,7 +220,7 @@ export const getUploadedScheduleErrors = ( const importedActivities = new Set(importedActivityNames); const availableActivities = new Set(getFieldsToCheck(currentSchedule, false).activityNames); - const notExistentActivities = [...importedActivities].filter(item => !availableActivities.has(item)); + const notExistentActivities = [...importedActivities].filter((item) => !availableActivities.has(item)); return { ...props, @@ -238,8 +238,8 @@ export const prepareImportPayload = ( ) => uploadedEvents?.map(({ date, endTime, startTime, notificationTime, frequency, activityName }) => { const periodicityType = frequency.toUpperCase() as Periodicity; - const activity = appletData?.activities?.find(activity => activity.name === activityName); - const flow = appletData?.activityFlows?.find(flow => flow.name === activityName); + const activity = appletData?.activities?.find((activity) => activity.name === activityName); + const flow = appletData?.activityFlows?.find((flow) => flow.name === activityName); const activityId = activity?.id; const flowId = flow?.id; const uploadedDate = getUploadedDate(date); diff --git a/src/modules/Dashboard/features/Applet/Schedule/Legend/ExpandedList/ExpandedList.tsx b/src/modules/Dashboard/features/Applet/Schedule/Legend/ExpandedList/ExpandedList.tsx index c5115292fa..8f51612aec 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Legend/ExpandedList/ExpandedList.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/Legend/ExpandedList/ExpandedList.tsx @@ -25,7 +25,9 @@ export const ExpandedList = ({ return isHiddenInLegend ? null : ( - setListVisible(prevState => !prevState)} data-testid={`${dataTestid}-collapse`}> + setListVisible((prevState) => !prevState)} + data-testid={`${dataTestid}-collapse`}> {title} @@ -37,7 +39,7 @@ export const ExpandedList = ({ { + onClick={(event) => { event.stopPropagation(); button.action(); }} diff --git a/src/modules/Dashboard/features/Applet/Schedule/Legend/Legend.tsx b/src/modules/Dashboard/features/Applet/Schedule/Legend/Legend.tsx index 0001f91db6..0078c19e75 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Legend/Legend.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/Legend/Legend.tsx @@ -144,7 +144,7 @@ export const Legend = ({ legendEvents, appletName, appletId }: LegendProps) => { useEffect(() => { if (!respondentId || selectedRespondent) return; - const currentRespondent = respondentsItems?.find(respondent => respondent?.id === respondentId) || null; + const currentRespondent = respondentsItems?.find((respondent) => respondent?.id === respondentId) || null; setSelectedRespondent(currentRespondent); }, [respondentId, respondentsItems, selectedRespondent]); diff --git a/src/modules/Dashboard/features/Applet/Schedule/Legend/SearchPopup/SearchPopup.tsx b/src/modules/Dashboard/features/Applet/Schedule/Legend/SearchPopup/SearchPopup.tsx index 9f6e61d781..78884c496e 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Legend/SearchPopup/SearchPopup.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/Legend/SearchPopup/SearchPopup.tsx @@ -79,7 +79,7 @@ export const SearchPopup = ({ }; const filteredRespondents = respondentsItems - ?.filter(item => filterRows(item?.secretId, searchValue) || filterRows(item?.nickname, searchValue)) + ?.filter((item) => filterRows(item?.secretId, searchValue) || filterRows(item?.nickname, searchValue)) .sort((a, b) => (a?.secretId ?? '').localeCompare(b?.secretId ?? '')); const handleSearch = (value: string) => { diff --git a/src/modules/Dashboard/features/Applet/Schedule/RemoveIndividualSchedulePopup/RemoveIndividualSchedulePopup.tsx b/src/modules/Dashboard/features/Applet/Schedule/RemoveIndividualSchedulePopup/RemoveIndividualSchedulePopup.tsx index ff1d0e227e..8c5c53f5c9 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/RemoveIndividualSchedulePopup/RemoveIndividualSchedulePopup.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/RemoveIndividualSchedulePopup/RemoveIndividualSchedulePopup.tsx @@ -39,7 +39,7 @@ export const RemoveIndividualSchedulePopup = ({ }); const getNextStep = () => - setStep(prevStep => { + setStep((prevStep) => { const newStep = prevStep + 1; return newStep as Steps; diff --git a/src/modules/Dashboard/features/Applet/Schedule/Schedule.hooks.ts b/src/modules/Dashboard/features/Applet/Schedule/Schedule.hooks.ts index 635edfd7ae..b4b1548bb8 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Schedule.hooks.ts +++ b/src/modules/Dashboard/features/Applet/Schedule/Schedule.hooks.ts @@ -49,7 +49,7 @@ export const usePreparedEvents = (appletData?: SingleApplet): PreparedEvents | n }, ) => { const activityOrFlowId = activityId || flowId || ''; - const currentActivityOrFlow = activitiesAndFlows.find(item => item.id === activityOrFlowId); + const currentActivityOrFlow = activitiesAndFlows.find((item) => item.id === activityOrFlowId); if (currentActivityOrFlow && !currentActivityOrFlow?.isHidden) { const { type: periodicityType, selectedDate, startDate, endDate } = periodicity; @@ -154,7 +154,7 @@ export const usePreparedEvents = (appletData?: SingleApplet): PreparedEvents | n const event = { id, name, isFlow }; if (isHidden) return deactivatedEvents.push(event); - const scheduledActivityFlow = scheduledActivitiesFlows.find(item => item.id === id); + const scheduledActivityFlow = scheduledActivitiesFlows.find((item) => item.id === id); if (scheduledActivityFlow) { const colors = scheduledActivityFlow.color; @@ -165,7 +165,7 @@ export const usePreparedEvents = (appletData?: SingleApplet): PreparedEvents | n }); } - const alwaysActivityFlow = alwaysActivitiesFlows.find(flow => flow.id === id); + const alwaysActivityFlow = alwaysActivitiesFlows.find((flow) => flow.id === id); const colors = alwaysActivityFlow?.color || []; alwaysAvailableEvents.push({ diff --git a/src/modules/Dashboard/features/Applet/Schedule/Schedule.utils.tsx b/src/modules/Dashboard/features/Applet/Schedule/Schedule.utils.tsx index 960a53462a..ae329da88c 100644 --- a/src/modules/Dashboard/features/Applet/Schedule/Schedule.utils.tsx +++ b/src/modules/Dashboard/features/Applet/Schedule/Schedule.utils.tsx @@ -7,7 +7,7 @@ import { without } from 'shared/utils'; import { ActivitiesFlowsWithColors } from './Schedule.types'; -export const getCount = (ids: ActivitiesFlowsWithColors, id: string) => ids.filter(item => item.id === id).length; +export const getCount = (ids: ActivitiesFlowsWithColors, id: string) => ids.filter((item) => item.id === id).length; export const convertDateToYearMonthDay = (date: Date | string) => typeof date === 'string' ? date : format(date, DateFormats.YearMonthDay); diff --git a/src/modules/Dashboard/features/Applet/ShareApplet/ShareApplet.tsx b/src/modules/Dashboard/features/Applet/ShareApplet/ShareApplet.tsx index 6f40d4ebc8..396380cc88 100644 --- a/src/modules/Dashboard/features/Applet/ShareApplet/ShareApplet.tsx +++ b/src/modules/Dashboard/features/Applet/ShareApplet/ShareApplet.tsx @@ -79,8 +79,8 @@ export const ShareApplet = ({ const handleAddKeyword = (keyword: string) => { if (keyword.length) { setValue('keyword', ''); - setKeywords(prevState => { - if (prevState.some(item => item === keyword)) { + setKeywords((prevState) => { + if (prevState.some((item) => item === keyword)) { return prevState; } const newKeywords = prevState.concat(keyword.trim()); @@ -92,7 +92,7 @@ export const ShareApplet = ({ }; const handleRemoveKeyword = (index: number) => { - setKeywords(prevState => { + setKeywords((prevState) => { const newKeywords = prevState?.filter((_, i) => i !== index); setValue('keywords', newKeywords); diff --git a/src/modules/Dashboard/features/Applets/Applets.hooks.ts b/src/modules/Dashboard/features/Applets/Applets.hooks.ts index 6bbef2840e..f848a73b8a 100644 --- a/src/modules/Dashboard/features/Applets/Applets.hooks.ts +++ b/src/modules/Dashboard/features/Applets/Applets.hooks.ts @@ -57,7 +57,7 @@ export const useAppletsWithFolders = (onChangeApplets: Dispatch !!groupedAppletList[folderId]); + const shownExpandedFolders = expandedFolders.filter((folderId) => !!groupedAppletList[folderId]); if (search) { const appletsWithFolders = getAppletsWithLocalFolders(appletList ?? [], folders ?? [], expandedFolders); @@ -85,13 +85,13 @@ export const useAppletsWithFolders = (onChangeApplets: Dispatch ({ + const nestedApplets = result.map((applet) => ({ ...applet, isFolder: false, parentId: id, })); - const folderIndex = formattedApplets.findIndex(row => row.id === id); + const folderIndex = formattedApplets.findIndex((row) => row.id === id); formattedApplets = [ ...formattedApplets.slice(0, folderIndex + 1), @@ -105,9 +105,10 @@ export const useAppletsWithFolders = (onChangeApplets: Dispatch { - setExpandedFolders(prevState => [...prevState, id]); + setExpandedFolders((prevState) => [...prevState, id]); }; - const collapseFolder = (id: string) => setExpandedFolders(prevState => prevState.filter(folderId => folderId !== id)); + const collapseFolder = (id: string) => + setExpandedFolders((prevState) => prevState.filter((folderId) => folderId !== id)); return { count, diff --git a/src/modules/Dashboard/features/Applets/Applets.test.tsx b/src/modules/Dashboard/features/Applets/Applets.test.tsx index 787d01def7..59ec121aef 100644 --- a/src/modules/Dashboard/features/Applets/Applets.test.tsx +++ b/src/modules/Dashboard/features/Applets/Applets.test.tsx @@ -159,7 +159,7 @@ describe('Applets component tests', () => { params: { limit: 20 }, signal: undefined, }); - rows.forEach(row => expect(screen.getByText(row)).toBeInTheDocument()); + rows.forEach((row) => expect(screen.getByText(row)).toBeInTheDocument()); }); }); @@ -196,7 +196,7 @@ describe('Applets component tests', () => { await waitFor(() => { const menuItems = ['dashboard-applets-add-applet-new', 'dashboard-applets-add-applet-from-library']; - menuItems.forEach(menuItem => expect(screen.getByTestId(menuItem)).toBeInTheDocument()); + menuItems.forEach((menuItem) => expect(screen.getByTestId(menuItem)).toBeInTheDocument()); }); fireEvent.click(screen.getByTestId('dashboard-applets-add-applet-new')); diff --git a/src/modules/Dashboard/features/Applets/Applets.tsx b/src/modules/Dashboard/features/Applets/Applets.tsx index 873dd544aa..7b8b08c91c 100644 --- a/src/modules/Dashboard/features/Applets/Applets.tsx +++ b/src/modules/Dashboard/features/Applets/Applets.tsx @@ -45,9 +45,9 @@ export const Applets = () => { const { fetchData, isLoading, count, expandedFolders, expandFolder, collapseFolder } = useAppletsWithFolders(setRows); - const { handleSearch, searchValue, ...tableProps } = useTable(async params => await fetchData(params)); + const { handleSearch, searchValue, ...tableProps } = useTable(async (params) => await fetchData(params)); - const folders = rows.filter(row => row.isFolder) as Folder[]; + const folders = rows.filter((row) => row.isFolder) as Folder[]; const addFolder = () => { const newFolderName = generateNewFolderName(folders); @@ -98,7 +98,7 @@ export const Applets = () => { const isFolderExpanded = expandedFolders.includes(folder.id); if (isFolderExpanded) { - setRows(rows.filter(row => (row as Applet)?.parentId !== folder.id)); + setRows(rows.filter((row) => (row as Applet)?.parentId !== folder.id)); collapseFolder(folder.id); return; diff --git a/src/modules/Dashboard/features/Applets/Applets.utils.ts b/src/modules/Dashboard/features/Applets/Applets.utils.ts index f0cee51945..5bf17c70ad 100644 --- a/src/modules/Dashboard/features/Applets/Applets.utils.ts +++ b/src/modules/Dashboard/features/Applets/Applets.utils.ts @@ -53,7 +53,7 @@ export const getAppletsWithLocalFolders = (applets: Applet[], folders: Folder[], return [ ...result, folder, - ...applets.map(applet => ({ + ...applets.map((applet) => ({ ...applet, isFolder: false, parentId: folderRow.id, diff --git a/src/modules/Dashboard/features/Applets/AppletsTable/AppletItem/AppletItem.tsx b/src/modules/Dashboard/features/Applets/AppletsTable/AppletItem/AppletItem.tsx index 62f699027e..3cb7d3a254 100644 --- a/src/modules/Dashboard/features/Applets/AppletsTable/AppletItem/AppletItem.tsx +++ b/src/modules/Dashboard/features/Applets/AppletsTable/AppletItem/AppletItem.tsx @@ -192,8 +192,8 @@ export const AppletItem = ({ item, onPublish }: AppletItemProps) => { onDragStart={onDragStart} onDragLeave={onDragLeave} onDragOver={onDragOver} - onDragEnd={event => onDragEnd(event, item)} - onDrop={event => onDrop(event, item)} + onDragEnd={(event) => onDragEnd(event, item)} + onDrop={(event) => onDrop(event, item)} hover onMouseEnter={() => setHasVisibleActions(true)} onMouseLeave={() => setHasVisibleActions(false)}> @@ -204,7 +204,7 @@ export const AppletItem = ({ item, onPublish }: AppletItemProps) => { { + onClick={(event) => { event.stopPropagation(); handleTogglePin(); }} diff --git a/src/modules/Dashboard/features/Applets/AppletsTable/AppletsTable.hooks.ts b/src/modules/Dashboard/features/Applets/AppletsTable/AppletsTable.hooks.ts index b836466a93..be2ff40535 100644 --- a/src/modules/Dashboard/features/Applets/AppletsTable/AppletsTable.hooks.ts +++ b/src/modules/Dashboard/features/Applets/AppletsTable/AppletsTable.hooks.ts @@ -44,7 +44,7 @@ export const useAppletsDnd = () => { const folder = droppedItem.isFolder ? droppedItem - : rows?.filter(row => row.id === (droppedItem as Applet).parentId)[0]; + : rows?.filter((row) => row.id === (droppedItem as Applet).parentId)[0]; if (!wasInFolder && isMovingToFolder) { await setFolder({ folderId: folder.id, appletId: draggedItem.id }); @@ -53,7 +53,7 @@ export const useAppletsDnd = () => { } if (isMovingToFolder && wasInFolder) { - const previousFolder = rows?.filter(row => row.id === draggedItem.parentId)[0]; + const previousFolder = rows?.filter((row) => row.id === draggedItem.parentId)[0]; if (previousFolder.id === folder.id) return; await setFolder({ folderId: folder.id, appletId: draggedItem.id }); diff --git a/src/modules/Dashboard/features/Applets/AppletsTable/FolderItem/FolderItem.test.tsx b/src/modules/Dashboard/features/Applets/AppletsTable/FolderItem/FolderItem.test.tsx index 8bd1bc196a..2ebe634d07 100644 --- a/src/modules/Dashboard/features/Applets/AppletsTable/FolderItem/FolderItem.test.tsx +++ b/src/modules/Dashboard/features/Applets/AppletsTable/FolderItem/FolderItem.test.tsx @@ -81,7 +81,7 @@ describe('FolderItem component tests', () => { const actionsDataTestIds = ['dashboard-applets-folder-rename', 'dashboard-applets-folder-delete']; await waitFor(() => { - actionsDataTestIds.forEach(dataTestId => expect(screen.getByTestId(dataTestId)).toBeInTheDocument()); + actionsDataTestIds.forEach((dataTestId) => expect(screen.getByTestId(dataTestId)).toBeInTheDocument()); }); fireEvent.mouseLeave(actionsDots); }); diff --git a/src/modules/Dashboard/features/Applets/AppletsTable/FolderItem/FolderItem.tsx b/src/modules/Dashboard/features/Applets/AppletsTable/FolderItem/FolderItem.tsx index 768204bbf5..c4a80aa21f 100644 --- a/src/modules/Dashboard/features/Applets/AppletsTable/FolderItem/FolderItem.tsx +++ b/src/modules/Dashboard/features/Applets/AppletsTable/FolderItem/FolderItem.tsx @@ -41,10 +41,10 @@ export const FolderItem = ({ item }: FolderItemProps) => { const [folder, setFolder] = useState(item); const [hasVisibleActions, setHasVisibleActions] = useState(false); - const isFolderExpanded = !!expandedFolders.find(id => id === item.id); + const isFolderExpanded = !!expandedFolders.find((id) => id === item.id); const handleRenameFolder = () => { - setFolder(folder => ({ ...folder, isRenaming: true })); + setFolder((folder) => ({ ...folder, isRenaming: true })); }; const onDeleteFolder = async () => { @@ -57,11 +57,11 @@ export const FolderItem = ({ item }: FolderItemProps) => { }; const handleChange = (event: ChangeEvent) => { - setFolder(folder => ({ ...folder, displayName: event.target.value })); + setFolder((folder) => ({ ...folder, displayName: event.target.value })); }; const handleClearClick = () => { - setFolder(folder => ({ ...folder, displayName: '' })); + setFolder((folder) => ({ ...folder, displayName: '' })); }; const handleKeyDown = (event: KeyboardEvent) => { @@ -76,7 +76,7 @@ export const FolderItem = ({ item }: FolderItemProps) => { const saveFolderHandler = async () => { if (!folder.isNew && folder.displayName === item.displayName) { - return setFolder(folder => ({ ...folder, isRenaming: false })); + return setFolder((folder) => ({ ...folder, isRenaming: false })); } if (!ownerId) return; @@ -105,7 +105,7 @@ export const FolderItem = ({ item }: FolderItemProps) => { className={isDragOver ? 'dragged-over' : ''} onDragLeave={onDragLeave} onDragOver={onDragOver} - onDrop={event => onDrop(event, item)} + onDrop={(event) => onDrop(event, item)} onMouseEnter={() => setHasVisibleActions(true)} onMouseLeave={() => setHasVisibleActions(false)}> (folder?.isRenaming ? null : onFolderClick())}> @@ -127,7 +127,7 @@ export const FolderItem = ({ item }: FolderItemProps) => { { + onMouseDown={(event) => { event.preventDefault(); handleClearClick(); }}> diff --git a/src/modules/Dashboard/features/Managers/Managers.test.tsx b/src/modules/Dashboard/features/Managers/Managers.test.tsx index f371ebb4a5..2ada74cfaa 100644 --- a/src/modules/Dashboard/features/Managers/Managers.test.tsx +++ b/src/modules/Dashboard/features/Managers/Managers.test.tsx @@ -91,8 +91,8 @@ describe('Managers component tests', () => { await waitFor(() => { expect(screen.getByTestId('dashboard-managers-table')).toBeInTheDocument(); - tableColumnNames.forEach(column => expect(screen.getByText(column)).toBeInTheDocument()); - managersColumns.forEach(column => expect(screen.getByText(column)).toBeInTheDocument()); + tableColumnNames.forEach((column) => expect(screen.getByText(column)).toBeInTheDocument()); + managersColumns.forEach((column) => expect(screen.getByText(column)).toBeInTheDocument()); }); }); @@ -123,7 +123,7 @@ describe('Managers component tests', () => { const actionsDataTestIds = ['dashboard-managers-edit-user', 'dashboard-managers-remove-access']; await waitFor(() => { - actionsDataTestIds.forEach(dataTestId => expect(screen.getByTestId(dataTestId)).toBeInTheDocument()); + actionsDataTestIds.forEach((dataTestId) => expect(screen.getByTestId(dataTestId)).toBeInTheDocument()); }); }); diff --git a/src/modules/Dashboard/features/Managers/Managers.tsx b/src/modules/Dashboard/features/Managers/Managers.tsx index 47cd294147..d356e83fe6 100644 --- a/src/modules/Dashboard/features/Managers/Managers.tsx +++ b/src/modules/Dashboard/features/Managers/Managers.tsx @@ -29,7 +29,7 @@ export const Managers = () => { const { execute: getWorkspaceManagers } = useAsync( getWorkspaceManagersApi, - response => { + (response) => { setManagersData(response?.data || null); }, undefined, @@ -48,7 +48,7 @@ export const Managers = () => { }); }); - const { searchValue, handleSearch, handleReload, ...tableProps } = useTable(args => { + const { searchValue, handleSearch, handleReload, ...tableProps } = useTable((args) => { setIsLoading(true); const params = { ...args, @@ -63,7 +63,7 @@ export const Managers = () => { const filterAppletsByRoles = (user: Manager) => ({ ...user, - applets: user.applets.filter(applet => { + applets: user.applets.filter((applet) => { const workspaceUserRole = rolesData?.data?.[applet.id]?.[0]; const withoutManagerOrOwner = !applet.roles?.some(({ role }) => isManagerOrOwner(role)); @@ -111,7 +111,7 @@ export const Managers = () => { const rows: DashboardTableProps['rows'] = useMemo( () => - managersData?.result?.map(user => { + managersData?.result?.map((user) => { const filteredManager = filterAppletsByRoles(user); const { email, firstName, lastName, roles, isPinned, id } = user; const stringRoles = joinWihComma(roles); diff --git a/src/modules/Dashboard/features/Managers/Popups/ManagersEditAccessPopup/Applet/Applet.tsx b/src/modules/Dashboard/features/Managers/Popups/ManagersEditAccessPopup/Applet/Applet.tsx index 2dad9fc5b0..2a851dd7b6 100644 --- a/src/modules/Dashboard/features/Managers/Popups/ManagersEditAccessPopup/Applet/Applet.tsx +++ b/src/modules/Dashboard/features/Managers/Popups/ManagersEditAccessPopup/Applet/Applet.tsx @@ -28,7 +28,7 @@ export const Applet = ({ const [anchorEl, setAnchorEl] = useState(null); const [selectRespondentsPopupVisible, setSelectRespondentsPopupVisible] = useState(false); const isPristineRef = useRef(true); - const hasManagerRole = isPristineRef.current && roles.some(item => item.role === Roles.Manager); + const hasManagerRole = isPristineRef.current && roles.some((item) => item.role === Roles.Manager); const addRoleTooltip = hasManagerRole ? t('userHasManagerAccess') : null; const handleAddRole = (label: Roles) => { diff --git a/src/modules/Dashboard/features/Managers/Popups/ManagersEditAccessPopup/ManagersEditAccessPopup.tsx b/src/modules/Dashboard/features/Managers/Popups/ManagersEditAccessPopup/ManagersEditAccessPopup.tsx index 218186b35a..d7d275011c 100644 --- a/src/modules/Dashboard/features/Managers/Popups/ManagersEditAccessPopup/ManagersEditAccessPopup.tsx +++ b/src/modules/Dashboard/features/Managers/Popups/ManagersEditAccessPopup/ManagersEditAccessPopup.tsx @@ -50,7 +50,7 @@ export const EditAccessPopup = ({ onClose, popupVisible, user }: EditAccessPopup const onCloseHandler = () => onClose(); const updateAppletHandler = (id: string, callback: (roles: Role[]) => Role[]) => { - const updatedApplets = applets.map(applet => + const updatedApplets = applets.map((applet) => applet.id === id ? { ...applet, @@ -62,7 +62,7 @@ export const EditAccessPopup = ({ onClose, popupVisible, user }: EditAccessPopup }; const handleRemoveRole = (id: string, label: Roles) => - updateAppletHandler(id, roles => roles.filter(({ role }) => role !== label)); + updateAppletHandler(id, (roles) => roles.filter(({ role }) => role !== label)); const handleAddRole = (id: string, role: Roles) => { const callback = (roles: Role[]) => [...roles, { role, icon: getRoleIcon(role) }]; @@ -71,8 +71,8 @@ export const EditAccessPopup = ({ onClose, popupVisible, user }: EditAccessPopup }; const handleAddSelectedRespondents = (id: string, respondents: string[]) => - updateAppletHandler(id, roles => - roles.map(role => ({ + updateAppletHandler(id, (roles) => + roles.map((role) => ({ ...role, ...(role.role === Roles.Reviewer && { reviewerRespondents: respondents }), })), @@ -117,7 +117,7 @@ export const EditAccessPopup = ({ onClose, popupVisible, user }: EditAccessPopup - {applets.map(applet => ( + {applets.map((applet) => ( el).join(', ') }} + values={{ titles: appletsWithoutRespondents.map((el) => el).join(', ') }} /> )} diff --git a/src/modules/Dashboard/features/Managers/Popups/ManagersRemoveAccessPopup/ManagersRemoveAccessPopup.tsx b/src/modules/Dashboard/features/Managers/Popups/ManagersRemoveAccessPopup/ManagersRemoveAccessPopup.tsx index 93d83e7e47..6c5487f06c 100644 --- a/src/modules/Dashboard/features/Managers/Popups/ManagersRemoveAccessPopup/ManagersRemoveAccessPopup.tsx +++ b/src/modules/Dashboard/features/Managers/Popups/ManagersRemoveAccessPopup/ManagersRemoveAccessPopup.tsx @@ -33,8 +33,8 @@ export const ManagersRemoveAccessPopup = ({ popupVisible, onClose, user }: Remov const [step, setStep] = useState(appletId ? 1 : 0); - const incrementStep = () => setStep(prevStep => prevStep + 1); - const decrementStep = () => setStep(prevStep => prevStep - 1); + const incrementStep = () => setStep((prevStep) => prevStep + 1); + const decrementStep = () => setStep((prevStep) => prevStep - 1); const defaultValues = applets?.map(({ displayName, id, image }) => ({ displayName, @@ -51,12 +51,12 @@ export const ManagersRemoveAccessPopup = ({ popupVisible, onClose, user }: Remov const getSelectedApplets = () => { if (appletId) { - const selectedApplet = watchedUserApplets.find(applet => applet.id === appletId); + const selectedApplet = watchedUserApplets.find((applet) => applet.id === appletId); return selectedApplet ? [selectedApplet] : []; } - return watchedUserApplets.filter(applet => applet.value); + return watchedUserApplets.filter((applet) => applet.value); }; const selectedApplets = getSelectedApplets(); @@ -101,13 +101,13 @@ export const ManagersRemoveAccessPopup = ({ popupVisible, onClose, user }: Remov return incrementStep(); case 1: execute({ - appletIds: selectedApplets.map(item => item.id), + appletIds: selectedApplets.map((item) => item.id), userId: user.id, }); break; case 2: execute({ - appletIds: selectedApplets.map(item => item.id), + appletIds: selectedApplets.map((item) => item.id), userId: user.id, }); break; @@ -118,7 +118,7 @@ export const ManagersRemoveAccessPopup = ({ popupVisible, onClose, user }: Remov } }; - const listOfSelectedApplets = selectedApplets?.map(applet => ( + const listOfSelectedApplets = selectedApplets?.map((applet) => ( - {applet.displayName} )); diff --git a/src/modules/Dashboard/features/Managers/Popups/SelectRespondentsPopup/SelectRespondents/SelectRespondents.tsx b/src/modules/Dashboard/features/Managers/Popups/SelectRespondentsPopup/SelectRespondents/SelectRespondents.tsx index 691c2227bb..b7b9069d2f 100644 --- a/src/modules/Dashboard/features/Managers/Popups/SelectRespondentsPopup/SelectRespondents/SelectRespondents.tsx +++ b/src/modules/Dashboard/features/Managers/Popups/SelectRespondentsPopup/SelectRespondents/SelectRespondents.tsx @@ -38,7 +38,7 @@ export const SelectRespondents = ({ reviewer: { name, email }, appletName, respo name={id} value={id} label={<>} - onCustomChange={event => { + onCustomChange={(event) => { filterTableRows( searchAcrossValue.current, { ...getValues(), [id]: event.target.checked }, diff --git a/src/modules/Dashboard/features/Managers/Popups/SelectRespondentsPopup/SelectRespondentsPopup.tsx b/src/modules/Dashboard/features/Managers/Popups/SelectRespondentsPopup/SelectRespondentsPopup.tsx index 07db176ef2..174da875df 100644 --- a/src/modules/Dashboard/features/Managers/Popups/SelectRespondentsPopup/SelectRespondentsPopup.tsx +++ b/src/modules/Dashboard/features/Managers/Popups/SelectRespondentsPopup/SelectRespondentsPopup.tsx @@ -53,7 +53,7 @@ export const SelectRespondentsPopup = ({ const handleConfirm = () => { const values = getValues(); - const selectedRespondents = Object.keys(values).filter(key => values[key]); + const selectedRespondents = Object.keys(values).filter((key) => values[key]); onClose(selectedRespondents); }; diff --git a/src/modules/Dashboard/features/RespondentData/CollapsedMdText/CollapsedMdText.tsx b/src/modules/Dashboard/features/RespondentData/CollapsedMdText/CollapsedMdText.tsx index 58069e0521..4c7daf4a42 100644 --- a/src/modules/Dashboard/features/RespondentData/CollapsedMdText/CollapsedMdText.tsx +++ b/src/modules/Dashboard/features/RespondentData/CollapsedMdText/CollapsedMdText.tsx @@ -21,7 +21,7 @@ export const CollapsedMdText = ({ text, maxHeight, 'data-testid': dataTestid }: }, [height, maxHeight]); const toggleOpen = () => { - setIsOpen(state => !state); + setIsOpen((state) => !state); }; return ( diff --git a/src/modules/Dashboard/features/RespondentData/RespondentData.utils.ts b/src/modules/Dashboard/features/RespondentData/RespondentData.utils.ts index 25d2db71b8..fa2a081554 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentData.utils.ts +++ b/src/modules/Dashboard/features/RespondentData/RespondentData.utils.ts @@ -1,7 +1,7 @@ import { createArray } from 'shared/utils'; export const createArrayForSlider = ({ maxValue, minValue }: { maxValue: number; minValue: number }) => - createArray(maxValue - minValue + 1, index => ({ + createArray(maxValue - minValue + 1, (index) => ({ value: minValue + index, label: minValue + index, })); diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessementItems/MultipleSelection/MultipleSelection.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessementItems/MultipleSelection/MultipleSelection.tsx index 8b538aeb3a..dcf669c6dd 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessementItems/MultipleSelection/MultipleSelection.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessementItems/MultipleSelection/MultipleSelection.tsx @@ -51,7 +51,7 @@ export const MultipleSelection = ({ if (!value?.includes(optionValue)) { return onChange && onChange([...value, optionValue]); } - const updatedOptions = value.filter(value => String(value) !== optionValue); + const updatedOptions = value.filter((value) => String(value) !== optionValue); onChange && onChange(updatedOptions); }} /> diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessmentControllers/AssesmentControllers.utils.ts b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessmentControllers/AssesmentControllers.utils.ts index 3654c50ff0..334feb7d37 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessmentControllers/AssesmentControllers.utils.ts +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessmentControllers/AssesmentControllers.utils.ts @@ -1,4 +1,4 @@ import { AssessmentFormItem } from 'modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/Feedback.types'; export const getActivityItemIndex = (assessmentItems: AssessmentFormItem[], checkId: string) => - assessmentItems?.findIndex(item => item.itemId === checkId); + assessmentItems?.findIndex((item) => item.itemId === checkId); diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessmentControllers/SingleSelectionController/SingleSelectionController.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessmentControllers/SingleSelectionController/SingleSelectionController.tsx index cf23878cd4..13f23f51d6 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessmentControllers/SingleSelectionController/SingleSelectionController.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessmentControllers/SingleSelectionController/SingleSelectionController.tsx @@ -18,7 +18,7 @@ export const SingleSelectionController = ({ {...radioGroupProps} activityItem={activityItem} isDisabled={isDisabled} - onChange={value => onChange(value)} + onChange={(value) => onChange(value)} data-testid={dataTestid} /> )} diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessmentControllers/SliderController/SliderController.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessmentControllers/SliderController/SliderController.tsx index 4a5f08bac6..a29819f4a9 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessmentControllers/SliderController/SliderController.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/AssessmentControllers/SliderController/SliderController.tsx @@ -18,7 +18,7 @@ export const SliderController = ({ {...sliderProps} activityItem={activityItem} isDisabled={isDisabled} - onChange={value => onChange(value)} + onChange={(value) => onChange(value)} data-testid={dataTestid} /> )} diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackAssessment/FeedbackAssessment.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackAssessment/FeedbackAssessment.tsx index bd1971cafb..1618f22c53 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackAssessment/FeedbackAssessment.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackAssessment/FeedbackAssessment.tsx @@ -105,7 +105,7 @@ export const FeedbackAssessment = ({ setActiveTab, assessmentStep, setAssessment setIsLastVersion(true); setIsBannerVisible(false); - const updatedAssessment = lastAssessment.map(activityItem => ({ + const updatedAssessment = lastAssessment.map((activityItem) => ({ activityItem, answer: undefined, })) as AssessmentActivityItem[]; diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackAssessment/FeedbackAssessment.utils.ts b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackAssessment/FeedbackAssessment.utils.ts index cdf0bf3b27..88205424b5 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackAssessment/FeedbackAssessment.utils.ts +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackAssessment/FeedbackAssessment.utils.ts @@ -4,7 +4,7 @@ import { FormattedAssessmentAnswer } from 'modules/Dashboard/features/Respondent import { AssessmentFormItem } from '../Feedback.types'; -export const formatToNumberArray = (stringArray: string[]) => stringArray.map(item => +item); +export const formatToNumberArray = (stringArray: string[]) => stringArray.map((item) => +item); export const hasAnswerValue = (value: string | number | string[]) => { if (Array.isArray(value)) return !!value.length; diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackNotes/FeedbackNotes.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackNotes/FeedbackNotes.tsx index d948bef4b0..48a24650cb 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackNotes/FeedbackNotes.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackNotes/FeedbackNotes.tsx @@ -33,7 +33,7 @@ export const FeedbackNotes = ({ activity }: { activity: DatavizActivity }) => { const { execute: getAnswersNotes, isLoading } = useAsync( getAnswersNotesApi, - res => res?.data?.result && setNotes(res.data.result), + (res) => res?.data?.result && setNotes(res.data.result), ); const updateListOfNotes = async () => { diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackReviewed/FeedbackReviewed.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackReviewed/FeedbackReviewed.tsx index ed9abe0f3e..084aeb78d2 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackReviewed/FeedbackReviewed.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackReviewed/FeedbackReviewed.tsx @@ -23,7 +23,7 @@ export const FeedbackReviewed = () => { const getDecryptedActivityData = useDecryptedActivityData(); const { execute: getReviews } = useAsync( getReviewsApi, - async result => { + async (result) => { const reviews = result?.data?.result ?? []; const decryptedData: ReviewData[] = []; diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackReviewed/FeedbackReviewer/FeedbackReviewer.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackReviewed/FeedbackReviewer/FeedbackReviewer.tsx index d78bac32b6..a797e86f58 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackReviewed/FeedbackReviewer/FeedbackReviewer.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/Feedback/FeedbackReviewed/FeedbackReviewer/FeedbackReviewer.tsx @@ -20,7 +20,7 @@ export const FeedbackReviewer = ({ const [isOpen, setIsOpen] = useState(false); const toggleIsOpen = () => { - setIsOpen(state => !state); + setIsOpen((state) => !state); }; return ( diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/MultiSelectResponseItem/MultiSelectResponseItem.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/MultiSelectResponseItem/MultiSelectResponseItem.tsx index dced1b5fa9..3b36533b87 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/MultiSelectResponseItem/MultiSelectResponseItem.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/MultiSelectResponseItem/MultiSelectResponseItem.tsx @@ -6,7 +6,7 @@ import { StyledContainer } from './MultiSelectResponseItem.styles'; export const MultiSelectResponseItem = ({ activityItem, answer, 'data-testid': dataTestid }: MultiSelectItemAnswer) => ( {activityItem.responseValues.options.map(({ id, text, value }, index) => { - const values = answer?.value.map(value => +value) || []; + const values = answer?.value.map((value) => +value) || []; const checked = values.includes(value!); return ( diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/RespondentDataReview.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/RespondentDataReview.tsx index e39c1fcdcb..9187e26fcf 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/RespondentDataReview.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/RespondentDataReview.tsx @@ -99,7 +99,7 @@ export const RespondentDataReview = () => { const getDecryptedActivityData = useDecryptedActivityData(); - const { execute: getActivityAnswer } = useAsync(getActivityAnswerApi, async res => { + const { execute: getActivityAnswer } = useAsync(getActivityAnswerApi, async (res) => { if (!res?.data?.result) return; const decryptedActivityData = await getDecryptedActivityData(res.data.result); diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/ReviewMenu/ReviewMenuItem/ReviewMenuItem.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/ReviewMenu/ReviewMenuItem/ReviewMenuItem.tsx index 70b24cb9e2..e63f9c5092 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataReview/ReviewMenu/ReviewMenuItem/ReviewMenuItem.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataReview/ReviewMenu/ReviewMenuItem/ReviewMenuItem.tsx @@ -31,7 +31,7 @@ export const ReviewMenuItem = ({ useEffect(() => { if (selectedAnswer || !answerId) return; - const answerByRoute = activity.answerDates.find(answer => answer.answerId === answerId); + const answerByRoute = activity.answerDates.find((answer) => answer.answerId === answerId); if (answerByRoute) { onSelectAnswer(answerByRoute); setSelectedActivity(activity); @@ -46,7 +46,7 @@ export const ReviewMenuItem = ({ const handleActivityClick = () => { setSelectedActivity(activity); onSelectAnswer(null); - setIsOpen(state => !state); + setIsOpen((state) => !state); navigate(generatePath(page.appletRespondentDataReview, { appletId, respondentId })); }; diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Charts/Charts.utils.ts b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Charts/Charts.utils.ts index 34806a1867..da4e56edd1 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Charts/Charts.utils.ts +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Charts/Charts.utils.ts @@ -90,7 +90,7 @@ export const scatterChartTooltipHandler = ({ setTooltipData, chartType, }: ScatterChartTooltipHandler) => { - if (context.tooltip.dataPoints?.find(dataPoint => dataPoint.dataset.xAxisID === 'x2')) return; // hide the tooltip for version axis + if (context.tooltip.dataPoints?.find((dataPoint) => dataPoint.dataset.xAxisID === 'x2')) return; // hide the tooltip for version axis const tooltipEl = tooltipRef.current; if (!tooltipEl) return; diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Charts/LineChart/SubscaleLineChart/SubscaleLineChart.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Charts/LineChart/SubscaleLineChart/SubscaleLineChart.tsx index f3fa97b22d..3587bb6ecc 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Charts/LineChart/SubscaleLineChart/SubscaleLineChart.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Charts/LineChart/SubscaleLineChart/SubscaleLineChart.tsx @@ -39,7 +39,7 @@ export const SubscaleLineChart = ({ data, versions }: SubscaleLineChartProps) => const { watch } = useFormContext(); const { minDate, maxDate, filteredVersions } = useDatavizFilters(watch, versions); - const responses = data.subscales.map(subscale => subscale.activityCompletions); + const responses = data.subscales.map((subscale) => subscale.activityCompletions); const scores = pluck(responses.flat(), 'score'); const minScore = Math.min(...scores); const maxScore = Math.max(...scores); @@ -72,11 +72,11 @@ export const SubscaleLineChart = ({ data, versions }: SubscaleLineChartProps) => const chart = chartRef.current; - const tooltipsPoint = dataPoints.filter(point => point.dataset.xAxisID === 'x'); + const tooltipsPoint = dataPoints.filter((point) => point.dataset.xAxisID === 'x'); if (chart && tooltipsPoint.length) { const tooltipDataPoints = await Promise.all( - tooltipsPoint.map(async dataPoint => { + tooltipsPoint.map(async (dataPoint) => { let optionText = (dataPoint.raw as SubscaleLineDataPointRaw).optionText; if (optionText && optionText.match(LINK_PATTERN)) { diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Charts/LineChart/SubscaleLineChart/SubscaleLineChart.utils.ts b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Charts/LineChart/SubscaleLineChart/SubscaleLineChart.utils.ts index 56fa6cdd98..58b939faaa 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Charts/LineChart/SubscaleLineChart/SubscaleLineChart.utils.ts +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Charts/LineChart/SubscaleLineChart/SubscaleLineChart.utils.ts @@ -39,8 +39,8 @@ export const getOptions = ( align: 'start' as const, labels: { filter: (legendItem: LegendItem, chart: ChartData<'line'>) => { - const versionIndex = chart.datasets.findIndex(dataset => dataset.xAxisID === 'x2'); - const dateIndex = chart.datasets.findIndex(dataset => dataset.xAxisID === 'x1'); + const versionIndex = chart.datasets.findIndex((dataset) => dataset.xAxisID === 'x2'); + const dateIndex = chart.datasets.findIndex((dataset) => dataset.xAxisID === 'x1'); return legendItem.datasetIndex !== versionIndex && legendItem.datasetIndex !== dateIndex; }, diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Report.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Report.tsx index 5ce5893e7c..1899a36fd8 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Report.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Report.tsx @@ -54,7 +54,7 @@ export const Report = ({ activity, identifiers = [], versions = [] }: ReportProp execute: getLatestReport, isLoading: latestReportLoading, error: latestReportError, - } = useAsync(getLatestReportApi, response => { + } = useAsync(getLatestReportApi, (response) => { const data = response?.data; const headers = response?.headers; diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Report.utils.ts b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Report.utils.ts index 5273adce32..1e86a248eb 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Report.utils.ts +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Report.utils.ts @@ -32,7 +32,7 @@ export const isAnswerTypeCorrect = (answer: AnswerDTO, responseType: ItemRespons case ItemResponseType.MultipleSelection: { return ( Array.isArray((answer as DecryptedMultiSelectionAnswer)?.value) && - (answer as DecryptedMultiSelectionAnswer)?.value.every(item => typeof item === 'number') + (answer as DecryptedMultiSelectionAnswer)?.value.every((item) => typeof item === 'number') ); } case ItemResponseType.Text: { @@ -44,7 +44,7 @@ export const isAnswerTypeCorrect = (answer: AnswerDTO, responseType: ItemRespons const getSortedOptions = (options: ItemOption[]) => options.sort((a, b) => b.value - a.value); const shiftAnswerValues = (answers: Answer[]) => - answers.map(item => ({ + answers.map((item) => ({ ...item, answer: { ...item.answer, @@ -81,7 +81,7 @@ export const getIdentifiers = ( if (!filterByIdentifier) return; return identifiers.reduce((decryptedIdentifiers: string[], { encryptedValue, decryptedValue }: Identifier) => { - const identifier = filterIdentifiers.find(filterIdentifier => filterIdentifier.id === decryptedValue); + const identifier = filterIdentifiers.find((filterIdentifier) => filterIdentifier.id === decryptedValue); return identifier ? [...decryptedIdentifiers, encryptedValue] : decryptedIdentifiers; }, []); @@ -327,7 +327,7 @@ export const formatActivityItemAnswers = (currentAnswer: ActivityItemAnswer, dat isAnswerTypeCorrect(currentAnswer.answer, ItemResponseType.MultipleSelection); const answers = isValueCorrect - ? (currentAnswer.answer as DecryptedMultiSelectionAnswer)?.value.map(value => ({ + ? (currentAnswer.answer as DecryptedMultiSelectionAnswer)?.value.map((value) => ({ answer: { value: optionsValuesMapper[+value], text: null, @@ -441,7 +441,7 @@ export const getFormattedResponses = (activityResponses: ActivityCompletion[]) = } const subscalesItems = subscaleSetting?.subscales?.reduce( (items: string[], subscale: ActivitySettingsSubscale) => { - subscale?.items?.forEach(item => { + subscale?.items?.forEach((item) => { item.type === ElementType.Item && !items.includes(item.name) && items.push(item.name); }); @@ -451,7 +451,7 @@ export const getFormattedResponses = (activityResponses: ActivityCompletion[]) = ); let newItems = { ...items }; - decryptedAnswer.forEach(currentAnswer => { + decryptedAnswer.forEach((currentAnswer) => { if (subscalesItems?.includes(currentAnswer.activityItem.name)) return items; const item = items[currentAnswer.activityItem.id!]; diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/ReportTable/ReportTable.utils.ts b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/ReportTable/ReportTable.utils.ts index 349865aafd..d502bd99f2 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/ReportTable/ReportTable.utils.ts +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/ReportTable/ReportTable.utils.ts @@ -33,7 +33,7 @@ export const stableSort = (array: readonly T[], comparator: (a: T, b: T) => n return a[1] - b[1]; }); - return stabilized.map(el => el[0]); + return stabilized.map((el) => el[0]); }; export const getRows = (answers: TextItemAnswer[], skippedResponse: JSX.Element) => diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Subscales/AdditionalInformation/AdditionalInformation.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Subscales/AdditionalInformation/AdditionalInformation.tsx index a48ca3096f..d74b3d9b69 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Subscales/AdditionalInformation/AdditionalInformation.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Subscales/AdditionalInformation/AdditionalInformation.tsx @@ -14,7 +14,7 @@ import { StyledHeader, StyledContent, StyledMdPreview } from './AdditionalInform export const AdditionalInformation = ({ optionText, 'data-testid': dataTestid }: AdditionalInformationProps) => { const { t } = useTranslation(); - const { execute: getOptionText } = useAsync(getOptionTextApi, response => + const { execute: getOptionText } = useAsync(getOptionTextApi, (response) => setAdditionalInformation(response?.data || ''), ); diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Subscales/Subscales.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Subscales/Subscales.tsx index 4e46579231..0331cdaf33 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Subscales/Subscales.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Subscales/Subscales.tsx @@ -28,10 +28,10 @@ export const Subscales = ({ answers, versions, subscalesFrequency }: SubscalesPr (acc: ParsedSubscales, item) => { if (!item?.subscaleSetting?.subscales?.length) return acc; - const activityItems = getObjectFromList(item.decryptedAnswer, item => item.activityItem.name); + const activityItems = getObjectFromList(item.decryptedAnswer, (item) => item.activityItem.name); const subscalesObject = getObjectFromList( item.subscaleSetting.subscales, - item => item.name, + (item) => item.name, ); const calculatedTotalScore = @@ -92,11 +92,12 @@ export const Subscales = ({ answers, versions, subscalesFrequency }: SubscalesPr const currentActivityCompletion = answers.length === 1 ? answers[0] - : currentActivityCompletionData && answers.find(item => item.answerId === currentActivityCompletionData.answerId); + : currentActivityCompletionData && + answers.find((item) => item.answerId === currentActivityCompletionData.answerId); const calculatedTotalScore = currentActivityCompletion?.subscaleSetting?.calculateTotalScore && - finalScores?.find(item => item.activityCompletionID === currentActivityCompletion.answerId); + finalScores?.find((item) => item.activityCompletionID === currentActivityCompletion.answerId); const { activityCompletionToRender, activityCompletionScores } = currentActivityCompletion?.subscaleSetting?.subscales?.reduce( @@ -108,7 +109,7 @@ export const Subscales = ({ answers, versions, subscalesFrequency }: SubscalesPr item, ) => { const subscale = allSubscalesScores[item.name].activityCompletions.find( - el => el.activityCompletionID === currentActivityCompletion.answerId, + (el) => el.activityCompletionID === currentActivityCompletion.answerId, ); if (!subscale) return acc; @@ -158,7 +159,7 @@ export const Subscales = ({ answers, versions, subscalesFrequency }: SubscalesPr }; const lineChartSubscales = allSubscalesScores && [ - ...Object.keys(allSubscalesScores).map(key => ({ + ...Object.keys(allSubscalesScores).map((key) => ({ name: key, activityCompletions: allSubscalesScores[key].activityCompletions, })), diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Subscales/Subscales.utils.ts b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Subscales/Subscales.utils.ts index 80e56722d7..f667124943 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Subscales/Subscales.utils.ts +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/Report/Subscales/Subscales.utils.ts @@ -82,7 +82,7 @@ export const getAllSubscalesToRender = ( for (const subscaleItem of subscale.items) { if (subscaleItem.type === ElementType.Item) { const itemIndex = - allSubscalesToRender[subscale.name]?.items?.findIndex(item => item.activityItem.name === subscaleItem.name) ?? + allSubscalesToRender[subscale.name]?.items?.findIndex((item) => item.activityItem.name === subscaleItem.name) ?? -1; if (itemIndex < 0) { diff --git a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/RespondentDataSummary.utils.tsx b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/RespondentDataSummary.utils.tsx index 35857e64e0..2c4f4a4584 100644 --- a/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/RespondentDataSummary.utils.tsx +++ b/src/modules/Dashboard/features/RespondentData/RespondentDataSummary/RespondentDataSummary.utils.tsx @@ -12,7 +12,7 @@ export const getUniqueIdentifierOptions = (identifiers: Identifier[]) => const { decryptedValue } = identifierItem; - if (uniqueIdentifiers && !uniqueIdentifiers.find(identifier => identifier.id === decryptedValue)) { + if (uniqueIdentifiers && !uniqueIdentifiers.find((identifier) => identifier.id === decryptedValue)) { return [ ...uniqueIdentifiers, { diff --git a/src/modules/Dashboard/features/Respondents/Popups/EditRespondentPopup/EditRespondentPopup.test.tsx b/src/modules/Dashboard/features/Respondents/Popups/EditRespondentPopup/EditRespondentPopup.test.tsx index 11b476e8d5..20a9e663ba 100644 --- a/src/modules/Dashboard/features/Respondents/Popups/EditRespondentPopup/EditRespondentPopup.test.tsx +++ b/src/modules/Dashboard/features/Respondents/Popups/EditRespondentPopup/EditRespondentPopup.test.tsx @@ -6,7 +6,7 @@ import { renderWithProviders } from 'shared/utils/renderWithProviders'; import { EditRespondentPopup } from '.'; const onCloseMock = jest.fn(); -const successFakeRequest = () => new Promise(res => res(null)); +const successFakeRequest = () => new Promise((res) => res(null)); const chosenAppletData = { appletId: '12312', diff --git a/src/modules/Dashboard/features/Respondents/Popups/RespondentsRemoveAccessPopup/RespondentsRemoveAccessPopup.tsx b/src/modules/Dashboard/features/Respondents/Popups/RespondentsRemoveAccessPopup/RespondentsRemoveAccessPopup.tsx index d47e7f990d..b53395531f 100644 --- a/src/modules/Dashboard/features/Respondents/Popups/RespondentsRemoveAccessPopup/RespondentsRemoveAccessPopup.tsx +++ b/src/modules/Dashboard/features/Respondents/Popups/RespondentsRemoveAccessPopup/RespondentsRemoveAccessPopup.tsx @@ -88,7 +88,7 @@ export const RespondentsRemoveAccessPopup = ({ } - control={ setRemoveData(prevVal => !prevVal)} />} + control={ setRemoveData((prevVal) => !prevVal)} />} data-testid={`${dataTestid}-remove-data`} /> )} @@ -96,7 +96,7 @@ export const RespondentsRemoveAccessPopup = ({ ); const getStep = (type: 'next' | 'prev') => - setStep(prevStep => { + setStep((prevStep) => { const newStep = type === 'next' ? prevStep + 1 : prevStep - 1; return newStep as Steps; diff --git a/src/modules/Dashboard/features/Respondents/Respondents.test.tsx b/src/modules/Dashboard/features/Respondents/Respondents.test.tsx index c407b60f8c..fe2b15c6d6 100644 --- a/src/modules/Dashboard/features/Respondents/Respondents.test.tsx +++ b/src/modules/Dashboard/features/Respondents/Respondents.test.tsx @@ -90,8 +90,8 @@ describe('Respondents component tests', () => { await waitFor(() => { expect(screen.getByTestId('dashboard-respondents-table')).toBeInTheDocument(); - tableColumnNames.forEach(column => expect(screen.getByText(column)).toBeInTheDocument()); - respondentColumns.forEach(column => expect(screen.getByText(column)).toBeInTheDocument()); + tableColumnNames.forEach((column) => expect(screen.getByText(column)).toBeInTheDocument()); + respondentColumns.forEach((column) => expect(screen.getByText(column)).toBeInTheDocument()); }); }); @@ -127,7 +127,7 @@ describe('Respondents component tests', () => { ]; await waitFor(() => { - actionsDataTestIds.forEach(dataTestId => expect(screen.getByTestId(dataTestId)).toBeInTheDocument()); + actionsDataTestIds.forEach((dataTestId) => expect(screen.getByTestId(dataTestId)).toBeInTheDocument()); }); }); @@ -146,7 +146,7 @@ describe('Respondents component tests', () => { ]; await waitFor(() => { - actionsDataTestIds.forEach(dataTestId => expect(screen.getByTestId(dataTestId)).toBeInTheDocument()); + actionsDataTestIds.forEach((dataTestId) => expect(screen.getByTestId(dataTestId)).toBeInTheDocument()); }); }); diff --git a/src/modules/Dashboard/features/Respondents/Respondents.tsx b/src/modules/Dashboard/features/Respondents/Respondents.tsx index 044bca2702..e517be6ab8 100644 --- a/src/modules/Dashboard/features/Respondents/Respondents.tsx +++ b/src/modules/Dashboard/features/Respondents/Respondents.tsx @@ -40,7 +40,7 @@ export const Respondents = () => { const { execute: getWorkspaceRespondents } = useAsync( getWorkspaceRespondentsApi, - response => { + (response) => { setRespondentsData(response?.data || null); }, undefined, @@ -59,7 +59,7 @@ export const Respondents = () => { }); }); - const { searchValue, handleSearch, ordering, handleReload, ...tableProps } = useTable(args => { + const { searchValue, handleSearch, ordering, handleReload, ...tableProps } = useTable((args) => { setIsLoading(true); const params = { ...args, diff --git a/src/modules/Dashboard/features/Respondents/Respondents.utils.tsx b/src/modules/Dashboard/features/Respondents/Respondents.utils.tsx index bbd656a9c7..14824d6cb5 100644 --- a/src/modules/Dashboard/features/Respondents/Respondents.utils.tsx +++ b/src/modules/Dashboard/features/Respondents/Respondents.utils.tsx @@ -63,7 +63,7 @@ export const getAppletsSmallTableRows = ( respondentId: string, ownerId: string, ) => - respondentAccesses?.map(respondentAccess => { + respondentAccesses?.map((respondentAccess) => { const choseAppletHandler = () => setChosenAppletData({ ...respondentAccess, ownerId, respondentId }); const { appletDisplayName, appletImage, respondentSecretId, respondentNickname } = respondentAccess; diff --git a/src/modules/Dashboard/hooks/useDatavizFilters.ts b/src/modules/Dashboard/hooks/useDatavizFilters.ts index bd97091703..1bd8bf5ece 100644 --- a/src/modules/Dashboard/hooks/useDatavizFilters.ts +++ b/src/modules/Dashboard/hooks/useDatavizFilters.ts @@ -14,7 +14,7 @@ export const useDatavizFilters = (watch: UseFormWatch, versi const minDate = getDateTime(startDate, startTime); const maxDate = getDateTime(endDate, endTime); const filteredVersions = versions.filter( - version => isBefore(new Date(version.createdAt), maxDate) && isAfter(new Date(version.createdAt), minDate), + (version) => isBefore(new Date(version.createdAt), maxDate) && isAfter(new Date(version.createdAt), minDate), ); return { minDate, maxDate, filteredVersions }; diff --git a/src/modules/Dashboard/hooks/useDecryptedActivityData.ts b/src/modules/Dashboard/hooks/useDecryptedActivityData.ts index cca1101cfb..a903eff8d7 100644 --- a/src/modules/Dashboard/hooks/useDecryptedActivityData.ts +++ b/src/modules/Dashboard/hooks/useDecryptedActivityData.ts @@ -32,7 +32,7 @@ export const useDecryptedActivityData = (dynamicAppletId?: string, dynamicEncryp const migratedUrls = migratedData?.decryptedFileAnswers && - getObjectFromList(migratedData.decryptedFileAnswers, item => item.answerItemId); + getObjectFromList(migratedData.decryptedFileAnswers, (item) => item.answerItemId); let answersDecrypted: AnswerDTO[] = []; let eventsDecrypted: EventDTO[] = []; diff --git a/src/modules/Dashboard/pages/RespondentData/RespondentData.tsx b/src/modules/Dashboard/pages/RespondentData/RespondentData.tsx index 3f80d46581..ee731897b3 100644 --- a/src/modules/Dashboard/pages/RespondentData/RespondentData.tsx +++ b/src/modules/Dashboard/pages/RespondentData/RespondentData.tsx @@ -28,7 +28,7 @@ export const RespondentData = () => { const { ownerId } = workspaces.useData() || {}; const respondentDataTabs = useRespondentDataTabs(); - const { execute: getSummaryActivities } = useAsync(getSummaryActivitiesApi, result => { + const { execute: getSummaryActivities } = useAsync(getSummaryActivitiesApi, (result) => { setSummaryActivities(result?.data?.result || []); }); diff --git a/src/modules/Dashboard/state/CalendarEvents/CalendarEvents.reducer.ts b/src/modules/Dashboard/state/CalendarEvents/CalendarEvents.reducer.ts index 0aaa67eaac..b3f920cf16 100644 --- a/src/modules/Dashboard/state/CalendarEvents/CalendarEvents.reducer.ts +++ b/src/modules/Dashboard/state/CalendarEvents/CalendarEvents.reducer.ts @@ -84,7 +84,7 @@ export const reducers = { const date = new Date(`${yearToCreateEvents}-01-01`); const nextYearDateString = format(date, DateFormats.YearMonthDay); state.events.data = []; - state.createEventsData.data?.forEach(item => { + state.createEventsData.data?.forEach((item) => { const data = { ...item, nextYearDateString, diff --git a/src/modules/Dashboard/state/CalendarEvents/CalendarEvents.utils.ts b/src/modules/Dashboard/state/CalendarEvents/CalendarEvents.utils.ts index 2a8d8420d5..17e46aa50d 100644 --- a/src/modules/Dashboard/state/CalendarEvents/CalendarEvents.utils.ts +++ b/src/modules/Dashboard/state/CalendarEvents/CalendarEvents.utils.ts @@ -39,12 +39,12 @@ export const getPreparedEvents = ( isAlwaysAvailableHidden: boolean, isScheduledHidden: boolean, ) => - events.map(item => ({ + events.map((item) => ({ ...item, isHidden: item.alwaysAvailable ? isAlwaysAvailableHidden : isScheduledHidden, })); -export const getNotHiddenEvents = (events: CalendarEvent[]) => events.filter(event => !event.isHidden); +export const getNotHiddenEvents = (events: CalendarEvent[]) => events.filter((event) => !event.isHidden); export const getEventsWithHiddenInTimeView = (notHiddenEvents: CalendarEvent[]) => { const allDayEventsSortedByDaysMap = notHiddenEvents.reduce( @@ -76,18 +76,18 @@ export const getEventsWithHiddenInTimeView = (notHiddenEvents: CalendarEvent[]) ); const allDayEventsSortedByDays = Array.from(allDayEventsSortedByDaysMap.values()).filter( - item => item.eventsIds.length > LENGTH_TO_FILTER_DAYS_EVENTS, + (item) => item.eventsIds.length > LENGTH_TO_FILTER_DAYS_EVENTS, ); const hiddenEventsIds = allDayEventsSortedByDays.reduce((acc: string[], item) => { - item.eventsIds.forEach(item => item.isHiddenInTimeView && acc.push(item.id)); + item.eventsIds.forEach((item) => item.isHiddenInTimeView && acc.push(item.id)); return acc; }, []); - const eventsToShow = notHiddenEvents.map(event => ({ + const eventsToShow = notHiddenEvents.map((event) => ({ ...event, - isHiddenInTimeView: hiddenEventsIds.some(id => id === event.id), + isHiddenInTimeView: hiddenEventsIds.some((id) => id === event.id), })); return { @@ -213,7 +213,7 @@ export const getEventsArrayFromDates = ({ endTime, isCrossDayEvent, }: GetEventsArrayFromDates) => - dates.flatMap(date => { + dates.flatMap((date) => { const nextDay = addDays(date, 1); if (isCrossDayEvent) { @@ -382,7 +382,7 @@ export const createEvents = ({ if (periodicityType === Periodicity.Weekly && selectedDate) { const dayOfWeek = getDay(getNormalizedTimezoneDate(selectedDate)); - const weeklyDays = daysInPeriod.filter(date => getDay(date) === dayOfWeek); + const weeklyDays = daysInPeriod.filter((date) => getDay(date) === dayOfWeek); return getEventsArrayFromDates({ dates: weeklyDays, @@ -394,7 +394,7 @@ export const createEvents = ({ } if (periodicityType === Periodicity.Weekdays) { - const weekDays = daysInPeriod.filter(date => !isWeekend(date)); + const weekDays = daysInPeriod.filter((date) => !isWeekend(date)); return getEventsArrayFromDates({ dates: weekDays, @@ -436,7 +436,7 @@ export const getDaysInMonthlyPeriodicity = ({ chosenDate, eventEnd, eventStart } }) : []; - return monthsBetween.map(month => { + return monthsBetween.map((month) => { const lastDayOfMonth = new Date(month.getFullYear(), month.getMonth() + 1, 0); const dayOfMonth = Math.min(chosenDate, lastDayOfMonth.getDate()); diff --git a/src/modules/Library/features/Applet/Activity/Activity.test.tsx b/src/modules/Library/features/Applet/Activity/Activity.test.tsx index bdaf93e786..e316f7280e 100644 --- a/src/modules/Library/features/Applet/Activity/Activity.test.tsx +++ b/src/modules/Library/features/Applet/Activity/Activity.test.tsx @@ -138,7 +138,7 @@ describe('Activity Component', () => { expect(activityCheckboxContainer).toHaveClass('Mui-checked'); expect(setAddToBuilderBtnDisabledMock).toHaveBeenCalledWith(false); - items.forEach(item => { + items.forEach((item) => { const activityItemCheckboxRegex = new RegExp(`${dataTestid}-item-\\d+-checkbox$`); const itemCheckboxContainer = within(item).getByTestId(activityItemCheckboxRegex); expect(itemCheckboxContainer).toHaveClass('Mui-checked'); diff --git a/src/modules/Library/features/Applet/Activity/Activity.tsx b/src/modules/Library/features/Applet/Activity/Activity.tsx index 3a8d467e5c..9d33c0aa5b 100644 --- a/src/modules/Library/features/Applet/Activity/Activity.tsx +++ b/src/modules/Library/features/Applet/Activity/Activity.tsx @@ -29,7 +29,7 @@ export const Activity = ({ const [activityVisible, setActivityVisible] = useState(false); const [activityIndeterminate, setActivityIndeterminate] = useState(false); const [activityChecked, setActivityChecked] = useState(false); - const forceUpdate = useReducer(x => x + 1, 0)[1]; + const forceUpdate = useReducer((x) => x + 1, 0)[1]; const updateSelectedItems = () => { if (uiType === AppletUiType.Cart) { @@ -46,7 +46,7 @@ export const Activity = ({ if (!checked) { await setValue( appletId, - selectedItems.filter(selectedItem => selectedItem.activityNamePlusId !== activityNamePlusId), + selectedItems.filter((selectedItem) => selectedItem.activityNamePlusId !== activityNamePlusId), ); updateSelectedItems(); @@ -56,7 +56,7 @@ export const Activity = ({ const unselectedItems = items.reduce((unselected: SelectedItem[], item) => { const itemNamePlusActivityName = `${item.name}-${name}`; - return selectedItems.find(selectedItem => selectedItem.itemNamePlusActivityName === itemNamePlusActivityName) + return selectedItems.find((selectedItem) => selectedItem.itemNamePlusActivityName === itemNamePlusActivityName) ? unselected : [...unselected, { itemNamePlusActivityName, activityName: name, activityNamePlusId, activityKey: key }]; }, []); @@ -70,7 +70,7 @@ export const Activity = ({ const arrowSgvId = activityVisible ? 'navigate-up' : 'navigate-down'; const getCheckedActivity = (currentItems: SelectedItem[]) => { - const currentActivityItems = currentItems?.filter(item => item.activityName === name); + const currentActivityItems = currentItems?.filter((item) => item.activityName === name); const isAllItemsSelected = !!currentActivityItems?.length && currentActivityItems?.length === items.length; const isIndeterminate = !!currentActivityItems?.length && !isAllItemsSelected; setActivityIndeterminate(isIndeterminate); @@ -108,7 +108,7 @@ export const Activity = ({ ) : ( setActivityVisible(prevState => !prevState)} + onClick={() => setActivityVisible((prevState) => !prevState)} data-testid={`${dataTestid}-header`}> diff --git a/src/modules/Library/features/Applet/Applet.test.tsx b/src/modules/Library/features/Applet/Applet.test.tsx index 2e65bc607a..26d393deb2 100644 --- a/src/modules/Library/features/Applet/Applet.test.tsx +++ b/src/modules/Library/features/Applet/Applet.test.tsx @@ -206,7 +206,7 @@ describe('Applet', () => { // check all to be unchecked by default const activities = screen.queryAllByTestId(activitiesRegex); - activities.forEach(activity => { + activities.forEach((activity) => { const checkedActivities = activity.querySelector('.Mui-checked'); expect(checkedActivities).toBeNull(); }); @@ -247,7 +247,7 @@ describe('Applet', () => { // check all to be unchecked by default const activities = screen.queryAllByTestId(activitiesRegex); - activities.forEach(activity => { + activities.forEach((activity) => { const checkedActivities = activity.querySelector('.Mui-checked'); expect(checkedActivities).toBeNull(); }); @@ -285,7 +285,7 @@ describe('Applet', () => { // check all to be unchecked by default const activities = screen.queryAllByTestId(activitiesRegex); - activities.forEach(activity => { + activities.forEach((activity) => { const checkedActivities = activity.querySelector('.Mui-checked'); expect(checkedActivities).toBeNull(); }); diff --git a/src/modules/Library/features/Applet/Applet.tsx b/src/modules/Library/features/Applet/Applet.tsx index e70bf2fa8c..cae7998760 100644 --- a/src/modules/Library/features/Applet/Applet.tsx +++ b/src/modules/Library/features/Applet/Applet.tsx @@ -222,7 +222,7 @@ export const Applet = ({ ) : ( setActivitiesVisible(prevState => !prevState)} + onClick={() => setActivitiesVisible((prevState) => !prevState)} startIcon={ diff --git a/src/modules/Library/features/Applet/Applet.utils.ts b/src/modules/Library/features/Applet/Applet.utils.ts index bdef460315..54e620c26c 100644 --- a/src/modules/Library/features/Applet/Applet.utils.ts +++ b/src/modules/Library/features/Applet/Applet.utils.ts @@ -13,7 +13,7 @@ export const getUpdatedStorageData = ( applets: PublishedApplet[] | null, selectedApplet: PublishedApplet, id: string, -) => (applets?.length ? [...applets.filter(applet => applet.id !== id), selectedApplet] : [selectedApplet]); +) => (applets?.length ? [...applets.filter((applet) => applet.id !== id), selectedApplet] : [selectedApplet]); export const includesSearchValue = (text: string, search: string) => { const pattern = new RegExp(search, 'gi'); @@ -44,14 +44,14 @@ export const getActivities = ( return acc; } - const items = activity.items.map(item => { + const items = activity.items.map((item) => { let isItemExpanded = false; if ( item.responseType === ItemResponseType.SingleSelection || item.responseType === ItemResponseType.MultipleSelection ) { - item?.responseValues?.options?.forEach(option => { + item?.responseValues?.options?.forEach((option) => { if (includesSearchValue(option.text, search)) { isActivitiesExpanded = true; isItemExpanded = true; diff --git a/src/modules/Library/features/Applet/Item/Item.tsx b/src/modules/Library/features/Applet/Item/Item.tsx index b1c1931937..9ab78fad24 100644 --- a/src/modules/Library/features/Applet/Item/Item.tsx +++ b/src/modules/Library/features/Applet/Item/Item.tsx @@ -37,9 +37,9 @@ export const Item = ({ const handleSelect = async () => { const selectedItems = getValues()[appletId]; const activityNamePlusId = getSelector(activityName, appletId); - const checked = !!selectedItems?.find(item => item.itemNamePlusActivityName === itemNamePlusActivityName); + const checked = !!selectedItems?.find((item) => item.itemNamePlusActivityName === itemNamePlusActivityName); const updatedSelectedItems = checked - ? selectedItems?.filter(item => item.itemNamePlusActivityName !== itemNamePlusActivityName) + ? selectedItems?.filter((item) => item.itemNamePlusActivityName !== itemNamePlusActivityName) : [ ...selectedItems, { @@ -57,7 +57,7 @@ export const Item = ({ } }; - const isChecked = !!selectedItems?.find(item => item.itemNamePlusActivityName === itemNamePlusActivityName); + const isChecked = !!selectedItems?.find((item) => item.itemNamePlusActivityName === itemNamePlusActivityName); const highlightedTextHtml = search ? renderToString(getHighlightedText(dictionaryText, search) as JSX.Element) @@ -81,7 +81,7 @@ export const Item = ({ /> )} /> - setItemVisible(prevState => !prevState)} data-testid={`${dataTestid}-header`}> + setItemVisible((prevState) => !prevState)} data-testid={`${dataTestid}-header`}> diff --git a/src/modules/Library/features/Applet/Popups/RemoveAppletPopup/RemoveAppletPopup.tsx b/src/modules/Library/features/Applet/Popups/RemoveAppletPopup/RemoveAppletPopup.tsx index 78d84e8e83..8cc5c2ca97 100644 --- a/src/modules/Library/features/Applet/Popups/RemoveAppletPopup/RemoveAppletPopup.tsx +++ b/src/modules/Library/features/Applet/Popups/RemoveAppletPopup/RemoveAppletPopup.tsx @@ -24,7 +24,7 @@ export const RemoveAppletPopup = ({ const handleModalClose = () => setRemoveAppletPopupVisible(false); const handleSubmit = () => { - const updatedAppletsData = cartItems?.filter(applet => applet.id !== appletId) || []; + const updatedAppletsData = cartItems?.filter((applet) => applet.id !== appletId) || []; const selectedItemsFromStorage = getSelectedItemsFromStorage(); const filteredSelectedItems = getFilteredSelectedItems(selectedItemsFromStorage, appletId); Object.keys(filteredSelectedItems)?.length > 0 diff --git a/src/modules/Library/features/Cart/Cart.tsx b/src/modules/Library/features/Cart/Cart.tsx index 67454a576d..a94feb146d 100644 --- a/src/modules/Library/features/Cart/Cart.tsx +++ b/src/modules/Library/features/Cart/Cart.tsx @@ -79,14 +79,14 @@ export const Cart = () => { const { displayName, description, activities, keywords } = applet; const appletNameSearch = getSearchIncludes(displayName, searchValue); const appletDescriptionSearch = description && getSearchIncludes(getDictionaryText(description), searchValue); - const activitySearch = activities.some(activity => { + const activitySearch = activities.some((activity) => { const itemsSearch = activity.items.some( - item => item?.question && getSearchIncludes(getDictionaryText(item.question), searchValue), + (item) => item?.question && getSearchIncludes(getDictionaryText(item.question), searchValue), ); return getSearchIncludes(activity.name, searchValue) || itemsSearch; }); - const keywordsSearch = keywords.some(keyword => getSearchIncludes(keyword, searchValue)); + const keywordsSearch = keywords.some((keyword) => getSearchIncludes(keyword, searchValue)); if (appletNameSearch || appletDescriptionSearch || keywordsSearch || activitySearch) { renderedApplets.push(applet); diff --git a/src/modules/Library/features/Cart/Cart.utils.ts b/src/modules/Library/features/Cart/Cart.utils.ts index 0a2964f85f..535373aeca 100644 --- a/src/modules/Library/features/Cart/Cart.utils.ts +++ b/src/modules/Library/features/Cart/Cart.utils.ts @@ -61,7 +61,7 @@ const mapResponseValues = < })), } : { - options: responseValues.options?.map(option => ({ + options: responseValues.options?.map((option) => ({ ...option, id: option.id ?? uuidv4(), })), @@ -69,12 +69,12 @@ const mapResponseValues = < }); const getSelectedAppletData = (applet: PublishedApplet, selectedItems: SelectedItem[]): SelectedCartApplet | null => { - const selectedActivityKeysSet = new Set(selectedItems?.map(item => item.activityKey)); - const selectedItemNamesSet = new Set(selectedItems?.map(item => item.itemNamePlusActivityName)); + const selectedActivityKeysSet = new Set(selectedItems?.map((item) => item.activityKey)); + const selectedItemNamesSet = new Set(selectedItems?.map((item) => item.itemNamePlusActivityName)); const selectedActivities = applet.activities - .filter(activity => selectedActivityKeysSet.has(activity.key)) - .map(activity => { + .filter((activity) => selectedActivityKeysSet.has(activity.key)) + .map((activity) => { let isPerformanceTask = false; let performanceTaskType: PerfTaskType | null = null; const filteredItemsNamesSet = new Set(); @@ -87,7 +87,7 @@ const getSelectedAppletData = (applet: PublishedApplet, selectedItems: SelectedI return acc; }, []); - const items = filteredItems.map(item => { + const items = filteredItems.map((item) => { const newItem = { ...item, key: uuidv4(), @@ -110,7 +110,7 @@ const getSelectedAppletData = (applet: PublishedApplet, selectedItems: SelectedI // per requirements if not all the items which are in conditional logic were selected, conditional logic // should be removed - if (!item.conditionalLogic?.conditions?.every(condition => filteredItemsNamesSet.has(condition.itemName))) { + if (!item.conditionalLogic?.conditions?.every((condition) => filteredItemsNamesSet.has(condition.itemName))) { newItem.conditionalLogic = undefined; } @@ -130,11 +130,11 @@ const getSelectedAppletData = (applet: PublishedApplet, selectedItems: SelectedI }); const selectedActivityFlows = applet.activityFlows - .filter(flow => flow.items.every(item => selectedActivityKeysSet.has(item.activityKey))) - .map(flow => ({ + .filter((flow) => flow.items.every((item) => selectedActivityKeysSet.has(item.activityKey))) + .map((flow) => ({ ...flow, key: uuidv4(), - items: flow.items.map(item => ({ ...item, key: uuidv4() })), + items: flow.items.map((item) => ({ ...item, key: uuidv4() })), })); const { id, keywords, version, activities, activityFlows, ...restApplet } = applet; diff --git a/src/modules/Library/features/Popups/AddToBuilderPopup/AddToBuilderPopup.tsx b/src/modules/Library/features/Popups/AddToBuilderPopup/AddToBuilderPopup.tsx index 960d13e997..f7350613ff 100644 --- a/src/modules/Library/features/Popups/AddToBuilderPopup/AddToBuilderPopup.tsx +++ b/src/modules/Library/features/Popups/AddToBuilderPopup/AddToBuilderPopup.tsx @@ -58,7 +58,7 @@ export const AddToBuilderPopup = ({ resolver: yupResolver(validationSchema[step]), }); - const { execute: getWorkspaceApplets, isLoading } = useAsync(getWorkspaceAppletsApi, applets => { + const { execute: getWorkspaceApplets, isLoading } = useAsync(getWorkspaceAppletsApi, (applets) => { setApplets(getArrayFromApplets(applets?.data?.result || [])); }); @@ -66,7 +66,7 @@ export const AddToBuilderPopup = ({ const handleSwitchWorkspace = (ownerId: string) => { if (currentWorkspace?.ownerId !== ownerId) { - const newWorkspace = workspaces.find(workspace => workspace.ownerId === ownerId); + const newWorkspace = workspaces.find((workspace) => workspace.ownerId === ownerId); if (newWorkspace) { authStorage.setWorkspace(newWorkspace); dispatch(workspacesState.actions.setCurrentWorkspace(newWorkspace)); @@ -125,7 +125,7 @@ export const AddToBuilderPopup = ({ }); const applets = getArrayFromApplets(data?.result); - if (!applets.some(applet => applet.id === selectedApplet)) { + if (!applets.some((applet) => applet.id === selectedApplet)) { setAppletAccessError(true); return setStep(AddToBuilderSteps.AccessError); diff --git a/src/modules/Library/hooks/useWorkspaceList.ts b/src/modules/Library/hooks/useWorkspaceList.ts index 367d0d2745..f2ab7e7da1 100644 --- a/src/modules/Library/hooks/useWorkspaceList.ts +++ b/src/modules/Library/hooks/useWorkspaceList.ts @@ -37,7 +37,7 @@ export const useWorkspaceList = (isAuthorized?: boolean) => { workspacesRoles?.filter( (workspace: WorkspaceWithRoles) => Object.keys(workspace?.workspaceRoles).length === 0 || //in case there are no applets yet in the main Workspace - Object.values(workspace?.workspaceRoles).some(roles => isManagerOrOwnerOrEditor(roles[0])), + Object.values(workspace?.workspaceRoles).some((roles) => isManagerOrOwnerOrEditor(roles[0])), ) || []; return workspaces; diff --git a/src/redux/store/store.ts b/src/redux/store/store.ts index 33e2dd7b1a..a101249e79 100644 --- a/src/redux/store/store.ts +++ b/src/redux/store/store.ts @@ -7,7 +7,7 @@ export const setupStore = (preloadedState?: PreloadedState) => configureStore({ reducer: rootReducer, devTools: process.env.NODE_ENV !== 'production', - middleware: getDefaultMiddleware => + middleware: (getDefaultMiddleware) => getDefaultMiddleware({ serializableCheck: { ignoredActions: ['calendarEvents/createCalendarEvents'], diff --git a/src/setupTests.ts b/src/setupTests.ts index 460b6c0952..654f40997c 100644 --- a/src/setupTests.ts +++ b/src/setupTests.ts @@ -13,13 +13,13 @@ jest.mock('shared/utils/encryption', () => ({ ...jest.requireActual('shared/utils/encryption'), })); -jest.spyOn(global.console, 'warn').mockImplementation(message => { +jest.spyOn(global.console, 'warn').mockImplementation((message) => { if (message?.includes('You have provided an out-of-range value')) return; return message; }); -jest.spyOn(global.console, 'error').mockImplementation(message => { +jest.spyOn(global.console, 'error').mockImplementation((message) => { if ( message?.includes('A component is changing an uncontrolled input to be controlled') || message?.includes('`children` must be passed') diff --git a/src/shared/api/api.client.ts b/src/shared/api/api.client.ts index 7346a1ea86..375c8bd967 100644 --- a/src/shared/api/api.client.ts +++ b/src/shared/api/api.client.ts @@ -7,11 +7,11 @@ export const apiClient = axios.create(DEFAULT_CONFIG); export const authApiClient = axios.create(DEFAULT_CONFIG); export const authApiClientWithoutRefresh = axios.create(DEFAULT_CONFIG); -[apiClient, authApiClient, authApiClientWithoutRefresh].forEach(client => +[apiClient, authApiClient, authApiClientWithoutRefresh].forEach((client) => client.interceptors.request.use((config: InternalAxiosRequestConfig) => getCommonConfig(config)), ); -[authApiClient, authApiClientWithoutRefresh].forEach(client => +[authApiClient, authApiClientWithoutRefresh].forEach((client) => client.interceptors.request.use((config: InternalAxiosRequestConfig) => { getRequestTokenData(config); @@ -20,8 +20,8 @@ export const authApiClientWithoutRefresh = axios.create(DEFAULT_CONFIG); ); authApiClient.interceptors.response.use( - response => response, - async error => { + (response) => response, + async (error) => { if (error.response?.status === ApiResponseCodes.Unauthorized) { return refreshTokenAndReattemptRequest(error); } else { diff --git a/src/shared/components/Actions/Actions.tsx b/src/shared/components/Actions/Actions.tsx index c48c03ea12..4231881ba8 100644 --- a/src/shared/components/Actions/Actions.tsx +++ b/src/shared/components/Actions/Actions.tsx @@ -52,7 +52,7 @@ export const Actions = ({ isActive={active} disabled={disabled} onClick={onClick(action)} - onMouseDown={e => e.preventDefault()} // prevent onBlur actions for folders + onMouseDown={(e) => e.preventDefault()} // prevent onBlur actions for folders isVisible={isVisible || (hasStaticActions && !isVisible && isStatic)} data-testid={dataTestid}> {icon} diff --git a/src/shared/components/CropPopup/CropPopup.tsx b/src/shared/components/CropPopup/CropPopup.tsx index 8ed99c2784..b95f3c9e09 100644 --- a/src/shared/components/CropPopup/CropPopup.tsx +++ b/src/shared/components/CropPopup/CropPopup.tsx @@ -41,7 +41,7 @@ export const CropPopup = ({ image: imgSrc, type, crop, - onReady: blob => { + onReady: (blob) => { const imageFile = new File([blob], name, { type }); const body = getUploadFormData(imageFile); onSave(body); diff --git a/src/shared/components/CropPopup/CropPopup.utils.ts b/src/shared/components/CropPopup/CropPopup.utils.ts index 2904681c08..67bfea18b8 100644 --- a/src/shared/components/CropPopup/CropPopup.utils.ts +++ b/src/shared/components/CropPopup/CropPopup.utils.ts @@ -26,7 +26,7 @@ export const cropImage = ({ image, type, crop, onReady }: CropImage) => { canvas.height = height; ctx?.drawImage(originalImage, x, y, width, height, 0, 0, width, height); - canvas.toBlob(blob => { + canvas.toBlob((blob) => { if (!blob) return; onReady(blob); diff --git a/src/shared/components/DataTable/DataTable.tsx b/src/shared/components/DataTable/DataTable.tsx index 686140db9e..cececd45c4 100644 --- a/src/shared/components/DataTable/DataTable.tsx +++ b/src/shared/components/DataTable/DataTable.tsx @@ -39,7 +39,7 @@ export const DataTable = ({ if (onSelect) return onSelect(key, prevSelected); - if (prevSelected) return setSelected(selected.filter(selectedKey => selectedKey !== key)); + if (prevSelected) return setSelected(selected.filter((selectedKey) => selectedKey !== key)); setSelected([...selected, key]); }; @@ -49,7 +49,7 @@ export const DataTable = ({ if (isAllSelected) return setSelected([]); - setSelected(data?.map(item => getItemKey(item)) ?? []); + setSelected(data?.map((item) => getItemKey(item)) ?? []); }; return ( diff --git a/src/shared/components/DatePicker/DatePicker.tsx b/src/shared/components/DatePicker/DatePicker.tsx index 1c2aab8de9..2664493016 100644 --- a/src/shared/components/DatePicker/DatePicker.tsx +++ b/src/shared/components/DatePicker/DatePicker.tsx @@ -51,7 +51,7 @@ export const DatePicker = ({ const id = isOpen ? 'date-picker-popover' : undefined; const isStartEndingDate = uiType === UiType.StartEndingDate; - const handlePickerShow: MouseEventHandler = event => { + const handlePickerShow: MouseEventHandler = (event) => { event.preventDefault(); setAnchorEl(event.currentTarget); }; @@ -164,16 +164,16 @@ export const DatePicker = ({ }> } + renderCustomHeader={(props) => } startDate={isStartEndingDate ? (getSelectedDate() as DateType) : undefined} endDate={isStartEndingDate ? (getSelectedDate(DateVariant.End) as DateType) : undefined} selectsRange={isStartEndingDate} inline selected={getSelectedDate() as DateType} disabled={disabled} - onChange={date => onChange(date)} + onChange={(date) => onChange(date)} monthsShown={isStartEndingDate ? 2 : 1} - formatWeekDay={nameOfDay => nameOfDay[0]} + formatWeekDay={(nameOfDay) => nameOfDay[0]} minDate={minDate === undefined ? new Date() : minDate} maxDate={maxDate === undefined ? null : maxDate} focusSelectedMonth diff --git a/src/shared/components/DatePicker/DatePickerHeader/DatePickerHeader.utils.ts b/src/shared/components/DatePicker/DatePickerHeader/DatePickerHeader.utils.ts index 084acb4c14..836c8a707b 100644 --- a/src/shared/components/DatePicker/DatePickerHeader/DatePickerHeader.utils.ts +++ b/src/shared/components/DatePicker/DatePickerHeader/DatePickerHeader.utils.ts @@ -17,4 +17,4 @@ export const getMonthsArr = (t: TFunction) => [ t('dec'), ]; -export const getRange = (start: number, end: number) => createArray(end - start, index => String(index + start)); +export const getRange = (start: number, end: number) => createArray(end - start, (index) => String(index + start)); diff --git a/src/shared/components/DatePicker/DatePickerHeader/Select/Select.tsx b/src/shared/components/DatePicker/DatePickerHeader/Select/Select.tsx index 88004aa829..5746baa076 100644 --- a/src/shared/components/DatePicker/DatePickerHeader/Select/Select.tsx +++ b/src/shared/components/DatePicker/DatePickerHeader/Select/Select.tsx @@ -8,7 +8,7 @@ import { SelectProps } from './Select.types'; export const Select = ({ value, changeValue, options }: SelectProps) => ( - {options.map(value => ( + {options.map((value) => ( {value} diff --git a/src/shared/components/FileUploader/FileUploader.tsx b/src/shared/components/FileUploader/FileUploader.tsx index 956fe7dea2..4e76a87395 100644 --- a/src/shared/components/FileUploader/FileUploader.tsx +++ b/src/shared/components/FileUploader/FileUploader.tsx @@ -73,7 +73,7 @@ export const FileUploader = ({ } importTable(file, isPrimaryUiType) - .then(data => { + .then((data) => { setError(null); const importedFile = { name: file.name, data }; const hasError = onFileReady(importedFile); diff --git a/src/shared/components/Footer/Language/Language.tsx b/src/shared/components/Footer/Language/Language.tsx index 3871441220..0c4855a602 100644 --- a/src/shared/components/Footer/Language/Language.tsx +++ b/src/shared/components/Footer/Language/Language.tsx @@ -15,7 +15,7 @@ import { SelectLanguage } from './SelectLanguage'; export const Language = () => { const { i18n } = useTranslation('app'); const langFromStorage = storage.getItem(LocalStorageKeys.Language) || Languages.EN; - const language = languages.find(lang => lang.value === langFromStorage) as LanguageItem; + const language = languages.find((lang) => lang.value === langFromStorage) as LanguageItem; const [currentLanguage, setCurrentLanguage] = useState(language); const [open, setOpen] = useState(false); diff --git a/src/shared/components/Footer/Language/SelectLanguage/SelectLanguage.test.tsx b/src/shared/components/Footer/Language/SelectLanguage/SelectLanguage.test.tsx index 226b7b566b..ffda56e2fc 100644 --- a/src/shared/components/Footer/Language/SelectLanguage/SelectLanguage.test.tsx +++ b/src/shared/components/Footer/Language/SelectLanguage/SelectLanguage.test.tsx @@ -30,7 +30,7 @@ describe('SelectLanguage', () => { const paragraphElements = languagePopup.querySelectorAll('p'); languages.forEach(({ label }) => { - expect([...paragraphElements].some(element => element.textContent === label)).toBe(true); + expect([...paragraphElements].some((element) => element.textContent === label)).toBe(true); }); const en = screen.getByTestId(`${dataTestid}-en`); diff --git a/src/shared/components/Footer/Language/SelectLanguage/SelectLanguage.tsx b/src/shared/components/Footer/Language/SelectLanguage/SelectLanguage.tsx index 917c008194..8592bceb34 100644 --- a/src/shared/components/Footer/Language/SelectLanguage/SelectLanguage.tsx +++ b/src/shared/components/Footer/Language/SelectLanguage/SelectLanguage.tsx @@ -30,7 +30,7 @@ export const SelectLanguage = ({ onClose, open, currentLanguage }: SelectLanguag width="42" data-testid={dataTestid}> - {languages.map(lang => ( + {languages.map((lang) => ( ({ {...checkboxProps} disabled={disabled} checked={(isInversed ? !value : value) ?? false} - onChange={event => { + onChange={(event) => { handleCheckboxChange(event, onChange); }} /> diff --git a/src/shared/components/FormComponents/InputController/Input/Input.tsx b/src/shared/components/FormComponents/InputController/Input/Input.tsx index 37f6737177..732d3231df 100644 --- a/src/shared/components/FormComponents/InputController/Input/Input.tsx +++ b/src/shared/components/FormComponents/InputController/Input/Input.tsx @@ -85,7 +85,7 @@ export const Input = ({ onChange?.(getNumberValue() ?? newValue); }; const handleDebouncedChange = debounce((event: SelectEvent) => handleChange(event), CHANGE_DEBOUNCE_VALUE); - const handleBlur: FocusEventHandler = event => { + const handleBlur: FocusEventHandler = (event) => { onBlur?.(event); if (withDebounce) { diff --git a/src/shared/components/FormComponents/SelectController/SelectController.tsx b/src/shared/components/FormComponents/SelectController/SelectController.tsx index 75a4951dd0..61f272061b 100644 --- a/src/shared/components/FormComponents/SelectController/SelectController.tsx +++ b/src/shared/components/FormComponents/SelectController/SelectController.tsx @@ -147,7 +147,7 @@ export const SelectController = ({ 'data-testid': `${dataTestid}-dropdown`, }, }, - IconComponent: shouldSkipIcon ? undefined : props => , + IconComponent: shouldSkipIcon ? undefined : (props) => , ...SelectProps, ...(shouldSkipIcon && { inputProps: { @@ -173,7 +173,7 @@ export const SelectController = ({ control={control} render={({ field: { onChange, value }, fieldState: { error } }) => renderSelect( - event => { + (event) => { customChange && customChange(event); onChange(event); setTrigger?.(false); @@ -184,7 +184,7 @@ export const SelectController = ({ } /> ) : ( - renderSelect(event => { + renderSelect((event) => { customChange?.(event); setTrigger?.(false); }, selectValue) diff --git a/src/shared/components/FormComponents/TagsAutocompleteController/TagsAutocompleteController.tsx b/src/shared/components/FormComponents/TagsAutocompleteController/TagsAutocompleteController.tsx index 8959392938..480451165e 100644 --- a/src/shared/components/FormComponents/TagsAutocompleteController/TagsAutocompleteController.tsx +++ b/src/shared/components/FormComponents/TagsAutocompleteController/TagsAutocompleteController.tsx @@ -29,7 +29,7 @@ export const TagsInputController = ({ const handleToggleSelectAll = (e: MouseEvent) => { e.preventDefault(); // prevent blur onChange(options || []); - setSelectedAll(prev => { + setSelectedAll((prev) => { if (!prev) onChange(options || []); else onChange([]); @@ -65,7 +65,7 @@ export const TagsInputController = ({ {option.label} )} - PaperComponent={paperProps => { + PaperComponent={(paperProps) => { const { children, ...restPaperProps } = paperProps; return ( @@ -73,7 +73,7 @@ export const TagsInputController = ({ <> {options?.length ? ( event.preventDefault()} // prevent blur + onMouseDown={(event) => event.preventDefault()} // prevent blur sx={{ pl: theme.spacing(2.8) }}> ({ }} onFocus={() => setIsFocused(true)} onChange={onChange} - onKeyDown={event => { + onKeyDown={(event) => { if (event.key === 'Enter') { event.preventDefault(); onAddTagClick(value); diff --git a/src/shared/components/FormComponents/TransferListController/TransferListController.tsx b/src/shared/components/FormComponents/TransferListController/TransferListController.tsx index 6bc58ab890..105b771455 100644 --- a/src/shared/components/FormComponents/TransferListController/TransferListController.tsx +++ b/src/shared/components/FormComponents/TransferListController/TransferListController.tsx @@ -41,7 +41,7 @@ export const TransferListController = ({ name={name} control={control} render={({ field: { onChange, value }, fieldState: { error } }) => { - const selectionSectionItems = selectedItems ?? items?.filter(item => value?.includes(getItemKey(item))); + const selectionSectionItems = selectedItems ?? items?.filter((item) => value?.includes(getItemKey(item))); const handleSelect: DataTableProps['onSelect'] = (selectedKey, isSelected) => { const newValues = isSelected @@ -52,7 +52,7 @@ export const TransferListController = ({ }; const handleSelectAll = (isAllSelected: boolean) => { - const newValues = isAllSelected ? [] : items?.map(item => getItemKey(item)) || []; + const newValues = isAllSelected ? [] : items?.map((item) => getItemKey(item)) || []; onChange(newValues); onChangeSelectedCallback?.(newValues); }; @@ -60,7 +60,7 @@ export const TransferListController = ({ const isSearchable = hasSearch && search && searchKey; const filteredData = isSearchable - ? items?.filter(item => `${item[searchKey] || ''}`.toLowerCase().includes(search.toLowerCase())) + ? items?.filter((item) => `${item[searchKey] || ''}`.toLowerCase().includes(search.toLowerCase())) : items; const getNoDataPlaceholder = () => { diff --git a/src/shared/components/MarkDownEditor/MarkDownEditor.utils.ts b/src/shared/components/MarkDownEditor/MarkDownEditor.utils.ts index 7568fbe2af..74b0862265 100644 --- a/src/shared/components/MarkDownEditor/MarkDownEditor.utils.ts +++ b/src/shared/components/MarkDownEditor/MarkDownEditor.utils.ts @@ -99,7 +99,7 @@ config({ }, }) .use(markdownItImSize) - .use(md => { + .use((md) => { const defaultRender = md.renderer.rules.image; if (!defaultRender) return; diff --git a/src/shared/components/MarkDownEditor/extensions/AlignTextExtension/AlignTextExtension.tsx b/src/shared/components/MarkDownEditor/extensions/AlignTextExtension/AlignTextExtension.tsx index 30daa2ed1f..7ae6c3d6bb 100644 --- a/src/shared/components/MarkDownEditor/extensions/AlignTextExtension/AlignTextExtension.tsx +++ b/src/shared/components/MarkDownEditor/extensions/AlignTextExtension/AlignTextExtension.tsx @@ -7,7 +7,7 @@ import { AlignTextExtensionProps } from './AlignTextExtension.types'; export const AlignTextExtension = ({ onInsert, type, title }: AlignTextExtensionProps) => { const markHandler = () => { - const generator: InsertContentGenerator = selectedText => ({ + const generator: InsertContentGenerator = (selectedText) => ({ targetValue: `::: hljs-${type} ${selectedText} :::`, diff --git a/src/shared/components/MarkDownEditor/extensions/Extensions.hooks.ts b/src/shared/components/MarkDownEditor/extensions/Extensions.hooks.ts index 6e124fcea3..0c5ec16d19 100644 --- a/src/shared/components/MarkDownEditor/extensions/Extensions.hooks.ts +++ b/src/shared/components/MarkDownEditor/extensions/Extensions.hooks.ts @@ -24,7 +24,7 @@ export const useUploadMethods = ({ const inputRef = useRef(null); const { execute: executeMediaUpload, isLoading } = useAsync( postFileUploadApi, - response => { + (response) => { const file = inputRef.current?.files?.[0]; response?.data?.result && diff --git a/src/shared/components/MarkDownEditor/extensions/Extensions.utils.ts b/src/shared/components/MarkDownEditor/extensions/Extensions.utils.ts index 1533855525..2b8a997b96 100644 --- a/src/shared/components/MarkDownEditor/extensions/Extensions.utils.ts +++ b/src/shared/components/MarkDownEditor/extensions/Extensions.utils.ts @@ -2,7 +2,7 @@ export const checkImgUrl = (url: string) => { const img = new Image(); img.src = url; - return new Promise(resolve => { + return new Promise((resolve) => { img.onerror = () => resolve(false); img.onload = () => resolve(true); }); diff --git a/src/shared/components/MarkDownEditor/extensions/MarkExtension/MarkExtension.tsx b/src/shared/components/MarkDownEditor/extensions/MarkExtension/MarkExtension.tsx index 0f2a1aba74..9f009e11a7 100644 --- a/src/shared/components/MarkDownEditor/extensions/MarkExtension/MarkExtension.tsx +++ b/src/shared/components/MarkDownEditor/extensions/MarkExtension/MarkExtension.tsx @@ -9,7 +9,7 @@ import { InsertContentExtensionProps } from '../Extensions.types'; export const MarkExtension = ({ onInsert }: InsertContentExtensionProps) => { const { t } = useTranslation('app'); const markHandler = () => { - const generator: InsertContentGenerator = selectedText => ({ + const generator: InsertContentGenerator = (selectedText) => ({ targetValue: `==${selectedText}==`, select: true, deviationStart: 0, diff --git a/src/shared/components/MarkDownEditor/extensions/OrderedListExtension/OrderedListExtension.tsx b/src/shared/components/MarkDownEditor/extensions/OrderedListExtension/OrderedListExtension.tsx index abea8ba997..93fbbb9018 100644 --- a/src/shared/components/MarkDownEditor/extensions/OrderedListExtension/OrderedListExtension.tsx +++ b/src/shared/components/MarkDownEditor/extensions/OrderedListExtension/OrderedListExtension.tsx @@ -11,8 +11,8 @@ export const OrderedListExtension = ({ onInsert }: InsertContentExtensionProps) const markHandler = () => { let index = 1; - const generator: InsertContentGenerator = selectedText => ({ - targetValue: selectedText.replace(/^.*$/gm, match => `${index++}. ${match}`), + const generator: InsertContentGenerator = (selectedText) => ({ + targetValue: selectedText.replace(/^.*$/gm, (match) => `${index++}. ${match}`), select: true, deviationStart: 0, deviationEnd: 0, diff --git a/src/shared/components/MarkDownEditor/extensions/SubscriptExtension/SubscriptExtension.tsx b/src/shared/components/MarkDownEditor/extensions/SubscriptExtension/SubscriptExtension.tsx index a66b1b61ad..4cd0cc82ae 100644 --- a/src/shared/components/MarkDownEditor/extensions/SubscriptExtension/SubscriptExtension.tsx +++ b/src/shared/components/MarkDownEditor/extensions/SubscriptExtension/SubscriptExtension.tsx @@ -9,7 +9,7 @@ import { InsertContentExtensionProps } from '../Extensions.types'; export const SubscriptExtension = ({ onInsert }: InsertContentExtensionProps) => { const { t } = useTranslation('app'); const handler = () => { - const generator: InsertContentGenerator = selectedText => ({ + const generator: InsertContentGenerator = (selectedText) => ({ targetValue: `~${selectedText}~`, select: true, deviationStart: 0, diff --git a/src/shared/components/MarkDownEditor/extensions/SuperscriptExtension/SuperscriptExtension.tsx b/src/shared/components/MarkDownEditor/extensions/SuperscriptExtension/SuperscriptExtension.tsx index 5f04c9959f..8ead632a68 100644 --- a/src/shared/components/MarkDownEditor/extensions/SuperscriptExtension/SuperscriptExtension.tsx +++ b/src/shared/components/MarkDownEditor/extensions/SuperscriptExtension/SuperscriptExtension.tsx @@ -9,7 +9,7 @@ import { StyledIconCenter } from './SuperscriptExtension.styles'; export const SuperscriptExtension = ({ onInsert }: InsertContentExtensionProps) => { const { t } = useTranslation('app'); const handler = () => { - const generator: InsertContentGenerator = selectedText => ({ + const generator: InsertContentGenerator = (selectedText) => ({ targetValue: `^${selectedText}^`, select: true, deviationStart: 0, diff --git a/src/shared/components/MarkDownEditor/extensions/UnderlineExtension/UnderlineExtension.tsx b/src/shared/components/MarkDownEditor/extensions/UnderlineExtension/UnderlineExtension.tsx index 3b276bcddc..344bd24c72 100644 --- a/src/shared/components/MarkDownEditor/extensions/UnderlineExtension/UnderlineExtension.tsx +++ b/src/shared/components/MarkDownEditor/extensions/UnderlineExtension/UnderlineExtension.tsx @@ -9,7 +9,7 @@ import { StyledIconCenter } from './UnderlineExtension.styles'; export const UnderlineExtension = ({ onInsert }: InsertContentExtensionProps) => { const { t } = useTranslation('app'); const handler = () => { - const generator: InsertContentGenerator = selectedText => ({ + const generator: InsertContentGenerator = (selectedText) => ({ targetValue: `++${selectedText}++`, select: true, deviationStart: 0, diff --git a/src/shared/components/MarkDownEditor/extensions/UnorderedListExtension/UnorderedListExtension.tsx b/src/shared/components/MarkDownEditor/extensions/UnorderedListExtension/UnorderedListExtension.tsx index d13b2a393a..32eb9d2708 100644 --- a/src/shared/components/MarkDownEditor/extensions/UnorderedListExtension/UnorderedListExtension.tsx +++ b/src/shared/components/MarkDownEditor/extensions/UnorderedListExtension/UnorderedListExtension.tsx @@ -10,8 +10,8 @@ export const UnorderedListExtension = ({ onInsert }: InsertContentExtensionProps const { t } = useTranslation('app'); const markHandler = () => { - const generator: InsertContentGenerator = selectedText => ({ - targetValue: selectedText.replace(/^.*$/gm, match => `- ${match}`), + const generator: InsertContentGenerator = (selectedText) => ({ + targetValue: selectedText.replace(/^.*$/gm, (match) => `- ${match}`), select: true, deviationStart: 0, deviationEnd: 0, diff --git a/src/shared/components/Password/CreateAppletPassword/CreateAppletPassword.tsx b/src/shared/components/Password/CreateAppletPassword/CreateAppletPassword.tsx index 034f4e5372..4d2870658c 100644 --- a/src/shared/components/Password/CreateAppletPassword/CreateAppletPassword.tsx +++ b/src/shared/components/Password/CreateAppletPassword/CreateAppletPassword.tsx @@ -51,7 +51,7 @@ export const CreateAppletPassword = forwardRef setShowPassword(prevState => !prevState)}> + onClick={() => setShowPassword((prevState) => !prevState)}> ), @@ -71,7 +71,7 @@ export const CreateAppletPassword = forwardRef setShowAppletPasswordConfirmation(prevState => !prevState)}> + onClick={() => setShowAppletPasswordConfirmation((prevState) => !prevState)}> ), diff --git a/src/shared/components/Password/EnterAppletPassword/EnterAppletPassword.tsx b/src/shared/components/Password/EnterAppletPassword/EnterAppletPassword.tsx index e7339ba2a6..699a6ebd2d 100644 --- a/src/shared/components/Password/EnterAppletPassword/EnterAppletPassword.tsx +++ b/src/shared/components/Password/EnterAppletPassword/EnterAppletPassword.tsx @@ -75,7 +75,7 @@ export const EnterAppletPassword = forwardRef setShowPassword(prevState => !prevState)}> + onClick={() => setShowPassword((prevState) => !prevState)}> ), diff --git a/src/shared/components/Table/Table.tsx b/src/shared/components/Table/Table.tsx index 3737f449e3..ead9d5ae32 100644 --- a/src/shared/components/Table/Table.tsx +++ b/src/shared/components/Table/Table.tsx @@ -98,7 +98,7 @@ export const Table = ({ ?.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage) .map((row, index) => ( - {Object.keys(row)?.map(key => ( + {Object.keys(row)?.map((key) => ( { - const index = tabs?.findIndex(tab => tab.path && pathname.includes(tab.path)); + const index = tabs?.findIndex((tab) => tab.path && pathname.includes(tab.path)); const tabIndex = index > -1 ? index : 0; const { header, content } = tabs.reduce( diff --git a/src/shared/components/Uploader/Uploader.tsx b/src/shared/components/Uploader/Uploader.tsx index 571437031e..28c8f7e502 100644 --- a/src/shared/components/Uploader/Uploader.tsx +++ b/src/shared/components/Uploader/Uploader.tsx @@ -63,7 +63,7 @@ export const Uploader = ({ const { execute: executeImgUpload, isLoading } = useAsync( postFileUploadApi, - response => response?.data?.result && setValue(response?.data?.result.url), + (response) => response?.data?.result && setValue(response?.data?.result.url), ); const stopDefaults = (e: DragEvent | MouseEvent) => { @@ -121,7 +121,7 @@ export const Uploader = ({ } checkDimensions(imageFile) - .then(allowableDimensions => { + .then((allowableDimensions) => { if (allowableDimensions) { successSetImageCallback(); @@ -129,7 +129,7 @@ export const Uploader = ({ } setError(UploadFileError.Dimensions); }) - .catch(error => { + .catch((error) => { console.error('Error loading image:', error); }); }; diff --git a/src/shared/features/AppletSettings/DataRetentionSetting/DataRetention.schema.ts b/src/shared/features/AppletSettings/DataRetentionSetting/DataRetention.schema.ts index e47b3637e4..0f476af105 100644 --- a/src/shared/features/AppletSettings/DataRetentionSetting/DataRetention.schema.ts +++ b/src/shared/features/AppletSettings/DataRetentionSetting/DataRetention.schema.ts @@ -11,7 +11,7 @@ export const dataRetentionSchema = () => { retentionType: yup.mixed().oneOf(Object.values(RetentionPeriods)).required(), retentionPeriod: yup .number() - .transform(value => (!value || isNaN(value) ? 1 : value)) + .transform((value) => (!value || isNaN(value) ? 1 : value)) .when('retentionType', ([retentionType], schema) => retentionType === RetentionPeriods.Indefinitely ? schema : schema.required(t('periodRequired')), ), diff --git a/src/shared/features/AppletSettings/ShareAppletSetting/ShareAppletSetting.tsx b/src/shared/features/AppletSettings/ShareAppletSetting/ShareAppletSetting.tsx index 5d0a8e00e4..0df36aadfe 100644 --- a/src/shared/features/AppletSettings/ShareAppletSetting/ShareAppletSetting.tsx +++ b/src/shared/features/AppletSettings/ShareAppletSetting/ShareAppletSetting.tsx @@ -41,7 +41,7 @@ export const ShareAppletSetting = ({ isDisabled: isDisabledSetting = false }) => setIsDisabled(isDisabled)} + onDisableSubmit={(isDisabled) => setIsDisabled(isDisabled)} isSubmitted={isSubmitted} setIsSubmitted={setIsSubmitted} showSuccess={false} diff --git a/src/shared/features/AppletSettings/VersionHistorySetting/VersionHistorySetting.test.tsx b/src/shared/features/AppletSettings/VersionHistorySetting/VersionHistorySetting.test.tsx index 9302f90ed3..9115f0bb0c 100644 --- a/src/shared/features/AppletSettings/VersionHistorySetting/VersionHistorySetting.test.tsx +++ b/src/shared/features/AppletSettings/VersionHistorySetting/VersionHistorySetting.test.tsx @@ -101,7 +101,7 @@ describe('VersionHistorySetting', () => { ${`/dashboard/${mockedAppletId}/settings/${SettingParam.VersionHistory}`} | ${page.appletSettingsItem} | ${'for dashboard'} ${`/builder/${mockedAppletId}/settings/${SettingParam.VersionHistory}`} | ${page.builderAppletSettingsItem} | ${'for builder'} `('$description', async ({ route, routePath }) => { - mockAxios.get.mockImplementation(url => { + mockAxios.get.mockImplementation((url) => { switch (true) { case url?.endsWith('/versions'): return Promise.resolve(versionsMock); diff --git a/src/shared/features/AppletSettings/VersionHistorySetting/VersionHistorySetting.tsx b/src/shared/features/AppletSettings/VersionHistorySetting/VersionHistorySetting.tsx index 22eaad8e04..7b50f77f35 100644 --- a/src/shared/features/AppletSettings/VersionHistorySetting/VersionHistorySetting.tsx +++ b/src/shared/features/AppletSettings/VersionHistorySetting/VersionHistorySetting.tsx @@ -103,7 +103,7 @@ export const VersionHistorySetting = () => { title={t('appletMetadata')} data-testid={`${dataTestid}-applet-changes`}> - {versionChanges?.changes.map(change => renderChangeItem(change))} + {versionChanges?.changes.map((change) => renderChangeItem(change))} )} @@ -113,20 +113,20 @@ export const VersionHistorySetting = () => { title={t('activities')} data-testid={`${dataTestid}-activities-changes`}> - {versionChanges?.activities.map(activity => ( + {versionChanges?.activities.map((activity) => ( {!!activity?.changes.length && ( - {activity.changes.map(change => renderChangeItem(change))} + {activity.changes.map((change) => renderChangeItem(change))} )} {!!activity?.items.length && ( - {activity?.items.map(item => { + {activity?.items.map((item) => { if (!item.changes && item.name) { return renderChangeItem(item.name); } @@ -135,7 +135,7 @@ export const VersionHistorySetting = () => { item.changes && ( - {item.changes?.map(change => renderChangeItem(change))} + {item.changes?.map((change) => renderChangeItem(change))} ) diff --git a/src/shared/features/SwitchWorkspace/SwitchWorkspace.utils.ts b/src/shared/features/SwitchWorkspace/SwitchWorkspace.utils.ts index 292fe91076..bae753164c 100644 --- a/src/shared/features/SwitchWorkspace/SwitchWorkspace.utils.ts +++ b/src/shared/features/SwitchWorkspace/SwitchWorkspace.utils.ts @@ -18,7 +18,7 @@ export const getWorkspacesGroups = (workspaces: Workspace[], id?: string): Works return groups; }, groups); - return workspacesGroups.map(workspace => ({ + return workspacesGroups.map((workspace) => ({ ...workspace, workspaces: filteredGroups[workspace.groupName], })); diff --git a/src/shared/hooks/useAsync.ts b/src/shared/hooks/useAsync.ts index 3a47cc7d3e..7b3b27ec1e 100644 --- a/src/shared/hooks/useAsync.ts +++ b/src/shared/hooks/useAsync.ts @@ -24,13 +24,13 @@ export const useAsync = ( setError(null); return asyncFunction(body) - ?.then(response => { + ?.then((response) => { setValue(response); callback && callback(response); return response; }) - .catch(error => { + .catch((error) => { setError(error); errorCallback && errorCallback(error); diff --git a/src/shared/hooks/useCheckIfAppletHasNotFoundError.ts b/src/shared/hooks/useCheckIfAppletHasNotFoundError.ts index ea1e572678..13973a07b9 100644 --- a/src/shared/hooks/useCheckIfAppletHasNotFoundError.ts +++ b/src/shared/hooks/useCheckIfAppletHasNotFoundError.ts @@ -4,5 +4,5 @@ import { ErrorResponseType } from 'shared/types'; export const useCheckIfAppletHasNotFoundError = () => { const appletError = applet.useResponseError() ?? []; - return Array.isArray(appletError) && appletError.some(error => error.type === ErrorResponseType.NotFound); + return Array.isArray(appletError) && appletError.some((error) => error.type === ErrorResponseType.NotFound); }; diff --git a/src/shared/hooks/useComponentSize.ts b/src/shared/hooks/useComponentSize.ts index d3a995aa0e..14526856c4 100644 --- a/src/shared/hooks/useComponentSize.ts +++ b/src/shared/hooks/useComponentSize.ts @@ -4,7 +4,7 @@ const useResizeObserved = ( refs: Array>, mapper: (el: ELEMENT | null) => RETURN_TYPE, ): RETURN_TYPE[] => { - const [dimensions, setDimensions] = useState(() => refs.map(ref => mapper(ref.current))); + const [dimensions, setDimensions] = useState(() => refs.map((ref) => mapper(ref.current))); const mapperRef = useRef(mapper); useLayoutEffect(() => { @@ -13,10 +13,10 @@ const useResizeObserved = ( useLayoutEffect(() => { const resizeObserver = new ResizeObserver(() => { - setDimensions(refs.map(ref => mapperRef.current(ref.current))); + setDimensions(refs.map((ref) => mapperRef.current(ref.current))); }); - refs.forEach(ref => { + refs.forEach((ref) => { ref.current && resizeObserver.observe(ref.current); }); diff --git a/src/shared/hooks/useHeaderSticky.tsx b/src/shared/hooks/useHeaderSticky.tsx index 318b905295..a6f758f52d 100644 --- a/src/shared/hooks/useHeaderSticky.tsx +++ b/src/shared/hooks/useHeaderSticky.tsx @@ -11,7 +11,7 @@ export const useHeaderSticky = (containerRef: MutableRefObject { if (containerEl) { setIsHeaderSticky( - prevSticky => containerEl.scrollTop >= (prevSticky ? OFFSET_TO_UNSET_STICKY : OFFSET_TO_SET_STICKY), + (prevSticky) => containerEl.scrollTop >= (prevSticky ? OFFSET_TO_UNSET_STICKY : OFFSET_TO_SET_STICKY), ); } }; diff --git a/src/shared/hooks/useInfinityData.ts b/src/shared/hooks/useInfinityData.ts index 5a8167b656..e8b7c671bc 100644 --- a/src/shared/hooks/useInfinityData.ts +++ b/src/shared/hooks/useInfinityData.ts @@ -30,7 +30,7 @@ export const useInfinityData = ({ }: UseInfinityDataType) => { const dispatch = useAppDispatch(); const { loadNextPage } = getInfinityScrollData({ - action: async page => { + action: async (page) => { dispatch( getListThunk({ ...params, diff --git a/src/shared/hooks/useIntersectionObserver.ts b/src/shared/hooks/useIntersectionObserver.ts index a914d73489..5cc14bee07 100644 --- a/src/shared/hooks/useIntersectionObserver.ts +++ b/src/shared/hooks/useIntersectionObserver.ts @@ -23,7 +23,7 @@ export const useIntersectionObserver = ({ const callback: IntersectionObserverCallback = (entries: IntersectionObserverEntry[]) => { if (entries.length === 0) return; - entries.forEach(entry => { + entries.forEach((entry) => { if (entry.isIntersecting) return onAppear?.(); return onHide?.(); diff --git a/src/shared/layouts/BaseLayout/components/LeftBar/LeftBar.test.tsx b/src/shared/layouts/BaseLayout/components/LeftBar/LeftBar.test.tsx index 20a484acdf..7acbe026dd 100644 --- a/src/shared/layouts/BaseLayout/components/LeftBar/LeftBar.test.tsx +++ b/src/shared/layouts/BaseLayout/components/LeftBar/LeftBar.test.tsx @@ -48,7 +48,7 @@ describe('LeftBar component', () => { expect(listItems).toHaveLength(2); const linkTexts = ['Dashboard', 'Library']; - linkTexts.forEach(text => { + linkTexts.forEach((text) => { const link = screen.getByText(text); expect(link).toBeInTheDocument(); }); diff --git a/src/shared/layouts/BaseLayout/components/LeftBar/LeftBar.tsx b/src/shared/layouts/BaseLayout/components/LeftBar/LeftBar.tsx index 9f4bd0ce49..f88622c262 100644 --- a/src/shared/layouts/BaseLayout/components/LeftBar/LeftBar.tsx +++ b/src/shared/layouts/BaseLayout/components/LeftBar/LeftBar.tsx @@ -34,7 +34,7 @@ export const LeftBar = () => { useEffect(() => { if (workspacesData?.length) { - const ownerWorkspace = workspacesData.find(item => item.ownerId === id); + const ownerWorkspace = workspacesData.find((item) => item.ownerId === id); const storageWorkspace = authStorage.getWorkspace(); dispatch(workspaces.actions.setCurrentWorkspace(storageWorkspace || ownerWorkspace || null)); } @@ -63,7 +63,7 @@ export const LeftBar = () => { setVisibleDrawer(false)}> setVisibleDrawer(prevState => !prevState)} + onClick={() => setVisibleDrawer((prevState) => !prevState)} data-testid={`${dataTestid}-collapse`}> diff --git a/src/shared/layouts/BaseLayout/components/TopBar/Breadcrumbs/Breadcrumbs.hooks.ts b/src/shared/layouts/BaseLayout/components/TopBar/Breadcrumbs/Breadcrumbs.hooks.ts index 000d2d252d..4702047c2c 100644 --- a/src/shared/layouts/BaseLayout/components/TopBar/Breadcrumbs/Breadcrumbs.hooks.ts +++ b/src/shared/layouts/BaseLayout/components/TopBar/Breadcrumbs/Breadcrumbs.hooks.ts @@ -40,12 +40,12 @@ export const useBreadcrumbs = (restCrumbs?: Breadcrumb[]) => { const appletData = (getValues?.() ?? result) as SingleApplet; const isNewApplet = useCheckIfNewApplet(); const appletLabel = (isNewApplet ? t('newApplet') : appletData?.displayName) ?? ''; - const currentActivityName = appletData?.activities?.find(activity => getEntityKey(activity) === activityId)?.name; + const currentActivityName = appletData?.activities?.find((activity) => getEntityKey(activity) === activityId)?.name; const activityLabel = currentActivityName ?? t('newActivity'); const performanceTaskLabel = currentActivityName ?? Object.entries(checkCurrentPerformanceTaskPage(pathname)).find(([, value]) => value)?.[0]; const activityFlowLabel = - appletData?.activityFlows?.find(activityFlow => getEntityKey(activityFlow) === activityFlowId)?.name ?? + appletData?.activityFlows?.find((activityFlow) => getEntityKey(activityFlow) === activityFlowId)?.name ?? t('newActivityFlow'); const activitiesBreadcrumb = { icon: 'checklist-outlined', @@ -271,7 +271,7 @@ export const useBreadcrumbs = (restCrumbs?: Breadcrumb[]) => { if (setting) newBreadcrumbs.push(getSettingBreadcrumbs(setting as SettingParam, appletData?.isPublished)); - const updatedBreadcrumbs = [...newBreadcrumbs, ...(restCrumbs || [])].map(crumb => ({ + const updatedBreadcrumbs = [...newBreadcrumbs, ...(restCrumbs || [])].map((crumb) => ({ ...crumb, key: uniqueId(), })); diff --git a/src/shared/layouts/BaseLayout/components/TopBar/Notifications/Notifications.tsx b/src/shared/layouts/BaseLayout/components/TopBar/Notifications/Notifications.tsx index b8cf6072fa..67b97a8d8d 100644 --- a/src/shared/layouts/BaseLayout/components/TopBar/Notifications/Notifications.tsx +++ b/src/shared/layouts/BaseLayout/components/TopBar/Notifications/Notifications.tsx @@ -44,7 +44,7 @@ export const Notifications = () => { useEffect(() => { if (!alertList.length) return; - const alerts = alertList.map(alert => ({ + const alerts = alertList.map((alert) => ({ ...alert, timeAgo: timeAgo.format(getDateInUserTimezone(alert.createdAt), 'round'), alert, @@ -76,7 +76,7 @@ export const Notifications = () => { {`${notWatched} ${t('unread')}`} )} - setShowList(prevState => !prevState)}> + setShowList((prevState) => !prevState)}> @@ -88,7 +88,7 @@ export const Notifications = () => { {t('noAlerts')} )} - {notifications?.map(item => ( + {notifications?.map((item) => ( ))} {isLoading && ( diff --git a/src/shared/layouts/BaseLayout/components/TopBar/TopBar.tsx b/src/shared/layouts/BaseLayout/components/TopBar/TopBar.tsx index e2ee45357a..bc77dcfd67 100644 --- a/src/shared/layouts/BaseLayout/components/TopBar/TopBar.tsx +++ b/src/shared/layouts/BaseLayout/components/TopBar/TopBar.tsx @@ -35,7 +35,7 @@ export const TopBar = () => { {isAuthorized ? ( setVisibleAccountDrawer(prevState => !prevState)} + onClick={() => setVisibleAccountDrawer((prevState) => !prevState)} variant="text" data-testid={`${dataTestid}-badge-button`}> diff --git a/src/shared/state/Alerts/Alerts.utils.ts b/src/shared/state/Alerts/Alerts.utils.ts index bbfe68c198..c475674d8b 100644 --- a/src/shared/state/Alerts/Alerts.utils.ts +++ b/src/shared/state/Alerts/Alerts.utils.ts @@ -11,7 +11,7 @@ export const updateAlertWatchedState = ( if (!alerts.data?.result) return; alerts.data.notWatched += payload.isWatched ? -1 : 1; - alerts.data.result = alerts.data.result.map(alert => + alerts.data.result = alerts.data.result.map((alert) => alert.id === payload.id ? { ...alert, @@ -33,5 +33,5 @@ export const addAlerts = ( alerts.data.result = [...payload, ...alerts.data.result]; alerts.data.count = alerts.data.count + payload.length; - alerts.data.notWatched += payload.filter(alert => !alert.isWatched).length; + alerts.data.notWatched += payload.filter((alert) => !alert.isWatched).length; }; diff --git a/src/shared/styles/theme.ts b/src/shared/styles/theme.ts index babb0e9c7d..5f9fe82939 100644 --- a/src/shared/styles/theme.ts +++ b/src/shared/styles/theme.ts @@ -238,7 +238,7 @@ export const theme = createTheme({ }, ...Object.assign( {}, - ...['&:focus', '&:active', '&:visited'].map(item => ({ + ...['&:focus', '&:active', '&:visited'].map((item) => ({ [item]: { backgroundColor: variables.palette.contained_btn_focus, boxShadow: 'unset', diff --git a/src/shared/utils/array.ts b/src/shared/utils/array.ts index 0d69110ea8..cda5efcec8 100644 --- a/src/shared/utils/array.ts +++ b/src/shared/utils/array.ts @@ -17,13 +17,13 @@ export const groupBy = (array: T[], map: K | Mapper): R }; }, {}); -export const pluck = (array: unknown[], attribute: string) => array.map(item => get(item, attribute)); +export const pluck = (array: unknown[], attribute: string) => array.map((item) => get(item, attribute)); export const createArrayFromMinToMax = (min: number, max: number) => Array.from({ length: max - min + 1 }, (_, i) => i + min); export const without = (source?: T[], data?: T | T[]): T[] => { - if (Array.isArray(data)) return source?.filter(item => !data?.includes(item)) ?? []; + if (Array.isArray(data)) return source?.filter((item) => !data?.includes(item)) ?? []; - return source?.filter(item => item !== data) ?? []; + return source?.filter((item) => item !== data) ?? []; }; diff --git a/src/shared/utils/asyncTimeout.ts b/src/shared/utils/asyncTimeout.ts index 4ffaca87cb..2aa51d2f13 100644 --- a/src/shared/utils/asyncTimeout.ts +++ b/src/shared/utils/asyncTimeout.ts @@ -1 +1 @@ -export const asyncTimeout = async (delay: number) => await new Promise(resolve => setTimeout(resolve, delay)); +export const asyncTimeout = async (delay: number) => await new Promise((resolve) => setTimeout(resolve, delay)); diff --git a/src/shared/utils/colors.ts b/src/shared/utils/colors.ts index d4fc87287a..9469104bd0 100644 --- a/src/shared/utils/colors.ts +++ b/src/shared/utils/colors.ts @@ -13,7 +13,7 @@ export const convertColorToRGBA = (color: string) => { const matchedRgba = rgba.match(/[.\d]+/g) as RegExpMatchArray; if (matchedRgba) { - const [r, g, b, a] = matchedRgba.map(color => +color); + const [r, g, b, a] = matchedRgba.map((color) => +color); return { r, diff --git a/src/shared/utils/exportData/exportMediaZip.ts b/src/shared/utils/exportData/exportMediaZip.ts index 95e37aebba..c2e852b65a 100644 --- a/src/shared/utils/exportData/exportMediaZip.ts +++ b/src/shared/utils/exportData/exportMediaZip.ts @@ -8,7 +8,7 @@ export const exportMediaZip = async (mediaData: ExportMediaData[], reportName: s try { const settledFetchDataList = await Promise.allSettled(mediaData.map(({ url }) => fetch(url))); const settledBlobDataList = await Promise.allSettled( - settledFetchDataList.map(settledFetchData => { + settledFetchDataList.map((settledFetchData) => { if (settledFetchData.status === 'rejected') return Promise.reject(null); return settledFetchData.value.blob(); diff --git a/src/shared/utils/exportData/exportZip.ts b/src/shared/utils/exportData/exportZip.ts index f4ccd78fb4..0dc31c3828 100644 --- a/src/shared/utils/exportData/exportZip.ts +++ b/src/shared/utils/exportData/exportZip.ts @@ -12,7 +12,7 @@ export const exportZip = async (data: { fileName: string; file: Blob }[], fileNa const JSZip = await import('jszip'); const zip = new JSZip.default(); - dataArray.forEach(data => { + dataArray.forEach((data) => { zip.file(data.fileName, data.file); }); diff --git a/src/shared/utils/exportData/getReportAndMediaData.test.ts b/src/shared/utils/exportData/getReportAndMediaData.test.ts index b485aa7b0d..b4d090605f 100644 --- a/src/shared/utils/exportData/getReportAndMediaData.test.ts +++ b/src/shared/utils/exportData/getReportAndMediaData.test.ts @@ -145,7 +145,7 @@ describe('getReportAndMediaData', () => { }, }; const decryptedAnswers = [textItem, textNullAnswerItem, textUndefinedAnswerItem] as DecryptedAnswerData[]; - const rawAnswersObject = getObjectFromList(decryptedAnswers, item => item.activityItem.name); + const rawAnswersObject = getObjectFromList(decryptedAnswers, (item) => item.activityItem.name); test('should return filtered out array with items without empty answers', () => { //eslint-disable-next-line @typescript-eslint/ban-ts-comment @@ -175,7 +175,7 @@ describe('getReportAndMediaData', () => { }); test('should return an array with items', () => { const { decryptedAnswers } = mockedParsedAnswers[0]; - const rawAnswersObject = getObjectFromList(decryptedAnswers, item => item.activityItem.name); + const rawAnswersObject = getObjectFromList(decryptedAnswers, (item) => item.activityItem.name); //eslint-disable-next-line @typescript-eslint/ban-ts-comment //@ts-ignore const result = getReportData([], rawAnswersObject, decryptedAnswers); @@ -240,7 +240,7 @@ describe('getReportAndMediaData', () => { ]); }); test('should return an array with items and subscale calculation in first item', () => { - const rawAnswersObject = getObjectFromList(mockedDecryptedAnswersWithSubscales, item => item.activityItem.name); + const rawAnswersObject = getObjectFromList(mockedDecryptedAnswersWithSubscales, (item) => item.activityItem.name); //eslint-disable-next-line @typescript-eslint/ban-ts-comment //@ts-ignore const result = getReportData([], rawAnswersObject, mockedDecryptedAnswersWithSubscales); @@ -384,7 +384,7 @@ describe('getReportAndMediaData', () => { describe('getActivityJourneyData', () => { test('should return an array for journey data', () => { const decryptedAnswers = [mockedDecryptedObjectForDrawing]; - const rawAnswersObject = getObjectFromList(decryptedAnswers, item => item.activityItem.name); + const rawAnswersObject = getObjectFromList(decryptedAnswers, (item) => item.activityItem.name); const result = getActivityJourneyData( [], //eslint-disable-next-line @typescript-eslint/ban-ts-comment @@ -442,7 +442,7 @@ describe('getReportAndMediaData', () => { }); test('should return an array for journey data with splash screen', () => { const decryptedAnswers = [mockedDecryptedObjectForDrawing]; - const rawAnswersObject = getObjectFromList(decryptedAnswers, item => item.activityItem.name); + const rawAnswersObject = getObjectFromList(decryptedAnswers, (item) => item.activityItem.name); const events = [ { type: 'NEXT', diff --git a/src/shared/utils/exportData/getReportAndMediaData.ts b/src/shared/utils/exportData/getReportAndMediaData.ts index 2c4d212cb2..8549acb54f 100644 --- a/src/shared/utils/exportData/getReportAndMediaData.ts +++ b/src/shared/utils/exportData/getReportAndMediaData.ts @@ -26,7 +26,7 @@ export const getDecryptedAnswersObject = ({ hasMigratedAnswers?: boolean; hasUrlEventScreen?: boolean; }) => - getObjectFromList(decryptedAnswers, item => { + getObjectFromList(decryptedAnswers, (item) => { if (hasUrlEventScreen) return item.activityItem.name; if (hasMigratedAnswers) { return `${getIdBeforeMigration(item.activityId)}/${getIdBeforeMigration(item.activityItem.id)}`; diff --git a/src/shared/utils/exportData/getSubscales.test.ts b/src/shared/utils/exportData/getSubscales.test.ts index d5bdd2634e..4e1cfe9191 100644 --- a/src/shared/utils/exportData/getSubscales.test.ts +++ b/src/shared/utils/exportData/getSubscales.test.ts @@ -13,7 +13,7 @@ import { getSubScaleScore, parseSex, calcScores, calcTotalScore, getSubscales } const itemsAndSubscales = [mockedSubscale1, mockedSubscale2]; const itemsOnly = [mockedSubscale1]; -const activityItems = getObjectFromList(mockedDecryptedAnswersWithSubscales, item => item.activityItem.name); +const activityItems = getObjectFromList(mockedDecryptedAnswersWithSubscales, (item) => item.activityItem.name); const subscaleItems = [ { name: 'single', @@ -32,7 +32,7 @@ const subscaleItems = [ type: 'item', }, ]; -const subscaleWithoutTypeItems = subscaleItems.map(item => ({ ...item, type: undefined })); +const subscaleWithoutTypeItems = subscaleItems.map((item) => ({ ...item, type: undefined })); const data = { name: 'finalSubScale', diff --git a/src/shared/utils/exportData/getSubscales.ts b/src/shared/utils/exportData/getSubscales.ts index 9e837458e3..0baad533a4 100644 --- a/src/shared/utils/exportData/getSubscales.ts +++ b/src/shared/utils/exportData/getSubscales.ts @@ -91,7 +91,7 @@ export const calcScores = ( const scores = typedOptions.scores; const options = createArrayFromMinToMax(min, max); - value = scores[options.findIndex(item => item === answer?.value)] || 0; + value = scores[options.findIndex((item) => item === answer?.value)] || 0; } return acc + value; @@ -171,7 +171,7 @@ export const getSubscales = ( ) => { if (!subscaleSetting?.subscales?.length || !Object.keys(activityItems).length) return {}; - const subscalesObject = getObjectFromList(subscaleSetting.subscales, item => item.name); + const subscalesObject = getObjectFromList(subscaleSetting.subscales, (item) => item.name); const parsedSubscales = subscaleSetting.subscales.reduce((acc: ParsedSubscale, item) => { const calculatedSubscale = calcScores(item, activityItems, subscalesObject, {}); diff --git a/src/shared/utils/exportData/prepareData.ts b/src/shared/utils/exportData/prepareData.ts index fdd8cad45f..240ab4ae03 100644 --- a/src/shared/utils/exportData/prepareData.ts +++ b/src/shared/utils/exportData/prepareData.ts @@ -33,7 +33,7 @@ export const prepareData = async ( let acc: AppletExportData = getDefaultExportData(); for await (const data of parsedAnswersWithPublicUrls) { - const rawAnswersObject = getObjectFromList(data.decryptedAnswers, item => item.activityItem.name); + const rawAnswersObject = getObjectFromList(data.decryptedAnswers, (item) => item.activityItem.name); const reportData = getReportData(acc.reportData, rawAnswersObject, data.decryptedAnswers); const mediaData = getMediaData(acc.mediaData, data.decryptedAnswers); diff --git a/src/shared/utils/exportData/replaceItemVariableWithName.ts b/src/shared/utils/exportData/replaceItemVariableWithName.ts index 7039a01cc2..c2445446e1 100644 --- a/src/shared/utils/exportData/replaceItemVariableWithName.ts +++ b/src/shared/utils/exportData/replaceItemVariableWithName.ts @@ -47,9 +47,9 @@ export const replaceItemVariableWithName = ({ const variableNames = getTextBetweenBrackets(markdown); if (!variableNames?.length) return markdown; - const itemsObject = getObjectFromList(items, item => item.name); + const itemsObject = getObjectFromList(items, (item) => item.name); - variableNames.forEach(variableName => { + variableNames.forEach((variableName) => { const reg = new RegExp(`\\[\\[${variableName}\\]\\]`, 'gi'); const itemValue = itemsObject[variableName]; const answerValue = rawAnswersObject[variableName]; @@ -57,10 +57,10 @@ export const replaceItemVariableWithName = ({ if (rawAnswer && Array.isArray((rawAnswer as DecryptedMultiSelectionAnswer).value)) { const names: string[] = []; - (rawAnswer as DecryptedMultiSelectionAnswer).value.forEach(value => { + (rawAnswer as DecryptedMultiSelectionAnswer).value.forEach((value) => { const item = (itemValue.responseValues as SingleAndMultipleSelectItemResponseValues).options?.find( - option => String(option.value) === String(value), + (option) => String(option.value) === String(value), ) ?? null; if (item) names.push(item.text); @@ -70,7 +70,7 @@ export const replaceItemVariableWithName = ({ switch (itemValue.responseType) { case ItemResponseType.SingleSelection: { const item = itemValue.responseValues.options.find( - option => String(option.value) === String((rawAnswer as DecryptedSingleSelectionAnswer).value), + (option) => String(option.value) === String((rawAnswer as DecryptedSingleSelectionAnswer).value), ); if (item) { markdown = markdown.replace(reg, `${item.text} `); diff --git a/src/shared/utils/exportTemplate.ts b/src/shared/utils/exportTemplate.ts index 733a75a3cc..ee198b5817 100644 --- a/src/shared/utils/exportTemplate.ts +++ b/src/shared/utils/exportTemplate.ts @@ -18,7 +18,7 @@ export const exportTemplate = async ({ // Fix for Safari (Allow Multiple File Downloads). // https://stackoverflow.com/questions/61961488/allow-multiple-file-downloads-in-safari // One of the possible options to download multiple files is to add these files to the archive. - return new Promise(resolve => { + return new Promise((resolve) => { writeFile(workBook, `${fileName}${isXlsx ? '.xlsx' : '.csv'}`); setTimeout(() => { diff --git a/src/shared/utils/fileSystem.ts b/src/shared/utils/fileSystem.ts index 85c0efd0dc..8423dda78e 100644 --- a/src/shared/utils/fileSystem.ts +++ b/src/shared/utils/fileSystem.ts @@ -2,7 +2,7 @@ import { BYTE_QUANTITY } from 'shared/types/fileSystem'; type FORMATTER = (value?: string | number) => string; -export const byteFormatter: FORMATTER = cellValue => { +export const byteFormatter: FORMATTER = (cellValue) => { if (!cellValue && cellValue !== 0) return ''; let output = cellValue; diff --git a/src/shared/utils/getHighlightedText.tsx b/src/shared/utils/getHighlightedText.tsx index 4d7089a07d..59c9932fec 100644 --- a/src/shared/utils/getHighlightedText.tsx +++ b/src/shared/utils/getHighlightedText.tsx @@ -6,7 +6,7 @@ export const getHighlightedText = (text: string, search: string) => { const searchPattern = new RegExp(escapeRegExp(search), 'gi'); const highlightedTextHtml = search - ? text.replace(searchPattern, searchValue => `${searchValue}`) + ? text.replace(searchPattern, (searchValue) => `${searchValue}`) : text; return ; diff --git a/src/shared/utils/getIsAddAppletBtnVisible.ts b/src/shared/utils/getIsAddAppletBtnVisible.ts index 90e0207391..7a734f75e3 100644 --- a/src/shared/utils/getIsAddAppletBtnVisible.ts +++ b/src/shared/utils/getIsAddAppletBtnVisible.ts @@ -8,4 +8,4 @@ export const getIsAddAppletBtnVisible = ( user?: User, ) => currentWorkspace?.ownerId === user?.id || - Object.values(rolesData?.data || {}).some(roles => roles.includes(Roles.Manager) || roles.includes(Roles.Editor)); + Object.values(rolesData?.data || {}).some((roles) => roles.includes(Roles.Manager) || roles.includes(Roles.Editor)); diff --git a/src/shared/utils/getParsedAnswers.test.ts b/src/shared/utils/getParsedAnswers.test.ts index bf0d7c7d32..08045b7f08 100644 --- a/src/shared/utils/getParsedAnswers.test.ts +++ b/src/shared/utils/getParsedAnswers.test.ts @@ -93,7 +93,7 @@ describe('getParsedAnswers', () => { test('should return answers with public urls', async () => { jest.spyOn(mockedAxios, 'post').mockImplementation( () => - new Promise(res => + new Promise((res) => res({ data: { result: ['publicDrawingUrl', 'publicAudioUrl', 'publicVideoUrl', 'publicPhotoUrl'], diff --git a/src/shared/utils/getParsedAnswers.ts b/src/shared/utils/getParsedAnswers.ts index 14f114ce96..c594b55716 100644 --- a/src/shared/utils/getParsedAnswers.ts +++ b/src/shared/utils/getParsedAnswers.ts @@ -51,7 +51,7 @@ export const remapFailedAnswers = ( decryptedEvents: data.decryptedEvents.filter(isSuccessEvent), /* eslint-disable @typescript-eslint/ban-ts-comment */ // @ts-ignore - decryptedAnswers: data.decryptedAnswers.map(item => { + decryptedAnswers: data.decryptedAnswers.map((item) => { if ( typeof item.answer === 'object' && item.answer !== null && diff --git a/src/shared/utils/state.ts b/src/shared/utils/state.ts index dd88867fcd..285950dbe2 100644 --- a/src/shared/utils/state.ts +++ b/src/shared/utils/state.ts @@ -29,7 +29,7 @@ export const getFulfilledData = , K>({ thunk, key, initialState, - mapper = payloadData => payloadData, + mapper = (payloadData) => payloadData, }: { builder: ActionReducerMapBuilder; thunk: AsyncThunk>; @@ -53,7 +53,7 @@ export const getFulfilledDataWithConcatenatedResult = payloadData, + mapper = (payloadData) => payloadData, }: { builder: ActionReducerMapBuilder; thunk: AsyncThunk>; diff --git a/src/shared/utils/urlGenerator.test.ts b/src/shared/utils/urlGenerator.test.ts index 2cdc85ad0c..53a65451e5 100644 --- a/src/shared/utils/urlGenerator.test.ts +++ b/src/shared/utils/urlGenerator.test.ts @@ -188,7 +188,7 @@ describe('checkCurrent*Page', () => { `('$description', ({ url, util, flag, expected }) => { expected ? expect(util(url)[flag]).toBe(expected) - : expect(Object.values(util(url)).every(flag => flag === false)).toBe(true); + : expect(Object.values(util(url)).every((flag) => flag === false)).toBe(true); }); }); diff --git a/src/shared/utils/urlGenerator.ts b/src/shared/utils/urlGenerator.ts index d9c49a7935..cc6a9df4d4 100644 --- a/src/shared/utils/urlGenerator.ts +++ b/src/shared/utils/urlGenerator.ts @@ -68,7 +68,7 @@ export const getUpdatedAppletUrl = (appletId: string, activityOrFlowId: string, page.builderAppletActivity, page.builderAppletActivityFlowItem, page.builderApplet, - ].find(pattern => matchPath(`${pattern}/*`, url)) ?? ''; + ].find((pattern) => matchPath(`${pattern}/*`, url)) ?? ''; const match = matchPath(`${matchedPath}/*`, url);