diff --git a/assets/new-request-form-bundle.js b/assets/new-request-form-bundle.js index 3631c1f8a..aa2b15e51 100644 --- a/assets/new-request-form-bundle.js +++ b/assets/new-request-form-bundle.js @@ -761,23 +761,6 @@ function AnswerBotModal({ authToken, interactionAccessToken, articles, requestId }, children: t("new-request-form.answer-bot-modal.solve-request", "Yes, close my request") }) })] }), jsxRuntimeExports.jsx(Close$1, { "aria-label": t("new-request-form.close-label", "Close") })] })); } -function DropDown({ field, onChange }) { - const { label, options, error, value, name, required, description } = field; - const selectionValue = value == null ? "" : value.toString(); - const wrapperRef = reactExports.useRef(null); - reactExports.useEffect(() => { - if (wrapperRef.current && required) { - const combobox = wrapperRef.current.querySelector("[role=combobox]"); - combobox?.setAttribute("aria-required", "true"); - } - }, [wrapperRef, required]); - return (jsxRuntimeExports.jsxs(Field, { children: [jsxRuntimeExports.jsxs(Label, { children: [label, required && jsxRuntimeExports.jsx(Span, { "aria-hidden": "true", children: "*" })] }), description && (jsxRuntimeExports.jsx(Hint$1, { dangerouslySetInnerHTML: { __html: description } })), jsxRuntimeExports.jsxs(Combobox, { ref: wrapperRef, inputProps: { name, required }, isEditable: false, validation: error ? "error" : undefined, inputValue: selectionValue, selectionValue: selectionValue, renderValue: ({ selection }) => selection?.label || jsxRuntimeExports.jsx(EmptyValueOption, {}), onChange: ({ selectionValue }) => { - if (selectionValue !== undefined) { - onChange(selectionValue); - } - }, children: [!required && (jsxRuntimeExports.jsx(Option, { value: "", label: "-", children: jsxRuntimeExports.jsx(EmptyValueOption, {}) })), options.map((option) => (jsxRuntimeExports.jsx(Option, { value: option.value.toString(), label: option.name }, option.value)))] }), error && jsxRuntimeExports.jsx(Message$1, { validation: "error", children: error })] })); -} - const StyledParagraph = styled(Paragraph) ` margin: ${(props) => props.theme.space.md} 0; `; diff --git a/assets/service-catalog-bundle.js b/assets/service-catalog-bundle.js index 835d5815f..fd3c15f4b 100644 --- a/assets/service-catalog-bundle.js +++ b/assets/service-catalog-bundle.js @@ -339,6 +339,10 @@ const ButtonWrapper = styled.div ` display: flex; flex-direction: column; align-items: center; + bottom: 0; + left: 0; + right: 0; + width: 100%; @media (max-width: ${(props) => props.theme.breakpoints.md}) { position: sticky; diff --git a/rollup.config.mjs b/rollup.config.mjs index 89a4bf91a..6d46cc5d0 100644 --- a/rollup.config.mjs +++ b/rollup.config.mjs @@ -36,7 +36,6 @@ export default defineConfig([ "new-request-form": "src/modules/new-request-form/index.tsx", "flash-notifications": "src/modules/flash-notifications/index.ts", "service-catalog": "src/modules/service-catalog/index.tsx", - "ticket-fields": "src/modules/ticket-fields/index.tsx", }, output: { dir: "assets", diff --git a/src/modules/service-catalog/ServiceCatalogItemPage.tsx b/src/modules/service-catalog/ServiceCatalogItemPage.tsx index 93dcbfea0..2bce885e4 100644 --- a/src/modules/service-catalog/ServiceCatalogItemPage.tsx +++ b/src/modules/service-catalog/ServiceCatalogItemPage.tsx @@ -101,6 +101,10 @@ const ButtonWrapper = styled.div` display: flex; flex-direction: column; align-items: center; + bottom: 0; + left: 0; + right: 0; + width: 100%; @media (max-width: ${(props) => props.theme.breakpoints.md}) { position: sticky; diff --git a/templates/document_head.hbs b/templates/document_head.hbs index a51aed67b..92f035646 100644 --- a/templates/document_head.hbs +++ b/templates/document_head.hbs @@ -14,7 +14,6 @@ "new-request-form": "{{asset 'new-request-form-bundle.js'}}", "flash-notifications": "{{asset 'flash-notifications-bundle.js'}}", "service-catalog": "{{asset 'service-catalog-bundle.js'}}", - "ticket-fields": "{{asset 'ticket-fields-bundle.js'}}", "new-request-form-translations": "{{asset 'new-request-form-translations-bundle.js'}}", "shared": "{{asset 'shared-bundle.js'}}", "ticket-fields": "{{asset 'ticket-fields-bundle.js'}}",