@rh-support/components 2.1.83 → 2.1.85

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.
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmationContext.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAsB,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAI/E,eAAO,MAAM,eAAe,kBAFqC,mBAAmB,KAAK,QAAQ,IAAI,CAE1B,CAAC;AAE5E,eAAO,MAAM,2BAA2B;;uBA2CvC,CAAC"}
1
+ {"version":3,"file":"ConfirmationContext.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAsB,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAI/E,eAAO,MAAM,eAAe,kBAFqC,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAE1B,CAAC;AAE5E,eAAO,MAAM,2BAA2B;;uBA2CvC,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { MultiSelectDropdownProps } from './MultiSelectDropdownList';
2
2
  import { AsyncDropdownProps, IAsyncOnlyProps, IDropdownListProps } from './types';
3
3
  declare const AsyncDropDownList: <T extends {}>(props: IAsyncOnlyProps<T> & IDropdownListProps<T>) => JSX.Element;
4
- declare const AsyncMultiDropDownList: <T extends {}>(props: IAsyncOnlyProps<T> & import("./types").IDropdownListBasePropsForMultiSelect<T> & import("./types").IMultiSelectOnlyProps<T>) => JSX.Element;
4
+ declare const AsyncMultiDropDownList: <T extends {}>(props: IAsyncOnlyProps<T> & MultiSelectDropdownProps<T>) => JSX.Element;
5
5
  export { AsyncDropDownList, AsyncMultiDropDownList, AsyncDropdownProps };
6
6
  //# sourceMappingURL=AsyncDropDownList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AsyncDropDownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/AsyncDropDownList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElF,QAAA,MAAM,iBAAiB,uEAElB,WAAW,CAAC;AAEjB,QAAA,MAAM,sBAAsB,wJAEvB,WAAW,CAAC;AAEjB,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,CAAC"}
1
+ {"version":3,"file":"AsyncDropDownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/AsyncDropDownList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElF,QAAA,MAAM,iBAAiB,EAA0B,CAAC,CAAY,SAAF,EAAE,EAC1D,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,KAChD,GAAG,CAAC,OAAO,CAAC;AAEjB,QAAA,MAAM,sBAAsB,EAAyC,CAAC,CAAY,SAAF,EAAE,EAC9E,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC,KACtD,GAAG,CAAC,OAAO,CAAC;AAEjB,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelectDropdownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/MultiSelectDropdownList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGnD,QAAA,MAAM,uBAAuB,wDAExB,WAAW,CAAC;AAEjB,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,CAAC"}
1
+ {"version":3,"file":"MultiSelectDropdownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/MultiSelectDropdownList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGnD,QAAA,MAAM,uBAAuB,EAA0B,CAAC,CAAY,SAAF,EAAE,EAChE,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,KACjC,GAAG,CAAC,OAAO,CAAC;AAEjB,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"async.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/async.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,eAAe,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAiB1E,wBAAgB,QAAQ,CAAC,UAAU,EAAE,iBAAiB,SAAS,8BAA8B,CAAC,UAAU,CAAC,EACrG,KAAK,EAAE,iBAAiB,GAAG,eAAe,CAAC,UAAU,CAAC,GACvD,iBAAiB,CA6HnB;AAED,wBAAgB,SAAS,CAAC,iBAAiB,SAAS,8BAA8B,CAAC,UAAU,CAAC,EAAE,UAAU,EACtG,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC;YAE1B,iBAAiB,GAAG,gBAAgB,UAAU,CAAC;;;EAUhF"}
1
+ {"version":3,"file":"async.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/async.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,eAAe,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAiB1E,wBAAgB,QAAQ,CAAC,UAAU,EAAE,iBAAiB,SAAS,8BAA8B,CAAC,UAAU,CAAC,EACrG,KAAK,EAAE,iBAAiB,GAAG,eAAe,CAAC,UAAU,CAAC,GACvD,iBAAiB,CA6HnB;AAED,wBAAgB,SAAS,CAAC,iBAAiB,SAAS,8BAA8B,CAAC,UAAU,CAAC,EAAE,UAAU,EACtG,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC;YAE1B,iBAAiB,GAAG,eAAe,CAAC,UAAU,CAAC;;;EAUhF"}
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { IDClassNameProps, IOption } from '@rh-support/types/shared';
3
2
  export interface IDropdownListProps<T> extends IDClassNameProps {
4
3
  list: Array<IOption<T>>;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/types.ts"],"names":[],"mappings":"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"}
@@ -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;AAuB7E,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAKtE,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;AAuBD,iBAAS,cAAc,CAAC,KAAK,EAAE,cAAc,qBAumB5C;kBAvmBQ,cAAc;;;AA2mBvB,OAAO,EAAE,cAAc,EAAE,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;AAgC7E,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAKtE,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;AAuBD,iBAAS,cAAc,CAAC,KAAK,EAAE,cAAc,qBAm1B5C;kBAn1BQ,cAAc;;;AAu1BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
@@ -11,15 +11,17 @@ 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, Flex, FlexItem, Spinner, Text, TextVariants, Toolbar, ToolbarGroup, ToolbarItem, } from '@patternfly/react-core';
14
+ import { Button, ButtonVariant, DrilldownMenu, Flex, FlexItem, Menu, MenuContainer, MenuContent, MenuItem, MenuList, MenuToggle, Spinner, Text, TextVariants, Toolbar, ToolbarGroup, ToolbarItem, } from '@patternfly/react-core';
15
15
  import { Dropdown, DropdownItem, DropdownSeparator, DropdownToggle } from '@patternfly/react-core/deprecated';
16
16
  import CodeIcon from '@patternfly/react-icons/dist/js/icons/code-icon';
17
+ import EllipsisVIcon from '@patternfly/react-icons/dist/js/icons/ellipsis-v-icon';
17
18
  import ImageIcon from '@patternfly/react-icons/dist/js/icons/image-icon';
18
19
  import LinkIcon from '@patternfly/react-icons/dist/js/icons/link-icon';
19
20
  import ListUlIcon from '@patternfly/react-icons/dist/js/icons/list-ul-icon';
20
21
  import QuoteRightIcon from '@patternfly/react-icons/dist/js/icons/quote-right-icon';
21
22
  import TrashIcon from '@patternfly/react-icons/dist/js/icons/trash-icon';
22
23
  import { emojiPattern, haltEvent, isEmojiPattern, isImageFile } from '@rh-support/utils';
24
+ import cx from 'classnames';
23
25
  import DOMPurify from 'dompurify';
24
26
  import isEmpty from 'lodash/isEmpty';
25
27
  import React, { useEffect, useRef, useState } from 'react';
@@ -114,27 +116,34 @@ function MarkdownEditor(props) {
114
116
  event.preventDefault();
115
117
  onClipboardPaste(files);
116
118
  };
117
- const getFileSelectorList = () => {
119
+ const getFileSelectorList = (isMobile = false) => {
118
120
  const filesAsDropdownItems = filesList.map((file) => {
119
- return (React.createElement(DropdownItem, { key: file.id, onClick: () => {
120
- onFileInsert(file);
121
- } },
122
- React.createElement(Flex, { flexWrap: { default: 'nowrap' } },
123
- React.createElement(FlexItem, null,
124
- React.createElement(Text, { component: TextVariants.small }, file.fileName)),
125
- onFileDelete && (React.createElement(FlexItem, { className: "pf-v5-u-ml-auto" },
126
- React.createElement(Button, { variant: ButtonVariant.plain, onClick: (event) => {
127
- onFileSelectToggle(false);
128
- onFileDelete(file);
129
- event.stopPropagation();
130
- } },
131
- React.createElement(TrashIcon, { color: "#c9190b" })))))));
121
+ return (React.createElement(React.Fragment, null,
122
+ React.createElement(DropdownItem, { key: file.id, onClick: () => {
123
+ onFileInsert(file);
124
+ } },
125
+ React.createElement(Flex, { flexWrap: { default: 'nowrap' } },
126
+ React.createElement(FlexItem, null,
127
+ React.createElement(Text, { component: TextVariants.small }, file.fileName)),
128
+ onFileDelete && (React.createElement(FlexItem, { className: "pf-v5-u-ml-auto" },
129
+ React.createElement(Button, { variant: ButtonVariant.plain, onClick: (event) => {
130
+ onFileSelectToggle(false);
131
+ onFileDelete(file);
132
+ event.stopPropagation();
133
+ } },
134
+ React.createElement(TrashIcon, { color: "#c9190b" }))))))));
132
135
  });
133
- return [
134
- ...filesAsDropdownItems,
135
- ...(filesAsDropdownItems.length > 0 ? [React.createElement(DropdownSeparator, { key: "separator" })] : []),
136
- React.createElement(DropdownItem, { key: "separated link", component: attachFileBtn }),
137
- ];
136
+ return isMobile
137
+ ? [
138
+ React.createElement(DropdownItem, { key: "separated link", component: attachFileBtn }),
139
+ ...(filesAsDropdownItems.length > 0 ? [React.createElement(DropdownSeparator, { key: "separator" })] : []),
140
+ ...filesAsDropdownItems,
141
+ ]
142
+ : [
143
+ ...filesAsDropdownItems,
144
+ ...(filesAsDropdownItems.length > 0 ? [React.createElement(DropdownSeparator, { key: "separator" })] : []),
145
+ React.createElement(DropdownItem, { key: "separated link", component: attachFileBtn }),
146
+ ];
138
147
  };
139
148
  const bindTextAreaRef = (ref) => {
140
149
  textareaRef.current = ref;
@@ -359,54 +368,116 @@ function MarkdownEditor(props) {
359
368
  // editor is disabled and preview is true -> set preview to false
360
369
  props.disabled && isPreview && setIsPreview(false);
361
370
  const disablePreviewButton = mdValue === '';
362
- return (React.createElement("div", { className: `markdown-editor-container ${props.className}`, id: props.id, "data-tracking-id": "md-editor-container", onDrop: onDrop, onPaste: onPaste },
363
- React.createElement("div", { className: "toolbar-container border-bottom" }, !isPlainModeEnabled && (React.createElement(Toolbar, { className: "pf-v5-l-flex" },
364
- React.createElement(ToolbarGroup, { "data-tracking-id": "md-editor-toolbar", className: "markdown-toolbar-left-section pf-m-wrap" },
365
- React.createElement(Button, { variant: ButtonVariant.plain, tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: bold, "data-tracking-id": "md-editor-toolbar-b", title: "Bold" }, "B"),
366
- React.createElement(Button, { variant: ButtonVariant.plain, tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: italic, "data-tracking-id": "md-editor-toolbar-i", title: "Italic" }, "I"),
367
- React.createElement("div", { className: "btn-group-separator" }),
368
- !props.hideHeadingOptions && (React.createElement(React.Fragment, null,
369
- React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: h1, title: "Heading 1", "data-tracking-id": "md-editor-toolbar-h1" }, "H1"),
370
- React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: h2, title: "Heading 2", "data-tracking-id": "md-editor-toolbar-h2" }, "H2"),
371
- React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: h3, title: "Heading 3", "data-tracking-id": "md-editor-toolbar-h3" }, "H3"),
372
- React.createElement("div", { className: "btn-group-separator" }))),
373
- 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" },
374
- React.createElement(ListUlIcon, null)),
375
- React.createElement("div", { className: "btn-group-separator" }),
376
- React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: link, title: "Link", "data-tracking-id": "md-editor-toolbar-link" },
377
- React.createElement(LinkIcon, null)),
378
- React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: quote, title: "Quote", "data-tracking-id": "md-editor-toolbar-quote" },
379
- React.createElement(QuoteRightIcon, null)),
380
- React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: code, title: "Code", "data-tracking-id": "md-editor-toolbar-code" },
381
- React.createElement(CodeIcon, null)),
382
- showFileSelectorInToolbar && (React.createElement(Dropdown, { onSelect: onFileSelectLocal, id: "md-editor-toolbar-file-selector", toggle: React.createElement(DropdownToggle, { "aria-label": "file selector", onToggle: (_event, isOpen) => onFileSelectToggle(isOpen), isDisabled: props.disabled || isPreview },
383
- React.createElement(ImageIcon, null)), dropdownItems: getFileSelectorList(), tabIndex: -1, isPlain: true, menuAppendTo: document.body, isOpen: isFileSelectorOpen, "data-tracking-id": "md-editor-toolbar-file-selector" }))),
384
- React.createElement(ToolbarItem, null,
385
- React.createElement("a", { className: "pf-v5-c-button pf-m-link pf-m-inline markdown-guidance", rel: "noopener noreferrer", target: "_blank", href: "/articles/4729621", "data-tracking-id": "md-guidance" },
386
- React.createElement(Trans, null, "Markdown guidance")))))),
387
- React.createElement("div", { className: "markdown-content" }, !isPreview ? (React.createElement("textarea", Object.assign({}, textAreaProps, { onKeyDown: keydown, placeholder: isPlainModeEnabled ? t(props.plainTextPlaceholder) : t(props.mdPlaceholder), ref: bindTextAreaRef, className: `form-control markdown-text-area ${props.textAreaClassName} textArea`, value: mdValue, onChange: textChanged, rows: props.rows || contentRows, style: { height: '313px' } }))) : (React.createElement("div", { className: "markdown-preview-placeholder", style: { height: '313px' } },
388
- React.createElement("div", { className: "markdown-preview", style: { maxHeight: '313px' } },
389
- React.createElement("div", { dangerouslySetInnerHTML: {
390
- __html: DOMPurify.sanitize(previewMDText(mdValue)),
391
- } }))))),
392
- React.createElement("div", null, props.showMarkdownPlainTextToggle && (React.createElement("div", { className: `markdown-toggle-toolbar pf-v5-l-flex` },
393
- React.createElement("span", { className: "markdown-toolbar-left-section" },
394
- !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,
395
- " ",
396
- t(hidePreviewText))) : (React.createElement("span", null,
397
- " ",
398
- t(showPreviewText))))),
399
- isUploadingFile && (React.createElement(React.Fragment, null,
400
- React.createElement(Trans, null,
401
- React.createElement("small", { className: "pf-v5-u-pl-md" },
402
- React.createElement(Trans, null, "Uploading File"))),
403
- React.createElement(Spinner, { className: "pf-v5-u-ml-sm", size: "md" }))),
404
- mdValue.length > props.minCharsForCounter && getCharCountText(mdValue)),
405
- React.createElement("span", null,
406
- React.createElement(Button, { variant: "plain", className: isPlainModeEnabled ? 'markdown-active-mode' : '', onClick: () => onModeChange(true), isDisabled: isPlainModeEnabled || isUploadingFile, "data-tracking-id": "md-editor-plaintext" },
407
- React.createElement(Trans, null, "Plain text")),
408
- React.createElement(Button, { variant: "plain", className: !isPlainModeEnabled ? 'markdown-active-mode' : '', onClick: () => onModeChange(false), isDisabled: !isPlainModeEnabled, "data-tracking-id": "md-editor-md" },
409
- React.createElement(Trans, null, "Markdown"))))))));
371
+ const [isHeadingDropdownOpen, setIsHeadingDropdownOpen] = React.useState(false);
372
+ const onToggle = (_event, isOpen) => {
373
+ setIsHeadingDropdownOpen(isOpen);
374
+ };
375
+ const onHeadingSelect = () => {
376
+ setIsHeadingDropdownOpen(false);
377
+ };
378
+ const [isDrillMenuOpen, setIsDrillMenuOpen] = React.useState(false);
379
+ const [activeMenu, setActiveMenu] = useState('toolsKebabMenu');
380
+ const [menuDrilledIn, setMenuDrilledIn] = useState([]);
381
+ const [drilldownPath, setDrilldownPath] = useState([]);
382
+ const [menuHeights, setMenuHeights] = useState({});
383
+ const toggleRef = useRef(null);
384
+ const drillMenuRef = useRef(null);
385
+ const onToggleClick = () => {
386
+ setIsDrillMenuOpen(!isDrillMenuOpen);
387
+ setMenuDrilledIn([]);
388
+ setDrilldownPath([]);
389
+ setActiveMenu('toolsKebabMenu');
390
+ };
391
+ const drillIn = (_event, fromMenuId, toMenuId, pathId) => {
392
+ setMenuDrilledIn([...menuDrilledIn, fromMenuId]);
393
+ setDrilldownPath([...drilldownPath, pathId]);
394
+ setActiveMenu(toMenuId);
395
+ };
396
+ const drillOut = (_event, toMenuId) => {
397
+ setMenuDrilledIn(menuDrilledIn.slice(0, menuDrilledIn.length - 1));
398
+ setDrilldownPath(drilldownPath.slice(0, drilldownPath.length - 1));
399
+ setActiveMenu(toMenuId);
400
+ };
401
+ const setHeight = (menuId, height) => {
402
+ if (!menuHeights[menuId] || (menuId !== 'toolsKebabMenu' && menuHeights[menuId] !== height)) {
403
+ setMenuHeights(Object.assign(Object.assign({}, menuHeights), { [menuId]: height }));
404
+ }
405
+ };
406
+ const markdownGuidanceBtn = (React.createElement("a", { className: "pf-v5-c-button pf-m-link pf-m-inline markdown-guidance", rel: "noopener noreferrer", target: "_blank", href: "/articles/4729621", "data-tracking-id": "md-guidance" },
407
+ React.createElement(Trans, null, "Markdown guidance")));
408
+ return (React.createElement("div", { id: "markdown-editor" },
409
+ !isPlainModeEnabled && React.createElement("div", { className: "markdown-guidance-container" }, markdownGuidanceBtn),
410
+ React.createElement("div", { className: `markdown-editor-container ${props.className}`, id: props.id, "data-tracking-id": "md-editor-container", onDrop: onDrop, onPaste: onPaste },
411
+ React.createElement("div", { className: "toolbar-container border-bottom" }, !isPlainModeEnabled && (React.createElement(React.Fragment, null,
412
+ React.createElement(Toolbar, { className: "desktop-markdown-toolbar pf-v5-l-flex" },
413
+ React.createElement(ToolbarGroup, { "data-tracking-id": "md-editor-toolbar", className: "markdown-toolbar-left-section pf-m-wrap" },
414
+ React.createElement(Button, { variant: ButtonVariant.plain, tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: bold, "data-tracking-id": "md-editor-toolbar-b", title: "Bold" }, "B"),
415
+ React.createElement(Button, { variant: ButtonVariant.plain, tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: italic, "data-tracking-id": "md-editor-toolbar-i", title: "Italic" }, "I"),
416
+ React.createElement("div", { className: "btn-group-separator" }),
417
+ !props.hideHeadingOptions && (React.createElement(React.Fragment, null,
418
+ React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: h1, title: "Heading 1", "data-tracking-id": "md-editor-toolbar-h1" }, "H1"),
419
+ React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: h2, title: "Heading 2", "data-tracking-id": "md-editor-toolbar-h2" }, "H2"),
420
+ React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: h3, title: "Heading 3", "data-tracking-id": "md-editor-toolbar-h3" }, "H3"),
421
+ React.createElement("div", { className: "btn-group-separator" }))),
422
+ 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" },
423
+ React.createElement(ListUlIcon, null)),
424
+ React.createElement("div", { className: "btn-group-separator" }),
425
+ React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: link, title: "Link", "data-tracking-id": "md-editor-toolbar-link" },
426
+ React.createElement(LinkIcon, null)),
427
+ React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: quote, title: "Quote", "data-tracking-id": "md-editor-toolbar-quote" },
428
+ React.createElement(QuoteRightIcon, null)),
429
+ React.createElement(Button, { tabIndex: -1, variant: ButtonVariant.plain, isDisabled: props.disabled || isPreview, onClick: code, title: "Code", "data-tracking-id": "md-editor-toolbar-code" },
430
+ React.createElement(CodeIcon, null)),
431
+ showFileSelectorInToolbar && (React.createElement(Dropdown, { onSelect: onFileSelectLocal, id: "md-editor-toolbar-file-selector", toggle: React.createElement(DropdownToggle, { "aria-label": "file selector", onToggle: (_event, isOpen) => onFileSelectToggle(isOpen), isDisabled: props.disabled || isPreview },
432
+ React.createElement(ImageIcon, null)), dropdownItems: getFileSelectorList(), tabIndex: -1, isPlain: true, menuAppendTo: document.body, isOpen: isFileSelectorOpen, "data-tracking-id": "md-editor-toolbar-file-selector" }))),
433
+ React.createElement(ToolbarItem, null, markdownGuidanceBtn)),
434
+ React.createElement(Toolbar, null,
435
+ React.createElement("div", { className: "mobile-markdown-toolbar" },
436
+ React.createElement(ToolbarGroup, { "data-tracking-id": "mobile-md-editor-toolbar", className: "markdown-toolbar-left-section" },
437
+ !props.hideHeadingOptions && (React.createElement(Dropdown, { isText: true, isPlain: true, onSelect: onHeadingSelect, toggle: React.createElement(DropdownToggle, { id: "heading-selector", onToggle: onToggle }, "Heading"), isOpen: isHeadingDropdownOpen, dropdownItems: [
438
+ React.createElement(DropdownItem, { key: "heading-1", tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: h1, title: "Heading 1", "data-tracking-id": "mobile-md-editor-toolbar-h1" }, "Heading 1"),
439
+ React.createElement(DropdownItem, { tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: h2, title: "Heading 2", "data-tracking-id": "mobile-md-editor-toolbar-h2" }, "Heading 2"),
440
+ React.createElement(DropdownItem, { tabIndex: -1, isDisabled: props.disabled || isPreview, onClick: h3, title: "Heading 3", "data-tracking-id": "mobile-md-editor-toolbar-h3" }, "Heading 3"),
441
+ ] })),
442
+ React.createElement(Button, { 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" }, "B"),
443
+ React.createElement(Button, { 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" }, "I"),
444
+ React.createElement(Button, { 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" },
445
+ React.createElement(ListUlIcon, null)),
446
+ React.createElement(Button, { 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" },
447
+ React.createElement(CodeIcon, null))),
448
+ React.createElement(ToolbarItem, { className: "mobile-markdown-tool-item" },
449
+ 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 },
450
+ React.createElement(MenuContent, { menuHeight: `${menuHeights[activeMenu]}px` },
451
+ React.createElement(MenuList, null,
452
+ React.createElement(MenuItem, { itemId: "link-btn-menu-item", isDisabled: props.disabled || isPreview, onClick: link, "data-tracking-id": "mobile-md-editor-toolbar-link", icon: React.createElement(LinkIcon, { "aria-hidden": true }) }, "Link"),
453
+ React.createElement(MenuItem, { itemId: "code-btn-menu-item", isDisabled: props.disabled || isPreview, onClick: quote, "data-tracking-id": "mobile-md-editor-toolbar-quote", icon: React.createElement(QuoteRightIcon, { "aria-hidden": true }) }, "Quote"),
454
+ React.createElement(MenuItem, { itemId: "group:manage_attachments", direction: "down", icon: React.createElement(ImageIcon, { "aria-hidden": true }), drilldownMenu: React.createElement(DrilldownMenu, { id: "drilldownMenuStart" },
455
+ React.createElement(MenuItem, { itemId: "group:manage_attachments_breadcrumb", direction: "up" }, "Manage Attachments"),
456
+ React.createElement("div", { className: "attachments-items" }, getFileSelectorList(true))) }, "Manage Attachments")))), menuRef: drillMenuRef, toggle: React.createElement(MenuToggle, { variant: "plain", ref: toggleRef, onClick: onToggleClick, isExpanded: isDrillMenuOpen },
457
+ React.createElement(EllipsisVIcon, null)), toggleRef: toggleRef }))))))),
458
+ React.createElement("div", { className: "markdown-content" }, !isPreview ? (React.createElement("textarea", Object.assign({}, textAreaProps, { onKeyDown: keydown, placeholder: isPlainModeEnabled ? t(props.plainTextPlaceholder) : t(props.mdPlaceholder), ref: bindTextAreaRef, className: cx('form-control', 'markdown-text-area', props.textAreaClassName, 'textArea'), value: mdValue, onChange: textChanged, rows: props.rows || contentRows, style: { height: '313px' } }))) : (React.createElement("div", { className: "markdown-preview-placeholder", style: { height: '313px' } },
459
+ React.createElement("div", { className: "markdown-preview", style: { maxHeight: '313px' } },
460
+ React.createElement("div", { dangerouslySetInnerHTML: {
461
+ __html: DOMPurify.sanitize(previewMDText(mdValue)),
462
+ } }))))),
463
+ React.createElement("div", null, props.showMarkdownPlainTextToggle && (React.createElement("div", { className: `markdown-toggle-toolbar pf-v5-l-flex` },
464
+ React.createElement("span", { className: "markdown-toolbar-left-section pf-m-wrap" },
465
+ !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,
466
+ " ",
467
+ t(hidePreviewText))) : (React.createElement("span", null,
468
+ " ",
469
+ t(showPreviewText))))),
470
+ isUploadingFile && (React.createElement(React.Fragment, null,
471
+ React.createElement(Trans, null,
472
+ React.createElement("small", { className: "pf-v5-u-pl-md" },
473
+ React.createElement(Trans, null, "Uploading File"))),
474
+ React.createElement(Spinner, { className: "pf-v5-u-ml-sm", size: "md" }))),
475
+ mdValue.length > props.minCharsForCounter && getCharCountText(mdValue)),
476
+ React.createElement("span", null,
477
+ React.createElement(Button, { variant: "plain", className: isPlainModeEnabled ? 'markdown-active-mode' : '', onClick: () => onModeChange(true), isDisabled: isPlainModeEnabled || isUploadingFile, "data-tracking-id": "md-editor-plaintext" },
478
+ React.createElement(Trans, null, "Plain text")),
479
+ React.createElement(Button, { variant: "plain", className: !isPlainModeEnabled ? 'markdown-active-mode' : '', onClick: () => onModeChange(false), isDisabled: !isPlainModeEnabled, "data-tracking-id": "md-editor-md" },
480
+ React.createElement(Trans, null, "Markdown")))))))));
410
481
  }
411
482
  MarkdownEditor.defaultProps = defaultProps;
412
483
  export { MarkdownEditor };
@@ -22,7 +22,6 @@
22
22
  border: 1px solid #d2d2d2;
23
23
  display: block;
24
24
  min-height: 100px;
25
- overflow: hidden;
26
25
  }
27
26
 
28
27
  .markdown-editor-container .pf-v5-c-toolbar {
@@ -113,3 +112,71 @@ button[data-link*='/attachments/']::before {
113
112
  .markdown-preview {
114
113
  border-bottom: none !important;
115
114
  }
115
+
116
+ .desktop-markdown-toolbar {
117
+ display: flex;
118
+ }
119
+
120
+ .markdown-toolbar-left-section {
121
+ display: flex;
122
+ align-items: center;
123
+ }
124
+
125
+ .btn-group-separator {
126
+ display: inline-block;
127
+ width: 1px;
128
+ height: 24px;
129
+ margin: 0 8px;
130
+ background-color: #ccc;
131
+ }
132
+
133
+ .markdown-guidance-container {
134
+ display: none;
135
+ }
136
+
137
+ .mobile-markdown-toolbar {
138
+ display: none;
139
+ }
140
+
141
+ #toolsKebabMenu {
142
+ overflow: hidden;
143
+ inset: 0px auto auto -12rem !important;
144
+
145
+ .pf-v5-c-menu__list {
146
+ padding-left: 0px !important;
147
+ padding-right: 0px !important;
148
+ }
149
+
150
+ .attachments-items li {
151
+ padding: 0px 10px !important;
152
+
153
+ .pf-v5-c-divider {
154
+ width: 15rem;
155
+ margin-left: -1rem;
156
+ }
157
+ }
158
+ }
159
+
160
+ /* Mobile toolbar styles */
161
+ @media (max-width: 880px) {
162
+ .desktop-markdown-toolbar {
163
+ display: none;
164
+ }
165
+
166
+ .markdown-guidance-container {
167
+ display: flex;
168
+ justify-content: flex-end;
169
+ padding: 9px;
170
+ }
171
+
172
+ .mobile-markdown-toolbar {
173
+ display: flex;
174
+ flex-direction: row;
175
+ justify-content: space-between;
176
+ align-items: center;
177
+
178
+ .mobile-markdown-tool-item {
179
+ width: 2.5rem !important;
180
+ }
181
+ }
182
+ }
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export type CircularProgressbarStyles = {
3
2
  root?: React.CSSProperties;
4
3
  trail?: React.CSSProperties;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ProgressBar/CircularProgressBar/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,yBAAyB,GAAG;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,yBAAyB,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,+BAA+B,GAAG;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ProgressBar/CircularProgressBar/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,yBAAyB,GAAG;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,yBAAyB,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,+BAA+B,GAAG;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAEA,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AACtC,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAKnD,QAAA,MAAM,eAAe,WAAY,MAAM,0BAA0B,OAAO,qCA8BvE,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
1
+ {"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAEA,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AACtC,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAKnD,QAAA,MAAM,eAAe,GAAI,CAAC,OAAO,MAAM,iBAAiB,CAAC,QAAQ,OAAO,KAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CA8BzG,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useSessionStorage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSessionStorage.ts"],"names":[],"mappings":"AAEA,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AACtC,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAEnD,QAAA,MAAM,iBAAiB,WAAY,MAAM,0BAA0B,OAAO,qCA0BzE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
1
+ {"version":3,"file":"useSessionStorage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSessionStorage.ts"],"names":[],"mappings":"AAEA,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AACtC,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAEnD,QAAA,MAAM,iBAAiB,GAAI,CAAC,OAAO,MAAM,iBAAiB,CAAC,QAAQ,OAAO,KAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CA0B3G,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rh-support/components",
3
- "version": "2.1.83",
3
+ "version": "2.1.85",
4
4
  "description": "Contains all reusabel components for support app",
5
5
  "author": "Vikas Rathee <vrathee@redhat.com>",
6
6
  "license": "ISC",
@@ -44,7 +44,7 @@
44
44
  "prepublishOnly": "npm run build"
45
45
  },
46
46
  "peerDependencies": {
47
- "@cee-eng/hydrajs": "4.17.25",
47
+ "@cee-eng/hydrajs": "4.17.26",
48
48
  "@cee-eng/ui-toolkit": "1.1.8",
49
49
  "@patternfly/patternfly": "5.4.0",
50
50
  "@patternfly/react-core": "5.4.0",
@@ -62,7 +62,7 @@
62
62
  "use-deep-compare-effect": "^1.6.1"
63
63
  },
64
64
  "dependencies": {
65
- "@cee-eng/hydrajs": "4.17.25",
65
+ "@cee-eng/hydrajs": "4.17.26",
66
66
  "@cee-eng/ui-toolkit": "1.1.8",
67
67
  "@patternfly/patternfly": "5.4.0",
68
68
  "@patternfly/react-core": "5.4.0",
@@ -70,8 +70,8 @@
70
70
  "@patternfly/react-table": "5.1.1",
71
71
  "@patternfly/react-tokens": "^5.4.0",
72
72
  "@rh-support/types": "2.0.5",
73
- "@rh-support/user-permissions": "2.1.51",
74
- "@rh-support/utils": "2.1.40",
73
+ "@rh-support/user-permissions": "2.1.52",
74
+ "@rh-support/utils": "2.1.41",
75
75
  "dompurify": "^2.2.6",
76
76
  "downshift": "^6.0.5",
77
77
  "js-worker-search": "^1.4.1",
@@ -111,5 +111,5 @@
111
111
  "defaults and supports es6-module",
112
112
  "maintained node versions"
113
113
  ],
114
- "gitHead": "0e8e72a89ed859d57ceb68dbbb94caa13a6f3569"
114
+ "gitHead": "a8f01c7004ad07e3c1c695ecbe1a00dd4fc909d1"
115
115
  }