@jetbrains/ring-ui 5.0.12 → 5.0.15

package/components/analytics/analytics__plugin-utils.d.ts

@@ -5,8 +5,8 @@ declare const AnalyticsPluginUtils: {
      * @param isCategory
      * @returns string, where forbidden symbols are replaced with '_'
      */
-    reformatString: (value: unknown, isCategory?: boolean | undefined) => string;
-    getPageViewDurationPresentation: (durationMs?: number | undefined) => string;
+    reformatString: (value: unknown, isCategory?: boolean) => string;
+    getPageViewDurationPresentation: (durationMs?: number) => string;
     getScreenWidthPresentation: () => string;
     npeSaveLowerCase: (val: string | null | undefined) => string;
     getUserAgentPresentation: () => string;

package/components/button-group-ng/button-group-ng.js

@@ -16,9 +16,16 @@ const buttonGroupClasses = classNames(styles.buttonGroup, ngStyles.buttonGroup);
 function rgButtonGroup() {
   return {
     restrict: 'A',
-    link: function link($scope, iElement) {
+    scope: {
+      split: '='
+    },
+    link: function link($scope, iElement, attrs) {
       const element = iElement[0];
-      element.classList.add(...buttonGroupClasses.split(' '));
+      if (attrs.split) {
+        element.classList.add(...styles.split.split(' '));
+      } else {
+        element.classList.add(...buttonGroupClasses.split(' '));
+      }
     }
   };
 }

package/components/dialog/dialog.d.ts

@@ -10,6 +10,7 @@ export interface DialogProps extends Partial<TabTrapProps> {
     onCloseAttempt: (event: React.MouseEvent<HTMLElement> | KeyboardEvent) => void;
     showCloseButton: boolean;
     closeButtonInside: boolean;
+    closeButtonTitle?: string;
     trapFocus: boolean;
     contentClassName?: string | null | undefined;
     portalTarget?: Element | null | undefined;
@@ -28,6 +29,7 @@ export default class Dialog extends PureComponent<DialogProps> {
         show: PropTypes.Validator<boolean>;
         showCloseButton: PropTypes.Requireable<boolean>;
         closeButtonInside: PropTypes.Requireable<boolean>;
+        closeButtonTitle: PropTypes.Requireable<string>;
         onOverlayClick: PropTypes.Requireable<(...args: any[]) => any>;
         onEscPress: PropTypes.Requireable<(...args: any[]) => any>;
         onCloseClick: PropTypes.Requireable<(...args: any[]) => any>;

package/components/dialog/dialog.js

@@ -28,6 +28,7 @@ export default class Dialog extends PureComponent {
         show: PropTypes.bool.isRequired,
         showCloseButton: PropTypes.bool,
         closeButtonInside: PropTypes.bool,
+        closeButtonTitle: PropTypes.string,
         onOverlayClick: PropTypes.func,
         onEscPress: PropTypes.func,
         onCloseClick: PropTypes.func,
@@ -99,7 +100,7 @@ export default class Dialog extends PureComponent {
         this.dialog = tabTrap && tabTrap.node;
     };
     render() {
-        const { show, showCloseButton, onOverlayClick, onCloseAttempt, onEscPress, onCloseClick, children, className, contentClassName, trapFocus, 'data-test': dataTest, closeButtonInside, portalTarget, label, ...restProps } = this.props;
+        const { show, showCloseButton, onOverlayClick, onCloseAttempt, onEscPress, onCloseClick, children, className, contentClassName, trapFocus, 'data-test': dataTest, closeButtonInside, portalTarget, label, closeButtonTitle, ...restProps } = this.props;
         const classes = classNames(styles.container, className);
         const shortcutsMap = this.getShortcutsMap();
         return show && createPortal(<PopupTarget id={this.uid} className={styles.popupTarget}>
@@ -115,7 +116,7 @@ export default class Dialog extends PureComponent {
                     (<Button icon={closeIcon} data-test="ring-dialog-close-button" className={classNames(styles.closeButton, {
                             [styles.closeButtonOutside]: !closeButtonInside,
                             [styles.closeButtonInside]: closeButtonInside
-                        })} iconClassName={styles.closeIcon} onClick={this.onCloseClick} aria-label="close dialog"/>)}
+                        })} iconClassName={styles.closeIcon} onClick={this.onCloseClick} title={closeButtonTitle} aria-label={closeButtonTitle || 'close dialog'}/>)}
                 </AdaptiveIsland>
               </div>
               {target}

package/components/dialog-ng/dialog-ng.css

@@ -30,8 +30,6 @@
 }
 
 .header.header {
-  padding-top: calc(unit * 2);
-
   cursor: move;
   user-select: none;
 
@@ -71,7 +69,7 @@
 
 .footer {
   height: auto;
-  padding: calc(unit * 2) calc(unit * 4);
+  padding: calc(unit * 2) calc(unit * 4) calc(unit * 4);
 
   text-align: left;
 

package/components/global/create-stateful-context.d.ts

@@ -18,7 +18,7 @@ export default function createStatefulContext<T>(initialValue: T, name?: string)
         };
         displayName: string;
     };
-    useUpdate: (value: T, skipUpdate?: boolean | undefined) => void;
+    useUpdate: (value: T, skipUpdate?: boolean) => void;
     Updater: React.MemoExoticComponent<{
         ({ value, skipUpdate }: UpdaterProps<T>): null;
         displayName: string;

package/components/global/rerender-hoc.d.ts

@@ -14,7 +14,7 @@ export interface RerenderableComponentClass<P, S> {
 export default function rerenderHOC<P, S>(ComposedComponent: RerenderableComponentClass<P, S>): {
     new (props: P): {
         _propsCache: P & RefAttributes<unknown>;
-        rerender(props?: Partial<P>, callback?: (() => void) | undefined): void;
+        rerender(props?: Partial<P>, callback?: () => void): void;
         node?: HTMLElement | null | undefined;
         context: unknown;
         setState<K extends keyof S>(state: S | ((prevState: Readonly<S>, props: Readonly<P>) => S | Pick<S, K> | null) | Pick<S, K> | null, callback?: (() => void) | undefined): void;

package/components/http/http.d.ts

@@ -42,8 +42,8 @@ export default class HTTP implements Partial<HTTPAuth> {
     private static _isErrorStatus;
     fetch: (url: string, params?: FetchParams) => Promise<any>;
     authorizedFetch(...args: Parameters<HTTP['_performRequest']>): Promise<any>;
-    request: (url: string, params?: RequestParams | undefined) => Promise<any>;
+    request: (url: string, params?: RequestParams) => Promise<any>;
     getMetaForResponse: (response: object) => Partial<Response> | undefined;
-    get: (url: string, params?: RequestParams | undefined) => Promise<any>;
-    post: (url: string, params?: RequestParams | undefined) => Promise<any>;
+    get: (url: string, params?: RequestParams) => Promise<any>;
+    post: (url: string, params?: RequestParams) => Promise<any>;
 }

package/components/input/input-legacy.css

@@ -16,46 +16,84 @@ Input
  */
 
 :global(.ring-input) {
-  box-sizing: border-box;
-  width: 100%;
-  height: calc(3 * unit);
-  margin: 0;
-  padding-right: calc(unit / 2);
-  padding-bottom: 3px;
-  padding-left: calc(unit / 2);
+  /* .heightS */
+  --ring-input-padding-block: 1px;
+  --ring-input-padding-inline: unit;
+  --ring-input-padding-start: var(--ring-input-padding-inline);
+  --ring-input-padding-end: var(--ring-input-padding-inline);
 
-  color: var(--ring-text-color);
-
-  border: 1px solid var(--ring-borders-color);
-  border-radius: 0;
-  background-color: var(--ring-content-background-color);
+  /* stylelint-disable order/properties-order */
 
-  font-family: var(--ring-font-family);
+  box-sizing: border-box;
 
+  font: inherit;
   font-size: var(--ring-font-size);
+  line-height: var(--ring-line-height);
 
-  line-height: 20px;
-  appearance: none;
-}
+  width: 100%;
 
-:global(.ring-input:active),
-:global(.ring-input:focus),
-:global(.ring-input_active),
-:global(.ring-input_focus) {
-  border-color: var(--ring-main-color);
-  outline: 0;
-}
+  margin: 0;
+  padding-top: var(--ring-input-padding-block);
+  padding-right: var(--ring-input-padding-end);
+  padding-bottom: var(--ring-input-padding-block);
+  padding-left: var(--ring-input-padding-start);
 
-:global(.ring-input_correct) {
-  border-color: var(--ring-success-color);
-}
+  transition: border-color var(--ring-ease);
 
-:global(.ring-input_error) {
-  border-color: var(--ring-error-color);
+  color: var(--ring-text-color);
+  border: 1px solid var(--ring-borders-color);
+  border-radius: var(--ring-border-radius);
+  outline: none;
+  background: transparent;
+
+  caret-color: var(--ring-main-color);
+
+  /* stylelint-enable order/properties-order */
+
+  @nest [dir=rtl] & {
+    padding-right: var(--ring-input-padding-start);
+    padding-left: var(--ring-input-padding-end);
+  }
+
+  &:hover {
+    transition: none;
+
+    border-color: var(--ring-border-hover-color);
+  }
+
+  @nest .error & {
+    border-color: var(--ring-icon-error-color);
+  }
+
+  &:focus {
+    transition: none;
+
+    border-color: var(--ring-main-color);
+  }
+
+  &[disabled] {
+    color: var(--ring-disabled-color);
+    border-color: var(--ring-border-disabled-color);
+    background-color: var(--ring-disabled-background-color);
+
+    -webkit-text-fill-color: var(--ring-disabled-color); /* Required for Safari, see RG-2063 for details */
+  }
+
+  /*
+    Kill yellow/blue webkit autocomplete
+    https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/
+  */
+  &:-webkit-autofill {
+    &,
+    &:hover,
+    &:focus {
+      transition: background-color 50000s ease-in-out 0s;
+    }
+  }
 }
 
-:global(.ring-input_no-resize) {
-  resize: none;
+:global(.ring-input_error) {
+  border-color: var(--ring-icon-error-color);
 }
 
 :global(.ring-input_filter-popup) {
@@ -63,32 +101,25 @@ Input
   min-width: 200px;
 }
 
-:global(.ring-input_material) {
-  padding-right: 0;
-  padding-left: 0;
-
-  border-top: 0;
-  border-right: 0;
-  border-left: 0;
-}
-
 :global(.ring-input.ring-input:disabled),
 :global(.ring-input.ring-input[disabled]),
 :global(.ring-input.ring-input_disabled) {
   color: var(--ring-disabled-color);
   border-color: var(--ring-border-disabled-color);
-  background-color: var(--ring-sidebar-background-color);
+  background-color: var(--ring-disabled-background-color);
+
+  -webkit-text-fill-color: var(--ring-disabled-color); /* Required for Safari, see RG-2063 for details */
 }
 
 :global(textarea.ring-input) {
-  height: auto;
+  box-sizing: border-box;
+
   min-height: calc(8 * unit);
 
-  resize: vertical;
-  vertical-align: top;
+  resize: none;
 }
 
 /* https://stackoverflow.com/questions/7144843/extra-space-under-textarea-differs-along-browsers */
-:global(textarea.ring-input::placeholder) {
+:global(.ring-input::placeholder) {
   color: var(--ring-disabled-color);
 }

package/components/input-size/input-size.css

@@ -3,10 +3,10 @@
 @value unit from "../global/global.css";
 
 :root {
-  --ring-input-xs: 50px;
-  --ring-input-s: 100px;
-  --ring-input-m: 200px;
-  --ring-input-l: 400px;
+  --ring-input-xs: calc(unit * 12);
+  --ring-input-s: calc(unit * 12);
+  --ring-input-m: calc(unit * 30);
+  --ring-input-l: calc(unit * 50);
 }
 
 /**
@@ -60,3 +60,15 @@
 :global(.ring-input-size_l.ring-input-size_l ~ .ring-error-bubble) {
   left: calc(var(--ring-input-l) + 2px);
 }
+
+:global(.ring-input-height_s.ring-input-height_s) {
+  --ring-input-padding-block: 1px;
+}
+
+:global(.ring-input-height_m.ring-input-height_m) {
+  --ring-input-padding-block: 3px;
+}
+
+:global(.ring-input-height_l.ring-input-height_l) {
+  --ring-input-padding-block: 5px;
+}

package/components/list/list.d.ts

@@ -166,7 +166,7 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
     moveHandler(index: number, retryCallback: (e: KeyboardEvent) => void, e: KeyboardEvent): void;
     mouseHandler: () => void;
     scrollHandler: () => void;
-    enterHandler: (event: KeyboardEvent, shortcut?: string | undefined) => boolean;
+    enterHandler: (event: KeyboardEvent, shortcut?: string) => boolean;
     getFirst(): ListDataItem<T> | undefined;
     getSelected(): ListDataItem<T> | null;
     clearSelected: () => void;

package/components/query-assist/query-assist.d.ts

@@ -244,7 +244,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     handleInput: (e: Event | SyntheticEvent) => void;
     handleEnter: (e: React.KeyboardEvent) => void;
     handleTab: (e: Event) => boolean | void;
-    setState: (state: Partial<QueryAssistState>, resolve?: (() => void) | undefined) => void;
+    setState: (state: Partial<QueryAssistState>, resolve?: () => void) => void;
     private _pushHistory;
     undo: (e: Event) => void;
     handlePaste: (e: React.ClipboardEvent) => void;
@@ -252,7 +252,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     handleStyleRangesResponse: ({ suggestions, ...restProps }: QueryAssistResponse) => Promise<void>;
     handleResponse: ({ query, caret, styleRanges, suggestions }: QueryAssistResponse, afterCompletion?: boolean) => Promise<void>;
     handleApply: () => void;
-    handleComplete: (data?: SuggestionItem | undefined, replace?: boolean | undefined) => void;
+    handleComplete: (data?: SuggestionItem, replace?: boolean) => void;
     requestStyleRanges: () => Promise<void>;
     requestHandler: (afterCompletion?: boolean) => Promise<void>;
     sendRequest(params: QueryAssistRequestParams): Promise<QueryAssistResponse>;

package/components/select/select.d.ts

@@ -229,11 +229,11 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     private _setFilter;
     private _rebuildMultipleMap;
     _redrawPopup: () => void;
-    _listSelectHandler: (selected: SelectItem<T>, event?: Event | undefined, opts?: SelectHandlerParams) => void;
+    _listSelectHandler: (selected: SelectItem<T>, event?: Event, opts?: SelectHandlerParams) => void;
     _listSelectAllHandler: (isSelectAll?: boolean) => void;
     private _onCloseAttempt;
-    clearFilter: (e?: React.SyntheticEvent<Element, Event> | undefined) => void;
-    clear: (event?: Event | React.SyntheticEvent<Element, Event> | undefined) => boolean;
+    clearFilter: (e?: SyntheticEvent) => void;
+    clear: (event?: Event | SyntheticEvent) => boolean;
     _selectionIsEmpty(): boolean;
     private _getLabel;
     _getSelectedString(): string | null;

package/components/select/select__popup.d.ts

@@ -98,7 +98,7 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
     mouseUpHandler: () => void;
     popup?: Popup | null;
     isVisible(): boolean | null | undefined;
-    onListSelect: (selected: ListDataItem<T>, event?: Event | React.SyntheticEvent<Element, Event> | undefined, opts?: SelectHandlerParams | undefined) => void;
+    onListSelect: (selected: ListDataItem<T>, event?: Event | SyntheticEvent, opts?: SelectHandlerParams) => void;
     tabPress: (event: Event) => void;
     onClickHandler: () => void | undefined;
     getFilter(): JSX.Element | null;

package/components/shortcuts/shortcuts.d.ts

@@ -24,5 +24,5 @@ export default class Shortcuts extends PureComponent<ShortcutsProps> {
     componentWillUnmount(): void;
     turnShorcutsOn(): void;
     turnShorcutsOff(): void;
-    render(): true | import("react").ReactChild | import("react").ReactFragment | null;
+    render(): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | null;
 }

package/components/table/row.d.ts

@@ -9,6 +9,7 @@ export interface RowProps<T extends SelectionItem> extends Omit<HTMLAttributes<H
     showFocus: boolean;
     draggable: boolean;
     alwaysShowDragHandle: boolean;
+    dragHandleTitle?: string;
     selected: boolean;
     onHover: (item: T, e: React.MouseEvent<HTMLTableRowElement>) => void;
     onSelect: (item: T, selected: boolean) => void;

package/components/table/row.js

@@ -12,14 +12,15 @@ import getUID from '../global/get-uid';
 import composeRefs from '../global/composeRefs';
 import Cell from './cell';
 import style from './table.css';
-const DragHandle = ({ alwaysShowDragHandle }) => {
+const DragHandle = ({ alwaysShowDragHandle, dragHandleTitle = 'Drag to reorder' }) => {
     const classes = classNames(style.dragHandle, {
         [style.visibleDragHandle]: alwaysShowDragHandle
     });
-    return (<Button data-movable-handle title="Drag" className={classes} icon={dragIcon}/>);
+    return (<Button data-movable-handle title={dragHandleTitle} className={classes} icon={dragIcon}/>);
 };
 DragHandle.propTypes = {
-    alwaysShowDragHandle: PropTypes.bool
+    alwaysShowDragHandle: PropTypes.bool,
+    dragHandleTitle: PropTypes.string
 };
 export default class Row extends PureComponent {
     static defaultProps = {
@@ -72,7 +73,7 @@ export default class Row extends PureComponent {
         this.row = el;
     };
     render() {
-        const { item, columns, selectable, selected, showFocus, draggable, alwaysShowDragHandle, level, collapsible, parentCollapsible, collapsed, onCollapse, onExpand, showDisabledSelection, onSelect, checkboxTooltip, innerRef, focused, autofocus, onFocusReset, onFocusRestore, onHover, className, 'data-test': dataTest, ...restProps } = this.props;
+        const { item, columns, selectable, selected, showFocus, draggable, alwaysShowDragHandle, dragHandleTitle, level, collapsible, parentCollapsible, collapsed, onCollapse, onExpand, showDisabledSelection, onSelect, checkboxTooltip, innerRef, focused, autofocus, onFocusReset, onFocusRestore, onHover, className, 'data-test': dataTest, ...restProps } = this.props;
         const classes = classNames(className, {
             [style.row]: true,
             [style.rowFocused]: showFocus,
@@ -90,8 +91,7 @@ export default class Row extends PureComponent {
             paddingLeft: `${gap}px`
         };
         const metaColumn = (<div className={metaColumnClasses} style={metaColumnStyle}>
-        {draggable &&
-                <DragHandle alwaysShowDragHandle={alwaysShowDragHandle}/>}
+        {draggable && (<DragHandle alwaysShowDragHandle={alwaysShowDragHandle} dragHandleTitle={dragHandleTitle}/>)}
 
         {selectable &&
                 (<Tooltip title={checkboxTooltip}>

package/components/table/smart-table.d.ts

@@ -26,6 +26,7 @@ declare class SmartTable<T extends SelectionItem> extends PureComponent<SmartTab
         sortKey?: React.Validator<string | null | undefined> | undefined;
         sortOrder?: React.Validator<boolean | null | undefined> | undefined;
         alwaysShowDragHandle?: React.Validator<boolean | null | undefined> | undefined;
+        dragHandleTitle?: React.Validator<string | null | undefined> | undefined;
         onReorder?: React.Validator<((params: import("./table").ReorderParams<SelectionItem>) => void) | null | undefined> | undefined;
         getItemKey?: React.Validator<((item: SelectionItem) => string | number) | null | undefined> | undefined;
         stickyHeader?: React.Validator<boolean | null | undefined> | undefined;

package/components/table/table.d.ts

@@ -25,6 +25,7 @@ export interface TableProps<T extends SelectionItem> extends FocusSensorAddProps
     sortOrder: boolean;
     draggable: boolean;
     alwaysShowDragHandle: boolean;
+    dragHandleTitle?: string;
     stickyHeader: boolean;
     getItemLevel: (item: T) => number;
     getItemClassName: (item: T) => string | null | undefined;

package/components/table/table.js

@@ -106,7 +106,7 @@ export class Table extends PureComponent {
         window.scrollTo(scrollX, scrollY);
     };
     render() {
-        const { data, selection, columns, caption, getItemKey, selectable, focused, isItemSelectable, getItemLevel, getItemClassName, getItemDataTest, draggable, alwaysShowDragHandle, loading, onSort, sortKey, sortOrder, loaderClassName, stickyHeader, stickyHeaderOffset, isItemCollapsible, isParentCollapsible, isItemCollapsed, onItemCollapse, onItemExpand, isDisabledSelectionVisible, getCheckboxTooltip, onItemDoubleClick, onItemClick, renderEmpty } = this.props;
+        const { data, selection, columns, caption, getItemKey, selectable, focused, isItemSelectable, getItemLevel, getItemClassName, getItemDataTest, draggable, alwaysShowDragHandle, dragHandleTitle, loading, onSort, sortKey, sortOrder, loaderClassName, stickyHeader, stickyHeaderOffset, isItemCollapsible, isParentCollapsible, isItemCollapsed, onItemCollapse, onItemExpand, isDisabledSelectionVisible, getCheckboxTooltip, onItemDoubleClick, onItemClick, renderEmpty } = this.props;
         // NOTE: Do not construct new object per render because it causes all rows rerendering
         const headerProps = {
             caption, selectable, draggable,
@@ -150,7 +150,7 @@ export class Table extends PureComponent {
                 return null;
             }
             const { ref, ...restProps } = props;
-            const row = (<Row innerRef={ref} key={getItemKey(value)} level={getItemLevel(value)} item={value} showFocus={selection.isFocused(value)} autofocus={selection.isFocused(value)} focused={selection.isFocused(value)} selectable={selectable && isItemSelectable(value)} selected={selectable && selection.isSelected(value)} onFocus={this.onRowFocus} onSelect={this.onRowSelect} onDoubleClick={onItemDoubleClick} onClick={onItemClick} collapsible={isItemCollapsible(value)} parentCollapsible={isParentCollapsible(value)} collapsed={isItemCollapsed(value)} onCollapse={onItemCollapse} onExpand={onItemExpand} showDisabledSelection={isDisabledSelectionVisible(value)} checkboxTooltip={getCheckboxTooltip(value)} className={classNames(getItemClassName(value), { [style.draggingRow]: isDragged })} draggable={draggable} alwaysShowDragHandle={alwaysShowDragHandle} columns={columns} data-test={getItemDataTest(value)} {...restProps}/>);
+            const row = (<Row innerRef={ref} key={getItemKey(value)} level={getItemLevel(value)} item={value} showFocus={selection.isFocused(value)} autofocus={selection.isFocused(value)} focused={selection.isFocused(value)} selectable={selectable && isItemSelectable(value)} selected={selectable && selection.isSelected(value)} onFocus={this.onRowFocus} onSelect={this.onRowSelect} onDoubleClick={onItemDoubleClick} onClick={onItemClick} collapsible={isItemCollapsible(value)} parentCollapsible={isParentCollapsible(value)} collapsed={isItemCollapsed(value)} onCollapse={onItemCollapse} onExpand={onItemExpand} showDisabledSelection={isDisabledSelectionVisible(value)} checkboxTooltip={getCheckboxTooltip(value)} className={classNames(getItemClassName(value), { [style.draggingRow]: isDragged })} draggable={draggable} alwaysShowDragHandle={alwaysShowDragHandle} dragHandleTitle={dragHandleTitle} columns={columns} data-test={getItemDataTest(value)} {...restProps}/>);
             return isDragged
                 ? (<table style={{ ...props.style, borderSpacing: 0 }}>
             <tbody>{row}</tbody>

package/components/tags-input/tags-input.d.ts

@@ -109,7 +109,7 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
     loadSuggestions: (query?: string) => void;
     private _focusHandler;
     private _blurHandler;
-    selectTag: (moveForward?: boolean | undefined) => void;
+    selectTag: (moveForward?: boolean) => void;
     handleKeyDown: (event: React.KeyboardEvent) => boolean;
     handleClick: (arg: TagType) => () => void;
     handleRemove: (arg: TagType) => () => Promise<void | TagType[]>;

package/components/user-agreement/service.d.ts

@@ -1,4 +1,4 @@
-import { UserAgreementTranslations } from './user-agreement';
+import { UserAgreementAttrs, UserAgreementTranslations } from './user-agreement';
 export declare const showMessage = "userAgreementShow";
 export declare const hideMessage = "userAgreementHide";
 export interface Consent {
@@ -53,61 +53,15 @@ export default class UserAgreementService {
     private _notifyAboutHiding;
     getUserAgreement: () => Promise<Agreement>;
     getUserConsent: () => Promise<Consent>;
-    checkConsentAndShowDialog: (withoutNotifications?: boolean | undefined) => Promise<unknown>;
+    checkConsentAndShowDialog: (withoutNotifications?: boolean) => Promise<unknown>;
     checkConsent: () => Promise<boolean | null | undefined>;
     alertKey?: string | number | null;
-    showAlert: (withoutNotifications?: boolean | undefined) => Promise<unknown>;
-    hideAlert: (withoutNotifications?: boolean | undefined) => void;
-    showDialog: (withoutNotifications?: boolean | undefined, preview?: boolean, restOptions?: Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
-        show: import("prop-types").Requireable<boolean>;
-        preview: import("prop-types").Requireable<boolean>;
-        text: import("prop-types").Validator<string>;
-        onAccept: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDecline: import("prop-types").Requireable<(...args: any[]) => any>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-        onRemindLater: import("prop-types").Requireable<(...args: any[]) => any>;
-        translations: import("prop-types").Requireable<import("prop-types").InferProps<{
-            userAgreement: import("prop-types").Validator<string>;
-            accept: import("prop-types").Validator<string>;
-            decline: import("prop-types").Validator<string>;
-            close: import("prop-types").Validator<string>;
-            scrollToAccept: import("prop-types").Validator<string>;
-            remindLater: import("prop-types").Validator<string>;
-        }>>;
-        className: import("prop-types").Requireable<string>;
-    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & {
-        onClose?: (() => void) | undefined;
-        show?: boolean | undefined;
-        translations?: UserAgreementTranslations | undefined;
-        onAccept?: (() => void) | undefined;
-        onDecline?: (() => void) | undefined;
-    } & {}> | undefined) => Promise<unknown>;
-    hideDialog: (withoutNotifications?: boolean | undefined) => void;
-    showDialogOrAlert: (withoutNotifications?: boolean | undefined, preview?: boolean | undefined, restOptions?: Partial<Pick<Pick<import("./user-agreement").UserAgreementProps, keyof import("./user-agreement").UserAgreementProps> & Pick<import("prop-types").InferProps<{
-        show: import("prop-types").Requireable<boolean>;
-        preview: import("prop-types").Requireable<boolean>;
-        text: import("prop-types").Validator<string>;
-        onAccept: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDecline: import("prop-types").Requireable<(...args: any[]) => any>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-        onRemindLater: import("prop-types").Requireable<(...args: any[]) => any>;
-        translations: import("prop-types").Requireable<import("prop-types").InferProps<{
-            userAgreement: import("prop-types").Validator<string>;
-            accept: import("prop-types").Validator<string>;
-            decline: import("prop-types").Validator<string>;
-            close: import("prop-types").Validator<string>;
-            scrollToAccept: import("prop-types").Validator<string>;
-            remindLater: import("prop-types").Validator<string>;
-        }>>;
-        className: import("prop-types").Requireable<string>;
-    }>, never> & Pick<import("./user-agreement").UserAgreementProps, never>, "className" | "text" | "preview" | "onRemindLater"> & {
-        onClose?: (() => void) | undefined;
-        show?: boolean | undefined;
-        translations?: UserAgreementTranslations | undefined;
-        onAccept?: (() => void) | undefined;
-        onDecline?: (() => void) | undefined;
-    } & {}> | undefined) => Promise<unknown>;
-    hideDialogAndAlert: (withoutNotifications?: boolean | undefined) => void;
+    showAlert: (withoutNotifications?: boolean) => Promise<unknown>;
+    hideAlert: (withoutNotifications?: boolean) => void;
+    showDialog: (withoutNotifications?: boolean, preview?: boolean, restOptions?: Partial<UserAgreementAttrs>) => Promise<unknown>;
+    hideDialog: (withoutNotifications?: boolean) => void;
+    showDialogOrAlert: (withoutNotifications?: boolean, preview?: boolean, restOptions?: Partial<UserAgreementAttrs>) => Promise<unknown>;
+    hideDialogAndAlert: (withoutNotifications?: boolean) => void;
     onAccept: () => Promise<void>;
     onDecline: () => void;
 }

package/dist/analytics/analytics__plugin-utils.d.ts

@@ -5,8 +5,8 @@ declare const AnalyticsPluginUtils: {
      * @param isCategory
      * @returns string, where forbidden symbols are replaced with '_'
      */
-    reformatString: (value: unknown, isCategory?: boolean | undefined) => string;
-    getPageViewDurationPresentation: (durationMs?: number | undefined) => string;
+    reformatString: (value: unknown, isCategory?: boolean) => string;
+    getPageViewDurationPresentation: (durationMs?: number) => string;
     getScreenWidthPresentation: () => string;
     npeSaveLowerCase: (val: string | null | undefined) => string;
     getUserAgentPresentation: () => string;

package/dist/button-group-ng/button-group-ng.js

@@ -15,9 +15,17 @@ const buttonGroupClasses = classNames(modules_1068e447.buttonGroup, modules_c53c
 function rgButtonGroup() {
   return {
     restrict: 'A',
-    link: function link($scope, iElement) {
+    scope: {
+      split: '='
+    },
+    link: function link($scope, iElement, attrs) {
       const element = iElement[0];
-      element.classList.add(...buttonGroupClasses.split(' '));
+
+      if (attrs.split) {
+        element.classList.add(...modules_1068e447.split.split(' '));
+      } else {
+        element.classList.add(...buttonGroupClasses.split(' '));
+      }
     }
   };
 }

package/dist/dialog/dialog.d.ts

@@ -10,6 +10,7 @@ export interface DialogProps extends Partial<TabTrapProps> {
     onCloseAttempt: (event: React.MouseEvent<HTMLElement> | KeyboardEvent) => void;
     showCloseButton: boolean;
     closeButtonInside: boolean;
+    closeButtonTitle?: string;
     trapFocus: boolean;
     contentClassName?: string | null | undefined;
     portalTarget?: Element | null | undefined;
@@ -28,6 +29,7 @@ export default class Dialog extends PureComponent<DialogProps> {
         show: PropTypes.Validator<boolean>;
         showCloseButton: PropTypes.Requireable<boolean>;
         closeButtonInside: PropTypes.Requireable<boolean>;
+        closeButtonTitle: PropTypes.Requireable<string>;
         onOverlayClick: PropTypes.Requireable<(...args: any[]) => any>;
         onEscPress: PropTypes.Requireable<(...args: any[]) => any>;
         onCloseClick: PropTypes.Requireable<(...args: any[]) => any>;

package/dist/dialog/dialog.js

@@ -125,6 +125,7 @@ class Dialog extends PureComponent {
       closeButtonInside,
       portalTarget,
       label,
+      closeButtonTitle,
       ...restProps
     } = this.props;
     const classes = classNames(modules_5e9b8c03.container, className);
@@ -162,7 +163,8 @@ class Dialog extends PureComponent {
       }),
       iconClassName: modules_5e9b8c03.closeIcon,
       onClick: this.onCloseClick,
-      "aria-label": "close dialog"
+      title: closeButtonTitle,
+      "aria-label": closeButtonTitle || 'close dialog'
     }))), target)), portalTarget instanceof HTMLElement ? portalTarget : document.body);
   }
 
@@ -176,6 +178,7 @@ _defineProperty(Dialog, "propTypes", {
   show: PropTypes.bool.isRequired,
   showCloseButton: PropTypes.bool,
   closeButtonInside: PropTypes.bool,
+  closeButtonTitle: PropTypes.string,
   onOverlayClick: PropTypes.func,
   onEscPress: PropTypes.func,
   onCloseClick: PropTypes.func,

package/dist/global/create-stateful-context.d.ts

@@ -18,7 +18,7 @@ export default function createStatefulContext<T>(initialValue: T, name?: string)
         };
         displayName: string;
     };
-    useUpdate: (value: T, skipUpdate?: boolean | undefined) => void;
+    useUpdate: (value: T, skipUpdate?: boolean) => void;
     Updater: React.MemoExoticComponent<{
         ({ value, skipUpdate }: UpdaterProps<T>): null;
         displayName: string;