Skip to content

Update ConvertCSVToRecords LWC Component - Bug Fixes, Improvements, and Modernization #1689

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
AndyHaas wants to merge 13 commits into
base: master
Choose a base branch
from
Open

Update ConvertCSVToRecords LWC Component - Bug Fixes, Improvements, and Modernization #1689

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
ddee05e
Update ConvertCSVToRecords LWC component
AndyHaas Dec 17, 2025
cc02bee
Update PapaParse static resource from v5.0.2 to v5.5.3
AndyHaas Dec 17, 2025
a724c40
Fix critical bugs and add field type support
AndyHaas Dec 17, 2025
17ed54d
Add file size validation and improve error handling
AndyHaas Dec 17, 2025
f7922f7
Add SVG icon for CPE component
AndyHaas Dec 17, 2025
0abef34
Fix SVG icons to meet Salesforce Flow Builder requirements
AndyHaas Dec 17, 2025
c28e8f5
Fix loading state bug - use _isLoading instead of loading
AndyHaas Dec 17, 2025
caf2c76
Fix file upload display - show file name and status
AndyHaas Dec 17, 2025
cd62957
Add detailed processing status updates during file upload
AndyHaas Dec 17, 2025
c2394a0
Show status messages alongside loading spinner
AndyHaas Dec 17, 2025
cb28548
Modernize HTML template with proper Salesforce components
AndyHaas Dec 17, 2025
8d63e84
Hide file input after successful upload
AndyHaas Dec 17, 2025
d07f00b
Add isUploadSuccessful getter for detecting successful uploads
AndyHaas Dec 17, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion ...CSVToRecords_LWC/force-app/main/default/classes/LwcConvertCSVToRecordsHelper.cls-meta.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<ApexClass xmlns="http://soap.sforce.com/2006/04/metadata">
<apiVersion>55.0</apiVersion>
<apiVersion>65.0</apiVersion>
<status>Active</status>
</ApexClass>
2 changes: 1 addition & 1 deletion ...Records_LWC/force-app/main/default/classes/LwcConvertCSVToRecordsHelper_Test.cls-meta.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<ApexClass xmlns="http://soap.sforce.com/2006/04/metadata">
<apiVersion>55.0</apiVersion>
<apiVersion>65.0</apiVersion>
<status>Active</status>
</ApexClass>
70 changes: 46 additions & 24 deletions ...Records_LWC/force-app/main/default/lwc/lwcConvertCSVToRecords/lwcConvertCSVToRecords.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,50 @@
<template>
<template if:true={isLoading}>
<lightning-spinner alternative-text="Loading"></lightning-spinner>
</template>
<template if:false={isLoading}>
<lightning-input
type="file"
label={inputLabel}
accept=".csv"
onchange={handleInputChange}
>
</lightning-input>
<lightning-layout-item class="slds-form-element__label" size="12">
<span class="slds-form-element__label">{uploadFileName}</span>
<span class="slds-form-element__label">{uploadFileStatus}</span>
</lightning-layout-item>
<div class="slds-form-element">
<template if:true={isLoading}>
<div class="slds-align_absolute-center slds-m-vertical_medium">
<lightning-spinner alternative-text="Loading" size="medium"></lightning-spinner>
</div>
<template if:true={uploadFileName}>
<div class="slds-m-top_medium slds-text-align_center">
<div class="slds-text-heading_small slds-m-bottom_x-small">
<strong>{uploadFileName}</strong>
</div>
<div class="slds-text-body_regular slds-text-color_weak">
{uploadFileStatus}
</div>
</div>
</template>
</template>
<template if:false={isLoading}>
<template if:false={isUploadSuccessful}>
<lightning-input
type="file"
label={inputLabel}
accept=".csv"
onchange={handleInputChange}
class="slds-m-bottom_small"
>
</lightning-input>
</template>
<template if:true={uploadFileName}>
<div class="slds-m-top_small">
<div class="slds-text-heading_small slds-m-bottom_x-small">
<strong>{uploadFileName}</strong>
</div>
<div class="slds-text-body_regular slds-text-color_weak">
{uploadFileStatus}
</div>
</div>
</template>
</template>
<template if:true={isError}>
<lightning-layout-item class="slds-form-element__label" size="12">
<div class="slds-box slds-theme_shade slds-theme_error">
<p>
<strong>{errorMessage}</strong>
</p>
</div>
<span class="slds-form-element__label is-error"></span>
</lightning-layout-item>
<div class="slds-m-top_medium">
<div class="slds-box slds-theme_error slds-p-around_medium">
<div class="slds-text-body_regular" style="white-space: pre-line;">
{errorMessage}
</div>
</div>
</div>
</template>
</template>
</div>
</template>
Loading