@rh-support/components 2.5.222 → 2.5.225

package/lib/esm/RichTextEditor/richTextEditor.css

@@ -0,0 +1,153 @@
+.richtext-editor-container {
+    background: var(--pf-t--global--background--color--primary--default, #fff);
+    border: 1px solid var(--pf-t--global--border--color--default, #d2d2d2);
+    border-radius: var(--pf-t--global--border--radius--small, 3px);
+    display: block;
+    min-height: 100px;
+}
+
+.richtext-editor-container--disabled {
+    background: var(--pf-t--global--background--color--disabled--default, #f0f0f0);
+    pointer-events: none;
+}
+
+.richtext-editor-content {
+    resize: vertical;
+    overflow: auto;
+    font-size: 15px;
+    min-width: 100%;
+    outline: none;
+    border: none;
+    min-height: 100px;
+}
+
+.richtext-editor-content.ql-container,
+.richtext-editor-container .ql-container.ql-container {
+    border: none !important;
+    outline: none !important;
+    font-size: 15px;
+}
+
+.richtext-editor-content .ql-editor {
+    padding: 0.8rem;
+    outline: none;
+    border: none;
+    min-height: 100px;
+}
+
+.richtext-editor-content .ql-editor:focus {
+    outline: none;
+    border: none;
+    box-shadow: none;
+}
+
+.richtext-editor-content:empty::before {
+    content: attr(data-placeholder);
+    color: var(--pf-t--global--text--color--placeholder, #6a6e73);
+    pointer-events: none;
+}
+
+.richtext-editor-content ul,
+.richtext-editor-content ol {
+    padding-left: 24px;
+}
+
+.richtext-editor-content li[data-list='bullet'] {
+    list-style-type: disc;
+}
+
+.richtext-editor-content li[data-list='ordered'] {
+    list-style-type: decimal;
+}
+
+.richtext-editor-content .ql-align-center {
+    text-align: center;
+}
+
+.richtext-editor-content .ql-align-right {
+    text-align: right;
+}
+
+.richtext-editor-content .ql-align-justify {
+    text-align: justify;
+}
+
+.richtext-editor-content .ql-indent-1 {
+    padding-left: 3em;
+}
+
+.richtext-editor-content .ql-indent-2 {
+    padding-left: 6em;
+}
+
+.richtext-editor-content .ql-indent-3 {
+    padding-left: 9em;
+}
+
+.richtext-editor-content .ql-indent-4 {
+    padding-left: 12em;
+}
+
+.richtext-editor-content .ql-indent-5 {
+    padding-left: 15em;
+}
+
+.richtext-editor-content a {
+    color: var(--pf-t--global--text--color--link--default, #0066cc);
+    text-decoration: underline;
+}
+
+.richtext-editor-content img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin: 8px 0;
+}
+
+.richtext-editor-container.is-private .richtext-editor-content {
+    background-color: #f5eeee;
+}
+
+.richtext-toolbar {
+    border-bottom: 1px solid var(--pf-t--global--border--color--default, #d2d2d2);
+    padding: 4px 8px;
+}
+
+.richtext-toolbar-left-section {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 2px;
+}
+
+.btn-group-separator {
+    display: inline-block;
+    width: 1px;
+    height: 24px;
+    margin: 0 8px;
+    background-color: var(--pf-t--global--border--color--default, #ccc);
+}
+
+.toggle-content {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 14px;
+}
+
+.dropdown-caret {
+    font-size: 12px;
+}
+
+.richtext-char-counter {
+    padding: 4px 8px;
+    font-size: 12px;
+    text-align: right;
+    color: var(--pf-t--global--text--color--subtle, #6a6e73);
+    border-top: 1px solid var(--pf-t--global--border--color--default, #d2d2d2);
+}
+
+.richtext-char-counter--exceeded {
+    color: var(--pf-t--global--color--status--danger--default, #c9190b);
+    font-weight: bold;
+}

package/lib/esm/RichTextEditor/useQuillEditor.d.ts

@@ -0,0 +1,20 @@
+import Quill from 'quill';
+export interface UseQuillEditorOptions {
+    placeholder?: string;
+    readOnly?: boolean;
+    onChange?: (html: string) => void;
+    onChangePlainText?: (text: string) => void;
+    onSelectionChange?: (format: Record<string, unknown>) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export declare function useQuillEditor(options: UseQuillEditorOptions): {
+    editorRef: import("react").MutableRefObject<HTMLDivElement>;
+    quillRef: import("react").MutableRefObject<Quill>;
+    activeFormat: Record<string, unknown>;
+    setActiveFormat: import("react").Dispatch<import("react").SetStateAction<Record<string, unknown>>>;
+    setContents: (html: string) => void;
+    setReadOnly: (readOnly: boolean) => void;
+    getPlainText: () => string;
+};
+//# sourceMappingURL=useQuillEditor.d.ts.map

package/lib/esm/RichTextEditor/useQuillEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuillEditor.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditor/useQuillEditor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,qBAAqB;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,wBAAgB,cAAc,CAAC,OAAO,EAAE,qBAAqB;;;;;wBAwDlB,MAAM;4BAgBF,OAAO;;EASrD"}

package/lib/esm/RichTextEditor/useQuillEditor.js

@@ -0,0 +1,81 @@
+import DOMPurify from 'dompurify';
+import Quill from 'quill';
+import { useCallback, useEffect, useRef, useState } from 'react';
+const ALLOWED_FORMATS = ['header', 'bold', 'italic', 'underline', 'strike', 'list', 'indent', 'align', 'link', 'image'];
+export function useQuillEditor(options) {
+    const editorRef = useRef(null);
+    const quillRef = useRef(null);
+    const [activeFormat, setActiveFormat] = useState({});
+    const optionsRef = useRef(options);
+    optionsRef.current = options;
+    // Track whether the last change was internal (from Quill) to avoid echo loops
+    const isInternalChange = useRef(false);
+    useEffect(() => {
+        if (!editorRef.current || quillRef.current)
+            return;
+        const quill = new Quill(editorRef.current, {
+            theme: false,
+            modules: {
+                toolbar: false,
+                clipboard: { matchVisual: false },
+            },
+            formats: ALLOWED_FORMATS,
+            placeholder: optionsRef.current.placeholder,
+            readOnly: optionsRef.current.readOnly,
+        });
+        quill.on('text-change', () => {
+            var _a, _b, _c, _d;
+            isInternalChange.current = true;
+            const html = DOMPurify.sanitize(quill.getSemanticHTML());
+            (_b = (_a = optionsRef.current).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, html);
+            (_d = (_c = optionsRef.current).onChangePlainText) === null || _d === void 0 ? void 0 : _d.call(_c, quill.getText().trim());
+            const sel = quill.getSelection();
+            if (sel) {
+                setActiveFormat(quill.getFormat(sel));
+            }
+            isInternalChange.current = false;
+        });
+        quill.on('selection-change', (range) => {
+            var _a, _b, _c, _d, _e, _f;
+            if (range) {
+                setActiveFormat(quill.getFormat(range));
+                (_b = (_a = optionsRef.current).onSelectionChange) === null || _b === void 0 ? void 0 : _b.call(_a, quill.getFormat(range));
+                if (range.length === 0) {
+                    (_d = (_c = optionsRef.current).onFocus) === null || _d === void 0 ? void 0 : _d.call(_c);
+                }
+            }
+            else {
+                (_f = (_e = optionsRef.current).onBlur) === null || _f === void 0 ? void 0 : _f.call(_e);
+            }
+        });
+        quillRef.current = quill;
+        return () => {
+            quillRef.current = null;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const setContents = useCallback((html) => {
+        const quill = quillRef.current;
+        if (!quill || isInternalChange.current)
+            return;
+        const currentHtml = DOMPurify.sanitize(quill.getSemanticHTML());
+        if (currentHtml === html)
+            return;
+        const selection = quill.getSelection();
+        quill.clipboard.dangerouslyPasteHTML(html);
+        if (selection) {
+            const length = quill.getLength();
+            const safeIndex = Math.min(selection.index, length - 1);
+            quill.setSelection(safeIndex, 0, 'silent');
+        }
+    }, []);
+    const setReadOnly = useCallback((readOnly) => {
+        var _a;
+        (_a = quillRef.current) === null || _a === void 0 ? void 0 : _a.enable(!readOnly);
+    }, []);
+    const getPlainText = useCallback(() => {
+        var _a, _b;
+        return (_b = (_a = quillRef.current) === null || _a === void 0 ? void 0 : _a.getText().trim()) !== null && _b !== void 0 ? _b : '';
+    }, []);
+    return { editorRef, quillRef, activeFormat, setActiveFormat, setContents, setReadOnly, getPlainText };
+}

package/lib/esm/Table/TablePagination.d.ts

@@ -13,6 +13,7 @@ interface IProps {
     perPage?: number;
     currentPage?: number;
     variant: PaginationVariant;
+    isCompact?: boolean;
 }
 export declare function TablePagination(props: IProps): React.JSX.Element;
 export {};

package/lib/esm/Table/TablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/Table/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAgC5C"}
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/Table/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAiC5C"}

package/lib/esm/Table/TablePagination.js

@@ -17,7 +17,7 @@ export function TablePagination(props) {
         props.currentPage && props.currentPage !== currentPage && setSelectedPage(props.currentPage);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.perPage, props.currentPage]);
-    return (React.createElement(Pagination, { itemCount: props.itemCount || (data || []).length, widgetId: "pagination-options-menu-top", perPage: perPage, page: currentPage, variant: props.variant, titles: {
+    return (React.createElement(Pagination, { itemCount: props.itemCount || (data || []).length, widgetId: "pagination-options-menu-top", perPage: perPage, page: currentPage, variant: props.variant, isCompact: props.isCompact, titles: {
             paginationAriaLabel: props.variant === PaginationVariant.top ? 'Upper pagination' : 'Lower pagination',
         }, onSetPage: onSetPage, onPerPageSelect: onPerPageSelect }));
 }

package/lib/esm/helperFunctions/errorMessage.d.ts

@@ -6,7 +6,8 @@ export interface IAppErrorObj {
 export interface IAppError {
     [key: string]: Partial<IAppErrorObj>;
 }
+declare function getDirectErrorMessage(error: any): string;
 declare function formattedApiErrorMessage(error: any, customMessage?: IAppError, canManageCase?: boolean): string | JSX.Element;
 declare function errorMessageTitle(error: any, customError?: IAppError, canManageCase?: boolean): string;
-export { formattedApiErrorMessage, errorMessageTitle };
+export { formattedApiErrorMessage, errorMessageTitle, getDirectErrorMessage };
 //# sourceMappingURL=errorMessage.d.ts.map

package/lib/esm/helperFunctions/errorMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAS7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACxC;AA8DD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CA2CjH;AAED,iBAAS,iBAAiB,CAAC,KAAK,KAAA,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAa1F;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAQ7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACxC;AAmED,iBAAS,qBAAqB,CAAC,KAAK,KAAA,GAAG,MAAM,CAI5C;AAGD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAmDjH;AAED,iBAAS,iBAAiB,CAAC,KAAK,KAAA,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAa1F;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,CAAC"}

package/lib/esm/helperFunctions/errorMessage.js

@@ -1,7 +1,6 @@
 import './errorMessage.scss';
 import { Button } from '@patternfly/react-core';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
-import isEmpty from 'lodash/isEmpty';
 import React from 'react';
 import { SupportFeedbackForm } from '../SupportFeedbackForm';
 const defaultTitle = "Sorry, we're experiencing an error";
@@ -43,6 +42,15 @@ const defaultErrorObj = {
             " for assistance.")),
     },
 };
+function getApiErrorMessage(error) {
+    return [error === null || error === void 0 ? void 0 : error.message, error === null || error === void 0 ? void 0 : error.detailMessage].filter(Boolean).join(' ').trim();
+}
+// TODO: helper to pass API or status message directly in error popup
+function getDirectErrorMessage(error) {
+    const apiMessage = getApiErrorMessage(error);
+    const message = (error === null || error === void 0 ? void 0 : error.statusText) || (error === null || error === void 0 ? void 0 : error.responseText) || '';
+    return apiMessage || message;
+}
 // the error argument need a better typing here. We want to make sure that user is passing an error object and not an error string
 function formattedApiErrorMessage(error, customMessage, canManageCase) {
     var _a, _b, _c;
@@ -84,9 +92,15 @@ function formattedApiErrorMessage(error, customMessage, canManageCase) {
         }
         // api call error
         const message = (error === null || error === void 0 ? void 0 : error.statusText) || (error === null || error === void 0 ? void 0 : error.responseText) || '';
-        // error.message -> javascript error
-        const isNotProperUXError = isEmpty(message) || (message === null || message === void 0 ? void 0 : message.length) > 200 || (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : error.detailMessage);
-        return isNotProperUXError ? defaultErrorMessage : message;
+        // TODO: original logic — showed default when error.message existed
+        // // error.message -> javascript error
+        // const isNotProperUXError = isEmpty(message) || message?.length > 200 || error?.message || error?.detailMessage;
+        // return isNotProperUXError ? defaultErrorMessage : message;
+        const apiMessage = getApiErrorMessage(error);
+        if (apiMessage || message) {
+            return apiMessage || message;
+        }
+        return defaultErrorMessage;
     }
 }
 function errorMessageTitle(error, customError, canManageCase) {
@@ -102,4 +116,4 @@ function errorMessageTitle(error, customError, canManageCase) {
     }
     return defaultTitle;
 }
-export { formattedApiErrorMessage, errorMessageTitle };
+export { formattedApiErrorMessage, errorMessageTitle, getDirectErrorMessage };

package/lib/esm/hooks/useCopyToClipboard.d.ts

@@ -1,4 +1,4 @@
-export declare function useCopyToClipboard(ref: React.RefObject<HTMLInputElement>): {
+export declare function useCopyToClipboard(ref: React.RefObject<HTMLElement>): {
     clipboardText: string;
     copyToClipboard: () => Promise<void>;
 };

package/lib/esm/hooks/useCopyToClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;;;EA2BxE"}
+{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;;EA6BnE"}

package/lib/esm/hooks/useCopyToClipboard.js

@@ -14,9 +14,11 @@ export function useCopyToClipboard(ref) {
     // @ts-ignore
     const { t } = useTranslation();
     const copyToClipboard = () => __awaiter(this, void 0, void 0, function* () {
+        var _a;
         if (!ref.current)
             return;
-        const textToCopy = ref.current.value;
+        const el = ref.current;
+        const textToCopy = el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement ? el.value : (_a = el.textContent) !== null && _a !== void 0 ? _a : '';
         try {
             yield navigator.clipboard.writeText(textToCopy);
             setClipboardText(t('Copied!'));

package/lib/esm/index.d.ts

@@ -5,7 +5,7 @@ export * from './ErrorBoundary';
 export * from './ErrorPages';
 export * from './LoginModal';
 export * from './Table';
-export * from './MarkdownEditor';
+export * from './RichTextEditor';
 export * from './InlineEdit';
 export * from './CoverSpinner';
 export * from './hooks';
@@ -29,6 +29,7 @@ export * from './SubscriptionAbuse';
 export * from './TermsAndConditions';
 export * from './TextAreaResizable';
 export * from './CustomTextInput';
+export * from './CustomDatePicker';
 export * from './PhoneInput';
 export * from './TagsSelector';
 export * from './SingleSelectDropdown';

package/lib/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}

package/lib/esm/index.js

@@ -6,7 +6,7 @@ export * from './ErrorBoundary';
 export * from './ErrorPages';
 export * from './LoginModal';
 export * from './Table';
-export * from './MarkdownEditor';
+export * from './RichTextEditor';
 export * from './InlineEdit';
 export * from './CoverSpinner';
 export * from './hooks';
@@ -30,7 +30,9 @@ export * from './SubscriptionAbuse';
 export * from './TermsAndConditions';
 export * from './TextAreaResizable';
 export * from './CustomTextInput';
+export * from './CustomDatePicker';
 export * from './PhoneInput';
 export * from './TagsSelector';
 export * from './SingleSelectDropdown';
 export * from './OwnerTypeaheadDropdown';
+// dummy change for publish

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.5.222",
+    "version": "2.5.225",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -40,7 +40,7 @@
         "prepublishOnly": "npm run build"
     },
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.18.111",
+        "@apollo/client": "^4.1.6",
         "@cee-eng/ui-toolkit": "1.1.9",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
@@ -55,21 +55,21 @@
         "use-deep-compare-effect": "^1.6.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.18.111",
+        "@cee-eng/hydrajs": "^4.18.114",
         "@cee-eng/ui-toolkit": "1.1.9",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-icons": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@patternfly/react-tokens": "6.2.1",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.170",
-        "@rh-support/utils": "2.5.149",
+        "@rh-support/user-permissions": "2.5.173",
+        "@rh-support/utils": "2.5.152",
         "dompurify": "^2.2.6",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
         "lodash": "^4.17.21",
         "mark.js": "^8.11.1",
+        "quill": "~2.0.3",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-i18next": "15.6.0",
@@ -83,6 +83,8 @@
         "@types/react-dom": "^18.2.18"
     },
     "devDependencies": {
+        "@patternfly/react-styles": "^6.2.1",
+        "@patternfly/react-tokens": "^6.2.1",
         "@testing-library/jest-dom": "^6.2.0",
         "@testing-library/react": "^14.1.2",
         "@testing-library/user-event": "^14.5.1",
@@ -101,5 +103,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "cc1c26280084d477ee0abcec8d46963c8213b783"
+    "gitHead": "4cb198056cdf53141dcdf4d9b55d9cbb36940e05"
 }

package/lib/esm/MarkdownEditor/MarkdownEditor.d.ts

@@ -1,49 +0,0 @@
-import './markdownEditor.css';
-import { IAttachment } from '@cee-eng/hydrajs/@types/models/attachment';
-import { IMarkdownOptions } from '@cee-eng/ui-toolkit';
-import React, { HTMLProps } from 'react';
-export declare enum EditorMode {
-    PLAIN = "plaintext",
-    MARKDOWN = "markdown"
-}
-interface IFileSelectorProps {
-    showFileSelectorInToolbar: boolean;
-    filesList: Partial<IAttachment>[];
-    onFileSelect: (file: Partial<IAttachment>) => void;
-    onFileDelete: (file: Partial<IAttachment>) => void;
-    onClipboardPaste: (file: any) => void;
-    isSupportedFile: (extension: string) => boolean;
-    attachFileBtn: React.ReactNode;
-    isUploadingFile: boolean;
-}
-export interface IMDEditorProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'onChange' | 'value' | 'ref'> {
-    value: string;
-    onChange: (value: string, mode?: EditorMode) => void;
-    className?: string;
-    id?: string;
-    hidePreviewText?: string;
-    showPreviewText?: string;
-    bindTextArea?: (ref: HTMLTextAreaElement) => void;
-    textAreaClassName?: string;
-    mdPlaceholder?: string;
-    plainTextPlaceholder?: string;
-    allowEmoji?: boolean;
-    hideHeadingOptions?: boolean;
-    markedownOptions?: IMarkdownOptions;
-    showMarkdownPlainTextToggle?: boolean;
-    editorMode?: EditorMode;
-    charLimit?: number;
-    minCharsForCounter?: number;
-    onCommentExceedCharsLimit: (val: boolean) => void;
-    fileSelectorProps?: Partial<IFileSelectorProps>;
-}
-export declare const validateFile: (file: Partial<IAttachment>) => {
-    isValid: boolean;
-    errorMsg: string;
-};
-declare function MarkdownEditor(props: IMDEditorProps): React.JSX.Element;
-declare namespace MarkdownEditor {
-    var defaultProps: Partial<IMDEditorProps>;
-}
-export { MarkdownEditor };
-//# sourceMappingURL=MarkdownEditor.d.ts.map

package/lib/esm/MarkdownEditor/MarkdownEditor.d.ts.map

@@ -1 +0,0 @@
-{"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,GAAI,MAAM,OAAO,CAAC,WAAW,CAAC,KAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAiB7F,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,cAAc,qBAk8B5C;kBAl8BQ,cAAc;;;AAs8BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}