@rh-support/components 2.5.25 → 2.5.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/esm/ConfirmationModal/ConfirmationDialog.d.ts.map +1 -1
- package/lib/esm/ConfirmationModal/ConfirmationDialog.js +5 -5
- package/lib/esm/ErrorBoundary/ErrorBoundaryFallbackComponent.d.ts.map +1 -1
- package/lib/esm/ErrorBoundary/ErrorBoundaryFallbackComponent.js +2 -16
- package/lib/esm/FeedbackForm/FeedbackForm.js +8 -8
- package/lib/esm/InlineEdit/NewInlineEdit.js +1 -1
- package/lib/esm/InlineEdit/inlineEdit.css +0 -1
- package/lib/esm/InlineEdit/newInlineEdit.css +26 -3
- package/lib/esm/LanguageSelector/languageSelector.css +1 -1
- package/lib/esm/LoadingDots/LoadingDots.js +1 -1
- package/lib/esm/LoginModal/LoginModal.d.ts.map +1 -1
- package/lib/esm/LoginModal/LoginModal.js +7 -5
- package/lib/esm/MarkdownEditor/MarkdownEditor.d.ts.map +1 -1
- package/lib/esm/MarkdownEditor/MarkdownEditor.js +53 -57
- package/lib/esm/MarkdownEditor/markdownEditor.css +5 -5
- package/lib/esm/PaginationCompact/PaginationCompact.d.ts.map +1 -1
- package/lib/esm/PaginationCompact/PaginationCompact.js +6 -8
- package/lib/esm/PaginationCompact/paginationCompact.css +1 -1
- package/lib/esm/PhoneInput/PhoneInput.d.ts.map +1 -1
- package/lib/esm/PhoneInput/PhoneInput.js +50 -32
- package/lib/esm/PhoneInput/PhoneInput.scss +1 -1
- package/lib/esm/SingleSelectDropdown/SingleSelectDropdown.d.ts +6 -2
- package/lib/esm/SingleSelectDropdown/SingleSelectDropdown.d.ts.map +1 -1
- package/lib/esm/SingleSelectDropdown/SingleSelectDropdown.js +33 -14
- package/lib/esm/SubscriptionAbuse/SubscriptionAbuseModal.js +6 -6
- package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.d.ts.map +1 -1
- package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.js +13 -15
- package/lib/esm/Table/PFTable.d.ts +15 -9
- package/lib/esm/Table/PFTable.d.ts.map +1 -1
- package/lib/esm/Table/PFTable.js +131 -120
- package/lib/esm/TagsSelector/TagsSelector.d.ts.map +1 -1
- package/lib/esm/TagsSelector/TagsSelector.js +6 -8
- package/lib/esm/TagsSelector/tagSelector.css +2 -2
- package/lib/esm/TermsAndConditions/AcceptTermsModal.d.ts.map +1 -1
- package/lib/esm/TermsAndConditions/AcceptTermsModal.js +30 -24
- package/lib/esm/ToastNotification/toastNotification.css +1 -1
- package/lib/esm/TopContentSearch/TopContentSearch.js +1 -1
- package/lib/esm/TypeaheadDropdown/TypeaheadDropdown.d.ts.map +1 -1
- package/lib/esm/TypeaheadDropdown/TypeaheadDropdown.js +2 -3
- package/lib/esm/ValueChangedIcon/ValueChangedIcon.js +1 -1
- package/lib/esm/helperFunctions/errorMessage.js +2 -2
- package/lib/esm/helperFunctions/errorMessage.scss +1 -1
- package/package.json +12 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,aAAa,
|
|
1
|
+
{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,aAAa,EAAsB,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACjG,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,UAAU,MAAO,SAAQ,mBAAmB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAUD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAsBxC;kBAtBQ,kBAAkB;;;;;;;;;AAwB3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Button, ButtonVariant, Modal, ModalVariant } from '@patternfly/react-core';
|
|
1
|
+
import { Button, ButtonVariant, Modal, ModalFooter, ModalVariant } from '@patternfly/react-core';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Trans, useTranslation } from 'react-i18next';
|
|
4
4
|
const defaultProps = {
|
|
@@ -10,13 +10,13 @@ const defaultProps = {
|
|
|
10
10
|
};
|
|
11
11
|
function ConfirmationDialog(props) {
|
|
12
12
|
const { t } = useTranslation();
|
|
13
|
-
return (React.createElement(Modal, { variant: props.modalVariant, "aria-describedby": "se-confirm-dialog", "aria-label": t('confirmation modal'), title: props.title || '', isOpen: props.open, onClose: props.onClose,
|
|
13
|
+
return (React.createElement(Modal, { variant: props.modalVariant, "aria-describedby": "se-confirm-dialog", "aria-label": t('confirmation modal'), title: props.title || '', isOpen: props.open, onClose: props.onClose },
|
|
14
|
+
React.createElement("p", { id: "se-confirm-dialog" }, props.description),
|
|
15
|
+
React.createElement(ModalFooter, null,
|
|
14
16
|
React.createElement(Button, { key: "confirm", onClick: props.onConfirm, variant: props.confirmButtonVariant },
|
|
15
17
|
React.createElement(Trans, null, props.confirmText)),
|
|
16
18
|
React.createElement(Button, { key: "cancel", onClick: props.onClose, variant: props.cancelButtonVariant },
|
|
17
|
-
React.createElement(Trans, null, props.cancelText))
|
|
18
|
-
] },
|
|
19
|
-
React.createElement("p", { id: "se-confirm-dialog" }, props.description)));
|
|
19
|
+
React.createElement(Trans, null, props.cancelText)))));
|
|
20
20
|
}
|
|
21
21
|
ConfirmationDialog.defaultProps = defaultProps;
|
|
22
22
|
export { ConfirmationDialog };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundaryFallbackComponent.d.ts","sourceRoot":"","sources":["../../../src/ErrorBoundary/ErrorBoundaryFallbackComponent.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorBoundaryFallbackComponent.d.ts","sourceRoot":"","sources":["../../../src/ErrorBoundary/ErrorBoundaryFallbackComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,MAAO,SAAQ,aAAa;IAClC,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AASD,iBAAS,8BAA8B,CAAC,KAAK,EAAE,MAAM,qBAgBpD;kBAhBQ,8BAA8B;;;AAmBvC,OAAO,EAAE,8BAA8B,EAAE,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import { Bullseye, EmptyState, EmptyStateBody,
|
|
1
|
+
import { Bullseye, EmptyState, EmptyStateBody, EmptyStateVariant } from '@patternfly/react-core';
|
|
2
2
|
import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
|
|
3
|
-
import dangerColor from '@patternfly/react-tokens/dist/js/global_danger_color_200';
|
|
4
|
-
import infoColor from '@patternfly/react-tokens/dist/js/global_info_color_200';
|
|
5
|
-
import warningColor from '@patternfly/react-tokens/dist/js/global_warning_color_200';
|
|
6
3
|
import React from 'react';
|
|
7
4
|
import { useTranslation } from 'react-i18next';
|
|
8
5
|
const defaultProps = {
|
|
@@ -13,20 +10,9 @@ const defaultProps = {
|
|
|
13
10
|
};
|
|
14
11
|
function ErrorBoundaryFallbackComponent(props) {
|
|
15
12
|
const { t } = useTranslation();
|
|
16
|
-
const getIconColor = () => {
|
|
17
|
-
switch (props.errorType) {
|
|
18
|
-
case 'info':
|
|
19
|
-
return infoColor.value;
|
|
20
|
-
case 'warning':
|
|
21
|
-
return warningColor.value;
|
|
22
|
-
case 'error':
|
|
23
|
-
return dangerColor.value;
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
13
|
return (React.createElement("div", { className: props.isPageLevelError ? 'container' : '' },
|
|
27
14
|
React.createElement(Bullseye, null,
|
|
28
|
-
React.createElement(EmptyState, { variant: EmptyStateVariant.sm },
|
|
29
|
-
React.createElement(EmptyStateHeader, { titleText: React.createElement(React.Fragment, null, t(props.title)), icon: React.createElement(EmptyStateIcon, { icon: ExclamationCircleIcon, color: props.isPageLevelError ? getIconColor() : warningColor.value }), headingLevel: "h2" }),
|
|
15
|
+
React.createElement(EmptyState, { headingLevel: "h2", icon: ExclamationCircleIcon, titleText: React.createElement(React.Fragment, null, t(props.title)), variant: EmptyStateVariant.sm },
|
|
30
16
|
React.createElement(EmptyStateBody, null, t(props.message))))));
|
|
31
17
|
}
|
|
32
18
|
ErrorBoundaryFallbackComponent.defaultProps = defaultProps;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { pcm } from '@cee-eng/hydrajs';
|
|
2
|
-
import { Button, Modal, ModalVariant } from '@patternfly/react-core';
|
|
2
|
+
import { Button, Modal, ModalFooter, ModalVariant } from '@patternfly/react-core';
|
|
3
3
|
import { getUrlParsedParams } from '@rh-support/utils';
|
|
4
4
|
import isEmpty from 'lodash/isEmpty';
|
|
5
5
|
import React, { useEffect, useState } from 'react';
|
|
@@ -50,12 +50,7 @@ function FeedbackForm(props) {
|
|
|
50
50
|
return (React.createElement(React.Fragment, null,
|
|
51
51
|
React.createElement(Button, { key: "confirm", onClick: handleModalToggle, variant: "link", "data-tracking-id": "se-feedback-trigger", className: `${props.additionalBtnClass}`, isInline: props.isInline ? true : null },
|
|
52
52
|
React.createElement(Trans, null, props.isInline ? props.buttonLabel.toLowerCase() : props.buttonLabel)),
|
|
53
|
-
React.createElement(Modal, { className: "feedback-modal", title: t('Thank you for providing feedback'), "aria-describedby": "Feedback Form", isOpen: isModalOpen, variant: ModalVariant.large, onClose: handleModalToggle,
|
|
54
|
-
React.createElement("button", { key: "confirm", onClick: handleSubmit, disabled: isSubmitDisabled, className: "btn btn-app btn-primary", "data-tracking-id": "se-feedback-submit", type: "button" },
|
|
55
|
-
React.createElement(Trans, null, "Submit")),
|
|
56
|
-
React.createElement("button", { key: "cancel", onClick: handleModalToggle, className: "btn btn-app btn-link", "data-tracking-id": "se-feedback-cancel", type: "button" },
|
|
57
|
-
React.createElement(Trans, null, "Cancel")),
|
|
58
|
-
] },
|
|
53
|
+
React.createElement(Modal, { className: "feedback-modal", title: t('Thank you for providing feedback'), "aria-describedby": "Feedback Form", isOpen: isModalOpen, variant: ModalVariant.large, onClose: handleModalToggle },
|
|
59
54
|
React.createElement("form", { action: "", onSubmit: handleSubmit },
|
|
60
55
|
React.createElement("fieldset", { className: "form-group radios", role: "radiogroup", "data-role": "controlgroup " },
|
|
61
56
|
React.createElement("legend", null,
|
|
@@ -109,7 +104,12 @@ function FeedbackForm(props) {
|
|
|
109
104
|
React.createElement("div", { className: "form-group" },
|
|
110
105
|
React.createElement("label", { htmlFor: "moreFeedback" },
|
|
111
106
|
React.createElement(Trans, null, "Please share your feedback with us.")),
|
|
112
|
-
React.createElement(TextAreaAutosize, { name: "moreInfo", id: "moreFeedback", value: values.moreInfo, className: "form-control", onChange: handleChange, rows: 3 })))
|
|
107
|
+
React.createElement(TextAreaAutosize, { name: "moreInfo", id: "moreFeedback", value: values.moreInfo, className: "form-control", onChange: handleChange, rows: 3 }))),
|
|
108
|
+
React.createElement(ModalFooter, null,
|
|
109
|
+
React.createElement("button", { key: "confirm", onClick: handleSubmit, disabled: isSubmitDisabled, className: "btn btn-app btn-primary", "data-tracking-id": "se-feedback-submit", type: "button" },
|
|
110
|
+
React.createElement(Trans, null, "Submit")),
|
|
111
|
+
React.createElement("button", { key: "cancel", onClick: handleModalToggle, className: "btn btn-app btn-link", "data-tracking-id": "se-feedback-cancel", type: "button" },
|
|
112
|
+
React.createElement(Trans, null, "Cancel"))))));
|
|
113
113
|
}
|
|
114
114
|
FeedbackForm.defaultProps = defaultProps;
|
|
115
115
|
export { FeedbackForm };
|
|
@@ -116,7 +116,7 @@ function NewInlineEdit(props) {
|
|
|
116
116
|
!props.content && !isEditing ? renderEditButton() : null))),
|
|
117
117
|
renderSaveCancel(),
|
|
118
118
|
props.hideSaveCancel && isEditing && (React.createElement("span", { className: `
|
|
119
|
-
${props.charCount > props.charTotal ? 'char-count pf-
|
|
119
|
+
${props.charCount > props.charTotal ? 'char-count pf-v6-u-danger-color-100' : 'char-count'}` }, props.charCount ? showCount : null)),
|
|
120
120
|
canShowContent && !props.usePreformattedTag && (React.createElement(React.Fragment, null,
|
|
121
121
|
React.createElement("p", { id: props.inputId, style: { display: props.hideLabel ? 'inline' : 'block' } },
|
|
122
122
|
props.content,
|
|
@@ -33,13 +33,36 @@
|
|
|
33
33
|
.char-count {
|
|
34
34
|
float: right;
|
|
35
35
|
position: relative;
|
|
36
|
-
padding-right: var(--pf-
|
|
37
|
-
margin-right: var(--pf-
|
|
36
|
+
padding-right: var(--pf-t--global--spacer--4xl);
|
|
37
|
+
margin-right: var(--pf-t--global--spacer--lg);
|
|
38
38
|
font-size: 12px;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
@media (max-width: 415px) {
|
|
42
42
|
.char-count {
|
|
43
|
-
padding-right: var(--pf-
|
|
43
|
+
padding-right: var(--pf-t--global--spacer--2xl);
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
+
|
|
47
|
+
.edit-question input[type='text'],
|
|
48
|
+
.edit-question .form-control {
|
|
49
|
+
--pf-v5-c-form-control--placeholder--Color: var(--global-text-color-regular, #151515) !important;
|
|
50
|
+
font-weight: var(--global-font-weight-body-default, 400) !important;
|
|
51
|
+
border: 1px solid #d2d2d2 !important;
|
|
52
|
+
border-radius: 6px !important;
|
|
53
|
+
padding: 8px 16px !important;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.edit-question input[type='text']:placeholder-shown,
|
|
57
|
+
.edit-question .form-control:placeholder-shown {
|
|
58
|
+
background-color: #f2f2f2 !important;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.edit-question input[type='text']:not(:placeholder-shown),
|
|
62
|
+
.edit-question .form-control:not(:placeholder-shown) {
|
|
63
|
+
background-color: #fff !important;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.edit-question .inlineEdit-wrapper {
|
|
67
|
+
margin-bottom: 8px !important;
|
|
68
|
+
}
|
|
@@ -13,7 +13,7 @@ function LoadingDots(props) {
|
|
|
13
13
|
React.createElement("span", null, ".")),
|
|
14
14
|
React.createElement("p", { className: "sr-only" },
|
|
15
15
|
React.createElement(Trans, null, "Loading...")))),
|
|
16
|
-
props.message && props.show && React.createElement("p", { className: "pf-
|
|
16
|
+
props.message && props.show && React.createElement("p", { className: "pf-v6-u-text-align-center pf-v6-u-my-md" }, props.message)));
|
|
17
17
|
}
|
|
18
18
|
LoadingDots.defaultProps = defaultProps;
|
|
19
19
|
export { LoadingDots };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginModal.d.ts","sourceRoot":"","sources":["../../../src/LoginModal/LoginModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"LoginModal.d.ts","sourceRoot":"","sources":["../../../src/LoginModal/LoginModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBAmBvC;yBAnBe,UAAU"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Modal,
|
|
1
|
+
import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from '@patternfly/react-core';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
const defaultProps = {
|
|
4
4
|
title: 'Welcome back',
|
|
@@ -7,8 +7,10 @@ const defaultProps = {
|
|
|
7
7
|
};
|
|
8
8
|
LoginModal.defaultProps = defaultProps;
|
|
9
9
|
export function LoginModal(props) {
|
|
10
|
-
return (React.createElement(Modal, {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
return (React.createElement(Modal, { isOpen: props.isOpen, ouiaId: props.uniqueid, "aria-labelledby": `${props.uniqueid}-title`, "aria-describedby": `${props.uniqueid}-body` },
|
|
11
|
+
React.createElement(ModalHeader, { title: props.title, labelId: `${props.uniqueid}-title` }),
|
|
12
|
+
React.createElement(ModalBody, { id: `${props.uniqueid}-body` },
|
|
13
|
+
React.createElement("p", null, props.content)),
|
|
14
|
+
React.createElement(ModalFooter, null,
|
|
15
|
+
React.createElement(Button, { key: "confirm", variant: "primary", onClick: props.login }, props.buttonText))));
|
|
14
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../src/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAwB,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../src/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAwB,MAAM,qBAAqB,CAAC;AAiC7E,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAMtE,oBAAY,UAAU;IAClB,KAAK,cAAc;IACnB,QAAQ,aAAa;CACxB;AAED,UAAU,kBAAkB;IACxB,yBAAyB,EAAE,OAAO,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;IAClC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAChD,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACtG,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yBAAyB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnD;AA2BD,eAAO,MAAM,YAAY,SAAU,OAAO,CAAC,WAAW,CAAC,KAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAiB7F,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,cAAc,qBA87B5C;kBA97BQ,cAAc;;;AAk8BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import './markdownEditor.css';
|
|
13
13
|
import { parseCommentMarkdown } from '@cee-eng/ui-toolkit';
|
|
14
|
-
import { Button, ButtonVariant, DrilldownMenu,
|
|
15
|
-
import
|
|
14
|
+
import { Button, ButtonVariant, Content, ContentVariants, Divider, DrilldownMenu, Dropdown, DropdownItem, DropdownList, Menu, MenuContainer, MenuContent, MenuItem, MenuList, MenuToggle, Spinner, Toolbar, ToolbarGroup, ToolbarItem, } from '@patternfly/react-core';
|
|
15
|
+
import CaretDownIcon from '@patternfly/react-icons/dist/js/icons/caret-down-icon';
|
|
16
16
|
import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
|
|
17
17
|
import EllipsisVIcon from '@patternfly/react-icons/dist/js/icons/ellipsis-v-icon';
|
|
18
18
|
import ImageIcon from '@patternfly/react-icons/dist/js/icons/image-icon';
|
|
@@ -152,26 +152,24 @@ function MarkdownEditor(props) {
|
|
|
152
152
|
const getFileSelectorList = (isMobile = false) => {
|
|
153
153
|
const filesAsDropdownItems = filesList
|
|
154
154
|
.filter((file) => validateFile(file).isValid)
|
|
155
|
-
.map((file) => {
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
});
|
|
164
|
-
return isMobile
|
|
165
|
-
? [
|
|
166
|
-
React.createElement(DropdownItem, { key: "separated link", component: attachFileBtn }),
|
|
167
|
-
...(filesAsDropdownItems.length > 0 ? [React.createElement(DropdownSeparator, { key: "separator" })] : []),
|
|
155
|
+
.map((file) => (React.createElement(DropdownItem, { key: file.id, value: file, onClick: () => {
|
|
156
|
+
onFileInsert(file);
|
|
157
|
+
} },
|
|
158
|
+
React.createElement(Content, { component: ContentVariants.small }, file.fileName))));
|
|
159
|
+
if (isMobile) {
|
|
160
|
+
return [
|
|
161
|
+
React.createElement(DropdownItem, { key: "separated link", className: "pf-v6-u-p-0 pf-v6-u-m-0 pf-v6-u-w-100" }, attachFileBtn),
|
|
162
|
+
...(filesAsDropdownItems.length > 0 ? [React.createElement(Divider, { key: "separator" })] : []),
|
|
168
163
|
...filesAsDropdownItems,
|
|
169
|
-
]
|
|
170
|
-
|
|
164
|
+
];
|
|
165
|
+
}
|
|
166
|
+
else {
|
|
167
|
+
return [
|
|
171
168
|
...filesAsDropdownItems,
|
|
172
|
-
...(filesAsDropdownItems.length > 0 ? [React.createElement(
|
|
173
|
-
React.createElement(DropdownItem, { key: "separated link",
|
|
169
|
+
...(filesAsDropdownItems.length > 0 ? [React.createElement(Divider, { key: "separator" })] : []),
|
|
170
|
+
React.createElement(DropdownItem, { key: "separated link", className: "pf-v6-u-p-0 pf-v6-u-m-0 pf-v6-u-w-100" }, attachFileBtn),
|
|
174
171
|
];
|
|
172
|
+
}
|
|
175
173
|
};
|
|
176
174
|
const bindTextAreaRef = (ref) => {
|
|
177
175
|
textareaRef.current = ref;
|
|
@@ -489,7 +487,7 @@ function MarkdownEditor(props) {
|
|
|
489
487
|
props.disabled && isPreview && setIsPreview(false);
|
|
490
488
|
const disablePreviewButton = mdValue === '';
|
|
491
489
|
const [isHeadingDropdownOpen, setIsHeadingDropdownOpen] = React.useState(false);
|
|
492
|
-
const onToggle = (
|
|
490
|
+
const onToggle = (isOpen) => {
|
|
493
491
|
setIsHeadingDropdownOpen(isOpen);
|
|
494
492
|
};
|
|
495
493
|
const onHeadingSelect = () => {
|
|
@@ -524,49 +522,49 @@ function MarkdownEditor(props) {
|
|
|
524
522
|
setMenuHeights(Object.assign(Object.assign({}, menuHeights), { [menuId]: height }));
|
|
525
523
|
}
|
|
526
524
|
};
|
|
527
|
-
const markdownGuidanceBtn = (React.createElement("a", { className: "pf-
|
|
525
|
+
const markdownGuidanceBtn = (React.createElement("a", { className: "pf-v6-c-button pf-m-link pf-m-inline markdown-guidance", rel: "noopener noreferrer", target: "_blank", href: "/articles/4729621", "data-tracking-id": "md-guidance" },
|
|
528
526
|
React.createElement(Trans, null, "Markdown guidance")));
|
|
529
527
|
return (React.createElement("div", { id: "markdown-editor" },
|
|
530
528
|
!isPlainModeEnabled && React.createElement("div", { className: "markdown-guidance-container" }, markdownGuidanceBtn),
|
|
531
529
|
React.createElement("div", { className: `markdown-editor-container ${props.className}`, id: props.id, "data-tracking-id": "md-editor-container", onDrop: onDrop, onPaste: onPaste },
|
|
532
530
|
React.createElement("div", { className: "toolbar-container border-bottom" }, !isPlainModeEnabled && (React.createElement(React.Fragment, null,
|
|
533
|
-
React.createElement(Toolbar, { className: "desktop-markdown-toolbar pf-
|
|
531
|
+
React.createElement(Toolbar, { className: "desktop-markdown-toolbar pf-v6-l-flex" },
|
|
534
532
|
React.createElement(ToolbarGroup, { "data-tracking-id": "md-editor-toolbar", className: "markdown-toolbar-left-section pf-m-wrap" },
|
|
535
|
-
React.createElement(Button, { variant: ButtonVariant.plain, tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: bold, "data-tracking-id": "md-editor-toolbar-b", title: "Bold" }
|
|
536
|
-
React.createElement(Button, { variant: ButtonVariant.plain, tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: italic, "data-tracking-id": "md-editor-toolbar-i", title: "Italic" }
|
|
533
|
+
React.createElement(Button, { icon: "B", variant: ButtonVariant.plain, tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: bold, "data-tracking-id": "md-editor-toolbar-b", title: "Bold" }),
|
|
534
|
+
React.createElement(Button, { icon: "I", variant: ButtonVariant.plain, tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: italic, "data-tracking-id": "md-editor-toolbar-i", title: "Italic" }),
|
|
537
535
|
React.createElement("div", { className: "btn-group-separator" }),
|
|
538
536
|
!props.hideHeadingOptions && (React.createElement(React.Fragment, null,
|
|
539
|
-
React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: h1, title: "Heading 1", "data-tracking-id": "md-editor-toolbar-h1" }
|
|
540
|
-
React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: h2, title: "Heading 2", "data-tracking-id": "md-editor-toolbar-h2" }
|
|
541
|
-
React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: h3, title: "Heading 3", "data-tracking-id": "md-editor-toolbar-h3" }
|
|
537
|
+
React.createElement(Button, { icon: "H1", tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: h1, title: "Heading 1", "data-tracking-id": "md-editor-toolbar-h1" }),
|
|
538
|
+
React.createElement(Button, { icon: "H2", tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: h2, title: "Heading 2", "data-tracking-id": "md-editor-toolbar-h2" }),
|
|
539
|
+
React.createElement(Button, { icon: "H3", tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: h3, title: "Heading 3", "data-tracking-id": "md-editor-toolbar-h3" }),
|
|
542
540
|
React.createElement("div", { className: "btn-group-separator" }))),
|
|
543
|
-
React.createElement(Button, { tabIndex: -1, isDisabled: props.disabled || isPreview, variant: ButtonVariant.plain, onClick: list, title: "Bullet List", "data-tracking-id": "md-editor-toolbar-bul-list" },
|
|
544
|
-
React.createElement(ListUlIcon, null)),
|
|
541
|
+
React.createElement(Button, { icon: React.createElement(ListUlIcon, null), tabIndex: -1, isDisabled: props.disabled || isPreview, variant: ButtonVariant.plain, onClick: list, title: "Bullet List", "data-tracking-id": "md-editor-toolbar-bul-list" }),
|
|
545
542
|
React.createElement("div", { className: "btn-group-separator" }),
|
|
546
|
-
React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: link, title: "Link", "data-tracking-id": "md-editor-toolbar-link" },
|
|
547
|
-
|
|
548
|
-
React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick:
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
543
|
+
React.createElement(Button, { icon: React.createElement(LinkIcon, null), tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: link, title: "Link", "data-tracking-id": "md-editor-toolbar-link" }),
|
|
544
|
+
React.createElement(Button, { icon: React.createElement(QuoteRightIcon, null), tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: quote, title: "Quote", "data-tracking-id": "md-editor-toolbar-quote" }),
|
|
545
|
+
React.createElement(Button, { icon: React.createElement(CodeIcon, null), tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: code, title: "Code", "data-tracking-id": "md-editor-toolbar-code" }),
|
|
546
|
+
showFileSelectorInToolbar && (React.createElement(Dropdown, { isOpen: isFileSelectorOpen, onSelect: onFileSelectLocal, onOpenChange: (isOpen) => onFileSelectToggle(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: () => onFileSelectToggle(!isFileSelectorOpen), isExpanded: isFileSelectorOpen, isDisabled: props.disabled || isPreview, "aria-label": "file selector", variant: "plain" },
|
|
547
|
+
React.createElement("span", { className: "toggle-content" },
|
|
548
|
+
React.createElement(ImageIcon, null),
|
|
549
|
+
React.createElement(CaretDownIcon, { className: "dropdown-caret" })))), id: "md-editor-toolbar-file-selector", "data-tracking-id": "md-editor-toolbar-file-selector", shouldFocusFirstItemOnOpen: false },
|
|
550
|
+
React.createElement(DropdownList, null, getFileSelectorList())))),
|
|
554
551
|
React.createElement(ToolbarItem, null, markdownGuidanceBtn)),
|
|
555
552
|
React.createElement(Toolbar, { className: "mobile-markdown-toolbar" },
|
|
556
553
|
React.createElement("div", { className: "mobile-markdown-toolbar" },
|
|
557
|
-
React.createElement(ToolbarGroup, {
|
|
558
|
-
!props.hideHeadingOptions && (React.createElement(Dropdown, {
|
|
559
|
-
React.createElement(
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
React.createElement(Button, {
|
|
568
|
-
|
|
569
|
-
|
|
554
|
+
React.createElement(ToolbarGroup, { "data-tracking-id": "mobile-md-editor-toolbar", className: "markdown-toolbar-left-section" },
|
|
555
|
+
!props.hideHeadingOptions && (React.createElement(Dropdown, { isOpen: isHeadingDropdownOpen, onSelect: onHeadingSelect, onOpenChange: (isOpen) => onToggle(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: () => onToggle(!isHeadingDropdownOpen), isExpanded: isHeadingDropdownOpen, isDisabled: props.disabled || isPreview, "aria-label": "heading selector", variant: "plain", id: "heading-selector" },
|
|
556
|
+
React.createElement("span", { className: "toggle-content" },
|
|
557
|
+
"Heading",
|
|
558
|
+
React.createElement(CaretDownIcon, { className: "dropdown-caret" })))), id: "md-editor-toolbar-heading-selector", "data-tracking-id": "md-editor-toolbar-heading-selector", shouldFocusFirstItemOnOpen: false },
|
|
559
|
+
React.createElement(DropdownList, null,
|
|
560
|
+
React.createElement(DropdownItem, { key: "heading-1", isDisabled: props.disabled || isPreview, onClick: h1, "data-tracking-id": "mobile-md-editor-toolbar-h1" }, "Heading 1"),
|
|
561
|
+
React.createElement(DropdownItem, { key: "heading-2", isDisabled: props.disabled || isPreview, onClick: h2, "data-tracking-id": "mobile-md-editor-toolbar-h2" }, "Heading 2"),
|
|
562
|
+
React.createElement(DropdownItem, { key: "heading-3", isDisabled: props.disabled || isPreview, onClick: h3, "data-tracking-id": "mobile-md-editor-toolbar-h3" }, "Heading 3")))),
|
|
563
|
+
React.createElement(Button, { icon: "B", variant: ButtonVariant.plain, tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: bold, "data-tracking-id": "mobile-md-editor-toolbar-b", title: "Bold", className: "mobile-markdown-tool-item" }),
|
|
564
|
+
React.createElement(Button, { icon: "I", variant: ButtonVariant.plain, tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: italic, "data-tracking-id": "mobile-md-editor-toolbar-i", title: "Italic", className: "mobile-markdown-tool-item" }),
|
|
565
|
+
React.createElement(Button, { icon: React.createElement(ListUlIcon, null), tabIndex: -1, isDisabled: props.disabled || isPreview, variant: ButtonVariant.plain, onClick: list, title: "Bullet List", "data-tracking-id": "mobile-md-editor-toolbar-bul-list", className: "mobile-markdown-tool-item" }),
|
|
566
|
+
React.createElement(Button, { icon: React.createElement(CodeIcon, null), tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: code, title: "Code", "data-tracking-id": "mobile-md-editor-toolbar-code", className: "mobile-markdown-tool-item" })),
|
|
567
|
+
React.createElement(ToolbarItem, { id: "tools-kebab-menu-container", className: "mobile-markdown-tool-item", gap: { default: 'gapSm' } },
|
|
570
568
|
React.createElement(MenuContainer, { isOpen: isDrillMenuOpen, onOpenChange: (isOpen) => setIsDrillMenuOpen(isOpen), popperProps: { position: 'left' }, menu: React.createElement(Menu, { id: "toolsKebabMenu", containsDrilldown: true, drilldownItemPath: drilldownPath, drilledInMenus: menuDrilledIn, activeMenu: activeMenu, onDrillIn: drillIn, onDrillOut: drillOut, onGetMenuHeight: setHeight, ref: drillMenuRef },
|
|
571
569
|
React.createElement(MenuContent, { menuHeight: `${menuHeights[activeMenu]}px` },
|
|
572
570
|
React.createElement(MenuList, null,
|
|
@@ -581,7 +579,7 @@ function MarkdownEditor(props) {
|
|
|
581
579
|
React.createElement("div", { dangerouslySetInnerHTML: {
|
|
582
580
|
__html: DOMPurify.sanitize(previewMDText(mdValue)),
|
|
583
581
|
} }))))),
|
|
584
|
-
React.createElement("div", null, props.showMarkdownPlainTextToggle && (React.createElement("div", { className: `markdown-toggle-toolbar pf-
|
|
582
|
+
React.createElement("div", null, props.showMarkdownPlainTextToggle && (React.createElement("div", { className: `markdown-toggle-toolbar pf-v6-l-flex` },
|
|
585
583
|
React.createElement("span", { className: "markdown-toolbar-left-section pf-m-wrap" },
|
|
586
584
|
!isPlainModeEnabled && (React.createElement(Button, { className: "markdown-preview-btn", tabIndex: -1, variant: ButtonVariant.link, onClick: preview, title: "Show preview", "data-tracking-id": `md-preview-${isPreview ? 'hide' : 'show'}`, isDisabled: disablePreviewButton }, isPreview ? (React.createElement("span", null,
|
|
587
585
|
" ",
|
|
@@ -590,15 +588,13 @@ function MarkdownEditor(props) {
|
|
|
590
588
|
t(showPreviewText))))),
|
|
591
589
|
isUploadingFile && (React.createElement(React.Fragment, null,
|
|
592
590
|
React.createElement(Trans, null,
|
|
593
|
-
React.createElement("small", { className: "pf-
|
|
591
|
+
React.createElement("small", { className: "pf-v6-u-pl-md uploading-spinner-text" },
|
|
594
592
|
React.createElement(Trans, null, "Uploading File"))),
|
|
595
|
-
React.createElement(Spinner, { className: "pf-
|
|
593
|
+
React.createElement(Spinner, { className: "pf-v6-u-ml-sm", size: "sm" }))),
|
|
596
594
|
mdValue.length > props.minCharsForCounter && getCharCountText(mdValue)),
|
|
597
595
|
React.createElement("span", null,
|
|
598
|
-
React.createElement(Button, { variant: "plain", className: `${isPlainModeEnabled ? 'markdown-active-mode' : ''} plain-mode-btn`, onClick: () => onModeChange(true), isDisabled: isPlainModeEnabled || isUploadingFile, "data-tracking-id": "md-editor-plaintext" },
|
|
599
|
-
|
|
600
|
-
React.createElement(Button, { variant: "plain", className: `${!isPlainModeEnabled ? 'markdown-active-mode' : ''} markdown-mode-btn`, onClick: () => onModeChange(false), isDisabled: !isPlainModeEnabled, "data-tracking-id": "md-editor-md" },
|
|
601
|
-
React.createElement(Trans, null, "Markdown")))))))));
|
|
596
|
+
React.createElement(Button, { icon: React.createElement(Trans, null, "Plain text"), variant: "plain", className: `${isPlainModeEnabled ? 'markdown-active-mode' : ''} plain-mode-btn`, onClick: () => onModeChange(true), isDisabled: isPlainModeEnabled || isUploadingFile, "data-tracking-id": "md-editor-plaintext" }),
|
|
597
|
+
React.createElement(Button, { icon: React.createElement(Trans, null, "Markdown"), variant: "plain", className: `${!isPlainModeEnabled ? 'markdown-active-mode' : ''} markdown-mode-btn`, onClick: () => onModeChange(false), isDisabled: !isPlainModeEnabled, "data-tracking-id": "md-editor-md" }))))))));
|
|
602
598
|
}
|
|
603
599
|
MarkdownEditor.defaultProps = defaultProps;
|
|
604
600
|
export { MarkdownEditor };
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
min-height: 100px;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
.markdown-editor-container .pf-
|
|
27
|
+
.markdown-editor-container .pf-v6-c-toolbar {
|
|
28
28
|
padding: 0.5rem;
|
|
29
29
|
}
|
|
30
30
|
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
color: #06c;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
.markdown-editor-container .pf-
|
|
68
|
+
.markdown-editor-container .pf-v6-c-button.pf-m-link.pf-m-inline.markdown-guidance {
|
|
69
69
|
padding-block-start: 0.375rem;
|
|
70
70
|
padding-block-end: 0.375rem;
|
|
71
71
|
padding-inline-start: 0.375rem;
|
|
@@ -146,7 +146,7 @@ button[data-link*='/attachments/']::before {
|
|
|
146
146
|
overflow: hidden;
|
|
147
147
|
inset: 0px auto auto -12rem !important;
|
|
148
148
|
|
|
149
|
-
.pf-
|
|
149
|
+
.pf-v6-c-menu__list {
|
|
150
150
|
padding-left: 0px !important;
|
|
151
151
|
padding-right: 0px !important;
|
|
152
152
|
}
|
|
@@ -154,7 +154,7 @@ button[data-link*='/attachments/']::before {
|
|
|
154
154
|
.attachments-items li {
|
|
155
155
|
padding: 0px 10px !important;
|
|
156
156
|
|
|
157
|
-
.pf-
|
|
157
|
+
.pf-v6-c-divider {
|
|
158
158
|
width: 15rem;
|
|
159
159
|
margin-left: -1rem;
|
|
160
160
|
}
|
|
@@ -202,7 +202,7 @@ button[data-link*='/attachments/']::before {
|
|
|
202
202
|
}
|
|
203
203
|
|
|
204
204
|
@media (max-width: 475px) {
|
|
205
|
-
.markdown-editor-container .pf-
|
|
205
|
+
.markdown-editor-container .pf-v6-c-toolbar {
|
|
206
206
|
padding: 0.5rem 0rem;
|
|
207
207
|
}
|
|
208
208
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationCompact.d.ts","sourceRoot":"","sources":["../../../src/PaginationCompact/PaginationCompact.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAKjC,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,UAAU,MAAM;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"PaginationCompact.d.ts","sourceRoot":"","sources":["../../../src/PaginationCompact/PaginationCompact.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAKjC,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,UAAU,MAAM;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,MAAM,qBAwDlF"}
|
|
@@ -20,18 +20,16 @@ export function PaginationCompact({ maxPage, dataTrackingId, onPageChange }) {
|
|
|
20
20
|
onPageChange(currentPage);
|
|
21
21
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
22
22
|
}, [currentPage]);
|
|
23
|
-
return (React.createElement("div", { className: "pagination-compact pf-
|
|
24
|
-
React.createElement("nav", { className: "pf-
|
|
25
|
-
React.createElement("div", { className: "pf-
|
|
26
|
-
React.createElement(Button, { variant: ButtonVariant.plain, type: "button", "data-tracking-id": `${dataTrackingId}-previous`, onClick: onPreviousClick, isDisabled: currentPage === 1, "aria-label": "Go to previous page" },
|
|
27
|
-
React.createElement(AngleLeftIcon, null))),
|
|
23
|
+
return (React.createElement("div", { className: "pagination-compact pf-v6-c-pagination pf-m-compact pf-m-bottom pf-v6-u-ml-auto" },
|
|
24
|
+
React.createElement("nav", { className: "pf-v6-c-pagination__nav" },
|
|
25
|
+
React.createElement("div", { className: "pf-v6-c-pagination__nav-control pf-m-prev" },
|
|
26
|
+
React.createElement(Button, { icon: React.createElement(AngleLeftIcon, null), variant: ButtonVariant.plain, type: "button", "data-tracking-id": `${dataTrackingId}-previous`, onClick: onPreviousClick, isDisabled: currentPage === 1, "aria-label": "Go to previous page" })),
|
|
28
27
|
React.createElement("div", { style: {
|
|
29
28
|
lineHeight: 2.6,
|
|
30
29
|
}, className: "text-muted" },
|
|
31
30
|
currentPage,
|
|
32
31
|
" of ",
|
|
33
32
|
maxPage),
|
|
34
|
-
React.createElement("div", { className: "pf-
|
|
35
|
-
React.createElement(Button, { variant: ButtonVariant.plain, onClick: onNextClick, "data-tracking-id": `${dataTrackingId}-next`, isDisabled: currentPage === maxPage, type: "button", "aria-label": "Go to next page" }
|
|
36
|
-
React.createElement(AngleRightIcon, null))))));
|
|
33
|
+
React.createElement("div", { className: "pf-v6-c-pagination__nav-control pf-m-next" },
|
|
34
|
+
React.createElement(Button, { icon: React.createElement(AngleRightIcon, null), variant: ButtonVariant.plain, onClick: onNextClick, "data-tracking-id": `${dataTrackingId}-next`, isDisabled: currentPage === maxPage, type: "button", "aria-label": "Go to next page" })))));
|
|
37
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAoB3B,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,CAAC,MAAM,KAAA,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACtE,mBAAmB,CAAC,EAAE,CAAC,MAAM,KAAA,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAoDD,eAAO,MAAM,eAAe,gBAAiB,MAAM;;;;;;;;;;CAmClD,CAAC;AAqCF,eAAO,MAAM,WAAW,gBAAiB,MAAM;;;CAgB9C,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBA2PvC"}
|