From 7806626b33859d37aee4518b01a01626720af2af Mon Sep 17 00:00:00 2001 From: Nishant Kumar Thakur Date: Mon, 19 May 2025 23:26:19 +0530 Subject: [PATCH 1/6] MWPW-173721 [Locv3] Made Translation/Rollout selection pill accessible --- libs/blocks/locui-create/input-urls/view.js | 103 ++++++++++++-------- 1 file changed, 63 insertions(+), 40 deletions(-) diff --git a/libs/blocks/locui-create/input-urls/view.js b/libs/blocks/locui-create/input-urls/view.js index 4f00953aa1..cebfec01cd 100644 --- a/libs/blocks/locui-create/input-urls/view.js +++ b/libs/blocks/locui-create/input-urls/view.js @@ -28,7 +28,12 @@ import { formatDateTime, } from './index.js'; import { getUrls } from '../../locui/loc/index.js'; -import { PROJECT_TYPES, PROJECT_TYPE_LABELS, URL_SEPARATOR_PATTERN, WORKFLOW } from '../utils/constant.js'; +import { + PROJECT_TYPES, + PROJECT_TYPE_LABELS, + URL_SEPARATOR_PATTERN, + WORKFLOW, +} from '../utils/constant.js'; import Toast from '../components/toast.js'; import DateTimePicker from '../components/dateTimePicker.js'; @@ -66,7 +71,7 @@ export default function InputUrls() { setAllFragments(found || []); const validFrags = found?.filter((frag) => !frag?.valid); setNoOfValidFragments( - (found?.filter((frag) => !frag?.valid) ?? []).length, + (found?.filter((frag) => !frag?.valid) ?? []).length ); if (selectAll) { setFragments(validFrags.map(({ pathname }) => pathname)); @@ -127,14 +132,14 @@ export default function InputUrls() { const error = validateFragments( fragmentsEnabled, noOfValidFrag, - _fragments, + _fragments ); setErrors((prev) => ({ ...prev, fragments: error, })); }, - [fragmentsEnabled, noOfValidFrag], + [fragmentsEnabled, noOfValidFrag] ); async function handleNext() { @@ -160,7 +165,8 @@ export default function InputUrls() { editBehavior: type === PROJECT_TYPES.rollout ? editBehavior : '', urls: urlsStr.split(/,|\n/), fragments, - dueDate: type === PROJECT_TYPES.translation ? formatDateTime(dueDate) : '', + dueDate: + type === PROJECT_TYPES.translation ? formatDateTime(dueDate) : '', }); let error = ''; if (!projectCreated.value) { @@ -186,8 +192,8 @@ export default function InputUrls() { setFragments(project.value?.fragments ?? []); setDueDate(project.value?.dueDate ?? ''); if ( - project.value?.fragments?.length > 0 - && project.value?.urls.length > 0 + project.value?.fragments?.length > 0 && + project.value?.urls.length > 0 ) { fetchFragments(project.value?.urls?.join('\n')); } @@ -222,19 +228,35 @@ export default function InputUrls() { - ${PROJECT_TYPE_LABELS[type]}
- ${(WORKFLOW[userWorkflowType.value]?.switcher) && html` -
- ${[PROJECT_TYPES.translation, PROJECT_TYPES.rollout].map((pType) => html` -
handleTypeChange(pType)} - > - ${PROJECT_TYPE_LABELS[pType]} -
- `)} + ${WORKFLOW[userWorkflowType.value]?.switcher && + html` +
+ ${[PROJECT_TYPES.translation, PROJECT_TYPES.rollout].map( + (pType) => html` +
handleTypeChange(pType)} + tabindex="0" + role="radio" + aria-checked=${type === pType} + onKeyDown=${(e) => { + if (e.key === 'Enter' || e.key === ' ') { + e.preventDefault(); + handleTypeChange(pType); + } + }} + > + ${PROJECT_TYPE_LABELS[pType]} +
+ ` + )}
- `} + `}
* Project Name
@@ -246,25 +268,24 @@ export default function InputUrls() { onInput=${handleNameChange} placeholder="Enter letters, alphabet and hyphens only" /> - ${errors.name - && html`
${errors.name}
`} + ${errors.name && + html`
${errors.name}
`}
- ${type === PROJECT_TYPES.translation - && html` + ${type === PROJECT_TYPES.translation && + html`
Due Date
- <${DateTimePicker} + <${DateTimePicker} value=${dueDate} onInput=${handleDueDateChange} error=${errors.dueDate} />
`} - - ${type === PROJECT_TYPES.translation - && html` + ${type === PROJECT_TYPES.translation && + html`
HTML Localization Flow
`} - ${type === PROJECT_TYPES.rollout - && html` + ${type === PROJECT_TYPES.rollout && + html`
* Regional Edit Behavior
@@ -291,8 +312,8 @@ export default function InputUrls() { - ${errors.editBehavior - && html`
+ ${errors.editBehavior && + html`
${errors.editBehavior}
`}
@@ -314,8 +335,8 @@ export default function InputUrls() { placeholder=${`Enter the full URL. E.g, ${origin}/drafts/localization/projects/raga/image-test-one`} disabled=${!WORKFLOW[userWorkflowType.value]?.urls} /> - ${errors.urlsStr - && html`
${errors.urlsStr}
`} + ${errors.urlsStr && + html`
${errors.urlsStr}
`}
0 || userWorkflowType.value === 'promoteRollout'} + disabled=${urlsStr.length === 0 || + errors?.urlsStr?.length > 0 || + userWorkflowType.value === 'promoteRollout'} onClick=${handleFragmentsToggle} />
- ${apiError - && html`<${Toast} + ${apiError && + html`<${Toast} message=${apiError} type="error" onClose=${() => setApiError('')} From 9c82ab654270180e043c9da1923cd420ed759bf1 Mon Sep 17 00:00:00 2001 From: Nishant Kumar Thakur Date: Mon, 19 May 2025 23:39:35 +0530 Subject: [PATCH 2/6] MWPW-173721 Eslint rules --- libs/blocks/locui-create/input-urls/view.js | 58 ++++++++++----------- 1 file changed, 29 insertions(+), 29 deletions(-) diff --git a/libs/blocks/locui-create/input-urls/view.js b/libs/blocks/locui-create/input-urls/view.js index cebfec01cd..3eeb8e8ee1 100644 --- a/libs/blocks/locui-create/input-urls/view.js +++ b/libs/blocks/locui-create/input-urls/view.js @@ -71,7 +71,7 @@ export default function InputUrls() { setAllFragments(found || []); const validFrags = found?.filter((frag) => !frag?.valid); setNoOfValidFragments( - (found?.filter((frag) => !frag?.valid) ?? []).length + (found?.filter((frag) => !frag?.valid) ?? []).length, ); if (selectAll) { setFragments(validFrags.map(({ pathname }) => pathname)); @@ -132,14 +132,14 @@ export default function InputUrls() { const error = validateFragments( fragmentsEnabled, noOfValidFrag, - _fragments + _fragments, ); setErrors((prev) => ({ ...prev, fragments: error, })); }, - [fragmentsEnabled, noOfValidFrag] + [fragmentsEnabled, noOfValidFrag], ); async function handleNext() { @@ -192,8 +192,8 @@ export default function InputUrls() { setFragments(project.value?.fragments ?? []); setDueDate(project.value?.dueDate ?? ''); if ( - project.value?.fragments?.length > 0 && - project.value?.urls.length > 0 + project.value?.fragments?.length > 0 + && project.value?.urls.length > 0 ) { fetchFragments(project.value?.urls?.join('\n')); } @@ -228,8 +228,8 @@ export default function InputUrls() { - ${PROJECT_TYPE_LABELS[type]}
- ${WORKFLOW[userWorkflowType.value]?.switcher && - html` + ${WORKFLOW[userWorkflowType.value]?.switcher + && html`
- ${errors.name && - html`
${errors.name}
`} + ${errors.name + && html`
${errors.name}
`}
- ${type === PROJECT_TYPES.translation && - html` + ${type === PROJECT_TYPES.translation + && html`
Due Date
<${DateTimePicker} @@ -284,8 +284,8 @@ export default function InputUrls() { />
`} - ${type === PROJECT_TYPES.translation && - html` + ${type === PROJECT_TYPES.translation + && html`
HTML Localization Flow
`} - ${type === PROJECT_TYPES.rollout && - html` + ${type === PROJECT_TYPES.rollout + && html`
* Regional Edit Behavior
@@ -312,8 +312,8 @@ export default function InputUrls() { - ${errors.editBehavior && - html`
+ ${errors.editBehavior + && html`
${errors.editBehavior}
`}
@@ -335,8 +335,8 @@ export default function InputUrls() { placeholder=${`Enter the full URL. E.g, ${origin}/drafts/localization/projects/raga/image-test-one`} disabled=${!WORKFLOW[userWorkflowType.value]?.urls} /> - ${errors.urlsStr && - html`
${errors.urlsStr}
`} + ${errors.urlsStr + && html`
${errors.urlsStr}
`}
0 || - userWorkflowType.value === 'promoteRollout'} + disabled=${urlsStr.length === 0 + || errors?.urlsStr?.length > 0 + || userWorkflowType.value === 'promoteRollout'} onClick=${handleFragmentsToggle} />
- ${apiError && - html`<${Toast} + ${apiError + && html`<${Toast} message=${apiError} type="error" onClose=${() => setApiError('')} @@ -389,4 +389,4 @@ export default function InputUrls() {
`; -} +} \ No newline at end of file From 6d7eaefad8ae6c27a6f5377a73d47c00a3c01bde Mon Sep 17 00:00:00 2001 From: Nishant Kumar Thakur Date: Mon, 19 May 2025 23:51:47 +0530 Subject: [PATCH 3/6] Fixing eslint rules --- libs/blocks/locui-create/input-urls/view.js | 106 ++++++++++---------- 1 file changed, 53 insertions(+), 53 deletions(-) diff --git a/libs/blocks/locui-create/input-urls/view.js b/libs/blocks/locui-create/input-urls/view.js index 3eeb8e8ee1..d848ff08eb 100644 --- a/libs/blocks/locui-create/input-urls/view.js +++ b/libs/blocks/locui-create/input-urls/view.js @@ -132,14 +132,14 @@ export default function InputUrls() { const error = validateFragments( fragmentsEnabled, noOfValidFrag, - _fragments, + _fragments ); setErrors((prev) => ({ ...prev, fragments: error, })); }, - [fragmentsEnabled, noOfValidFrag], + [fragmentsEnabled, noOfValidFrag] ); async function handleNext() { @@ -192,8 +192,8 @@ export default function InputUrls() { setFragments(project.value?.fragments ?? []); setDueDate(project.value?.dueDate ?? ''); if ( - project.value?.fragments?.length > 0 - && project.value?.urls.length > 0 + project.value?.fragments?.length > 0 && + project.value?.urls.length > 0 ) { fetchFragments(project.value?.urls?.join('\n')); } @@ -228,34 +228,34 @@ export default function InputUrls() { - ${PROJECT_TYPE_LABELS[type]}
- ${WORKFLOW[userWorkflowType.value]?.switcher - && html` -
- ${[PROJECT_TYPES.translation, PROJECT_TYPES.rollout].map( - (pType) => html` -
handleTypeChange(pType)} - tabindex="0" - role="radio" - aria-checked=${type === pType} - onKeyDown=${(e) => { - if (e.key === 'Enter' || e.key === ' ') { - e.preventDefault(); - handleTypeChange(pType); - } - }} - > - ${PROJECT_TYPE_LABELS[pType]} -
- ` - )} -
+ ${WORKFLOW[userWorkflowType.value]?.switcher && + html` +
+ ${[PROJECT_TYPES.translation, PROJECT_TYPES.rollout].map( + (pType) => html` +
handleTypeChange(pType)} + tabindex="0" + role="radio" + aria-checked=${type === pType} + onKeyDown=${(e) => { + if (e.key === 'Enter' || e.key === ' ') { + e.preventDefault(); + handleTypeChange(pType); + } + }} + > + ${PROJECT_TYPE_LABELS[pType]} +
+ `, + )} +
`}
@@ -268,13 +268,13 @@ export default function InputUrls() { onInput=${handleNameChange} placeholder="Enter letters, alphabet and hyphens only" /> - ${errors.name - && html`
${errors.name}
`} + ${errors.name && + html`
${errors.name}
`}
- ${type === PROJECT_TYPES.translation - && html` + ${type === PROJECT_TYPES.translation && + html`
Due Date
<${DateTimePicker} @@ -284,8 +284,8 @@ export default function InputUrls() { />
`} - ${type === PROJECT_TYPES.translation - && html` + ${type === PROJECT_TYPES.translation && + html`
HTML Localization Flow
`} - ${type === PROJECT_TYPES.rollout - && html` + ${type === PROJECT_TYPES.rollout && + html`
* Regional Edit Behavior
@@ -312,8 +312,8 @@ export default function InputUrls() { - ${errors.editBehavior - && html`
+ ${errors.editBehavior && + html`
${errors.editBehavior}
`}
@@ -335,8 +335,8 @@ export default function InputUrls() { placeholder=${`Enter the full URL. E.g, ${origin}/drafts/localization/projects/raga/image-test-one`} disabled=${!WORKFLOW[userWorkflowType.value]?.urls} /> - ${errors.urlsStr - && html`
${errors.urlsStr}
`} + ${errors.urlsStr && + html`
${errors.urlsStr}
`}
0 - || userWorkflowType.value === 'promoteRollout'} + disabled=${urlsStr.length === 0 || + errors?.urlsStr?.length > 0 || + userWorkflowType.value === 'promoteRollout'} onClick=${handleFragmentsToggle} />
- ${apiError - && html`<${Toast} + ${apiError && + html`<${Toast} message=${apiError} type="error" onClose=${() => setApiError('')} From f578f49049e82c02c79e36f0686a6753bef2931e Mon Sep 17 00:00:00 2001 From: Nishant Kumar Thakur Date: Mon, 19 May 2025 23:54:25 +0530 Subject: [PATCH 4/6] Eslint rules --- libs/blocks/locui-create/input-urls/view.js | 126 +++++++++----------- 1 file changed, 58 insertions(+), 68 deletions(-) diff --git a/libs/blocks/locui-create/input-urls/view.js b/libs/blocks/locui-create/input-urls/view.js index d848ff08eb..8396f05b5e 100644 --- a/libs/blocks/locui-create/input-urls/view.js +++ b/libs/blocks/locui-create/input-urls/view.js @@ -132,14 +132,14 @@ export default function InputUrls() { const error = validateFragments( fragmentsEnabled, noOfValidFrag, - _fragments + _fragments, // Missing trailing comma ); setErrors((prev) => ({ ...prev, fragments: error, })); }, - [fragmentsEnabled, noOfValidFrag] + [fragmentsEnabled, noOfValidFrag], // Missing trailing comma ); async function handleNext() { @@ -192,8 +192,8 @@ export default function InputUrls() { setFragments(project.value?.fragments ?? []); setDueDate(project.value?.dueDate ?? ''); if ( - project.value?.fragments?.length > 0 && - project.value?.urls.length > 0 + project.value?.fragments?.length > 0 + && project.value?.urls.length > 0 // '&&' should be placed at the beginning of the line. ) { fetchFragments(project.value?.urls?.join('\n')); } @@ -228,54 +228,51 @@ export default function InputUrls() { - ${PROJECT_TYPE_LABELS[type]}
- ${WORKFLOW[userWorkflowType.value]?.switcher && - html` -
- ${[PROJECT_TYPES.translation, PROJECT_TYPES.rollout].map( - (pType) => html` -
handleTypeChange(pType)} - tabindex="0" - role="radio" - aria-checked=${type === pType} - onKeyDown=${(e) => { - if (e.key === 'Enter' || e.key === ' ') { - e.preventDefault(); - handleTypeChange(pType); - } - }} - > - ${PROJECT_TYPE_LABELS[pType]} -
- `, - )} -
+ ${WORKFLOW[userWorkflowType.value]?.switcher + && html`
+ ${[PROJECT_TYPES.translation, PROJECT_TYPES.rollout].map( + (pType) => html` +
handleTypeChange(pType)} + tabindex="0" + role="radio" + aria-checked=${type === pType} + onKeyDown=${(e) => { + if (e.key === 'Enter' || e.key === ' ') { + e.preventDefault(); + handleTypeChange(pType); + } + }} + > + ${PROJECT_TYPE_LABELS[pType]} +
+ `, + )} +
`}
* Project Name
- ${errors.name && - html`
${errors.name}
`} -
+ ${errors.name + && html`
${errors.name}
`}
- ${type === PROJECT_TYPES.translation && - html` -
+ ${type === PROJECT_TYPES.translation + && html`
Due Date
<${DateTimePicker} value=${dueDate} @@ -284,9 +281,8 @@ export default function InputUrls() { />
`} - ${type === PROJECT_TYPES.translation && - html` -
+ ${type === PROJECT_TYPES.translation + && html`
HTML Localization Flow
`} - ${type === PROJECT_TYPES.rollout && - html` -
+ ${type === PROJECT_TYPES.rollout + && html`
* Regional Edit Behavior
- ${errors.editBehavior && - html`
+ ${errors.editBehavior + && html`
${errors.editBehavior}
`}
@@ -335,19 +330,17 @@ export default function InputUrls() { placeholder=${`Enter the full URL. E.g, ${origin}/drafts/localization/projects/raga/image-test-one`} disabled=${!WORKFLOW[userWorkflowType.value]?.urls} /> - ${errors.urlsStr && - html`
${errors.urlsStr}
`} - -
+ ${errors.urlsStr + && html`
${errors.urlsStr}
`}
0 || - userWorkflowType.value === 'promoteRollout'} + disabled=${urlsStr.length === 0 + || errors?.urlsStr?.length > 0 // '||' should be placed at the beginning of the line. + || userWorkflowType.value === 'promoteRollout'} // '||' should be placed at the beginning of the line. onClick=${handleFragmentsToggle} />
- ${apiError && - html`<${Toast} - message=${apiError} + ${apiError + && html`<${Toast} message=${apiError} type="error" onClose=${() => setApiError('')} />`}
<${StepControls} - nextDisabled=${!authenticated.value || errorPresent} - onNext=${handleNext} + nextDisabled=${!authenticated.value + || errorPresent} onNext=${handleNext} />
From 838e6684c7cc415f074c896b901cce89a1730176 Mon Sep 17 00:00:00 2001 From: Nishant Kumar Thakur Date: Mon, 19 May 2025 23:57:13 +0530 Subject: [PATCH 5/6] eslint fixes --- libs/blocks/locui-create/input-urls/view.js | 58 ++++++++++++--------- 1 file changed, 34 insertions(+), 24 deletions(-) diff --git a/libs/blocks/locui-create/input-urls/view.js b/libs/blocks/locui-create/input-urls/view.js index 8396f05b5e..b061390e15 100644 --- a/libs/blocks/locui-create/input-urls/view.js +++ b/libs/blocks/locui-create/input-urls/view.js @@ -132,14 +132,14 @@ export default function InputUrls() { const error = validateFragments( fragmentsEnabled, noOfValidFrag, - _fragments, // Missing trailing comma + _fragments, ); setErrors((prev) => ({ ...prev, fragments: error, })); }, - [fragmentsEnabled, noOfValidFrag], // Missing trailing comma + [fragmentsEnabled, noOfValidFrag], ); async function handleNext() { @@ -193,7 +193,7 @@ export default function InputUrls() { setDueDate(project.value?.dueDate ?? ''); if ( project.value?.fragments?.length > 0 - && project.value?.urls.length > 0 // '&&' should be placed at the beginning of the line. + && project.value?.urls.length > 0 ) { fetchFragments(project.value?.urls?.join('\n')); } @@ -229,7 +229,8 @@ export default function InputUrls() {
${WORKFLOW[userWorkflowType.value]?.switcher - && html`
* Project Name
${errors.name - && html`
${errors.name}
`}
+ && html`
${errors.name}
`} +
${type === PROJECT_TYPES.translation - && html`
+ && html` +
Due Date
<${DateTimePicker} value=${dueDate} @@ -282,7 +285,8 @@ export default function InputUrls() {
`} ${type === PROJECT_TYPES.translation - && html`
+ && html` +
HTML Localization Flow
`} ${type === PROJECT_TYPES.rollout - && html`
+ && html` +
* Regional Edit Behavior
${errors.editBehavior - && html`
+ && html`
${errors.editBehavior}
`}
@@ -331,7 +336,9 @@ export default function InputUrls() { disabled=${!WORKFLOW[userWorkflowType.value]?.urls} /> ${errors.urlsStr - && html`
${errors.urlsStr}
`}
+ && html`
${errors.urlsStr}
`} + +
0 // '||' should be placed at the beginning of the line. - || userWorkflowType.value === 'promoteRollout'} // '||' should be placed at the beginning of the line. + || errors?.urlsStr?.length > 0 + || userWorkflowType.value === 'promoteRollout'} onClick=${handleFragmentsToggle} />
+ && html`
${errors.fragments}
`} +
${apiError - && html`<${Toast} message=${apiError} - type="error" - onClose=${() => setApiError('')} - />`} + && html`<${Toast} + message=${apiError} + type="error" + onClose=${() => setApiError('')} + />`}
<${StepControls} - nextDisabled=${!authenticated.value - || errorPresent} onNext=${handleNext} + nextDisabled=${!authenticated.value || errorPresent} + onNext=${handleNext} />
From 8c47b67148f7df2c072a881dcf36ee7ad59def7d Mon Sep 17 00:00:00 2001 From: Nishant Kumar Thakur Date: Tue, 20 May 2025 00:05:05 +0530 Subject: [PATCH 6/6] Eslint fixes --- libs/blocks/locui-create/input-urls/view.js | 97 +++++++++------------ 1 file changed, 43 insertions(+), 54 deletions(-) diff --git a/libs/blocks/locui-create/input-urls/view.js b/libs/blocks/locui-create/input-urls/view.js index b061390e15..94f9dd14be 100644 --- a/libs/blocks/locui-create/input-urls/view.js +++ b/libs/blocks/locui-create/input-urls/view.js @@ -28,12 +28,7 @@ import { formatDateTime, } from './index.js'; import { getUrls } from '../../locui/loc/index.js'; -import { - PROJECT_TYPES, - PROJECT_TYPE_LABELS, - URL_SEPARATOR_PATTERN, - WORKFLOW, -} from '../utils/constant.js'; +import { PROJECT_TYPES, PROJECT_TYPE_LABELS, URL_SEPARATOR_PATTERN, WORKFLOW } from '../utils/constant.js'; import Toast from '../components/toast.js'; import DateTimePicker from '../components/dateTimePicker.js'; @@ -165,8 +160,7 @@ export default function InputUrls() { editBehavior: type === PROJECT_TYPES.rollout ? editBehavior : '', urls: urlsStr.split(/,|\n/), fragments, - dueDate: - type === PROJECT_TYPES.translation ? formatDateTime(dueDate) : '', + dueDate: type === PROJECT_TYPES.translation ? formatDateTime(dueDate) : '', }); let error = ''; if (!projectCreated.value) { @@ -227,36 +221,32 @@ export default function InputUrls() { Localization${' '} - ${PROJECT_TYPE_LABELS[type]}
-
- ${WORKFLOW[userWorkflowType.value]?.switcher - && html` -
- ${[PROJECT_TYPES.translation, PROJECT_TYPES.rollout].map( - (pType) => html` -
handleTypeChange(pType)} - tabindex="0" - role="radio" - aria-checked=${type === pType} - onKeyDown=${(e) => { - if (e.key === 'Enter' || e.key === ' ') { - e.preventDefault(); - handleTypeChange(pType); - } - }} - > - ${PROJECT_TYPE_LABELS[pType]} -
- `, - )} +
+ ${(WORKFLOW[userWorkflowType.value]?.switcher) && html` +
+ ${[PROJECT_TYPES.translation, PROJECT_TYPES.rollout].map((pType) => html` +
handleTypeChange(pType)} + tabindex="0" + role="radio" + aria-checked=${type === pType} + onKeyDown=${(e) => { + if (e.key === 'Enter' || e.key === ' ') { + e.preventDefault(); + handleTypeChange(pType); + } + }} + > + ${PROJECT_TYPE_LABELS[pType]} +
+ `)}
- `} + `}
* Project Name
@@ -269,23 +259,24 @@ export default function InputUrls() { placeholder="Enter letters, alphabet and hyphens only" /> ${errors.name - && html`
${errors.name}
`} + && html`
${errors.name}
`}
${type === PROJECT_TYPES.translation - && html` + && html`
Due Date
- <${DateTimePicker} + <${DateTimePicker} value=${dueDate} onInput=${handleDueDateChange} error=${errors.dueDate} />
`} + ${type === PROJECT_TYPES.translation - && html` + && html`
HTML Localization Flow
`} ${type === PROJECT_TYPES.rollout - && html` + && html`
* Regional Edit Behavior
@@ -313,7 +304,7 @@ export default function InputUrls() { ${errors.editBehavior - && html`
+ && html`
${errors.editBehavior}
`}
@@ -336,7 +327,7 @@ export default function InputUrls() { disabled=${!WORKFLOW[userWorkflowType.value]?.urls} /> ${errors.urlsStr - && html`
${errors.urlsStr}
`} + && html`
${errors.urlsStr}
`}
0 - || userWorkflowType.value === 'promoteRollout'} + disabled=${urlsStr.length === 0 || errors?.urlsStr?.length > 0 || userWorkflowType.value === 'promoteRollout'} onClick=${handleFragmentsToggle} />
${apiError - && html`<${Toast} - message=${apiError} - type="error" - onClose=${() => setApiError('')} - />`} + && html`<${Toast} + message=${apiError} + type="error" + onClose=${() => setApiError('')} + />`}
<${StepControls}