intergalactic 15.122.0 → 15.124.0-prerelease.0

package/breadcrumbs/lib/es6/Breadcrumbs.js

@@ -15,14 +15,14 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_12drl_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_12drl_gg_ .___SListContainer_12drl_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_12drl_gg_ .___SListContainer_12drl_gg_ .___SSeparator_12drl_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_12drl_gg_ .___SListContainer_12drl_gg_ .___SSeparator_12drl_gg_:last-child{display:none}.___SBreadcrumbs_12drl_gg_ .___SListContainer_12drl_gg_ .___SListItem_12drl_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_12drl_gg_ .___SListContainer_12drl_gg_ .___SListItem_12drl_gg_ .___SBreadcrumbsItem_12drl_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_12drl_gg_ .___SListContainer_12drl_gg_ .___SListItem_12drl_gg_ .___SBreadcrumbsItem_12drl_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_12drl_gg_ .___SListContainer_12drl_gg_ .___SListItem_12drl_gg_ .___SBreadcrumbsItem_12drl_gg_.__keyboardFocused_12drl_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_12drl_gg_ .___SListContainer_12drl_gg_ .___SListItem_12drl_gg_ .___SBreadcrumbsItem_12drl_gg_.__active_12drl_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_12drl_gg_ .___SListContainer_12drl_gg_ .___SListItem_12drl_gg_ .___SBreadcrumbsItem_12drl_gg_.__active_12drl_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "12drl_gg_") /*__reshadow_css_end__*/, {
-  "__SBreadcrumbs": "___SBreadcrumbs_12drl_gg_",
-  "__SListContainer": "___SListContainer_12drl_gg_",
-  "__SSeparator": "___SSeparator_12drl_gg_",
-  "__SListItem": "___SListItem_12drl_gg_",
-  "__SBreadcrumbsItem": "___SBreadcrumbsItem_12drl_gg_",
-  "_keyboardFocused": "__keyboardFocused_12drl_gg_",
-  "_active": "__active_12drl_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_hdlak_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_hdlak_gg_ .___SListContainer_hdlak_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_hdlak_gg_ .___SListContainer_hdlak_gg_ .___SSeparator_hdlak_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_hdlak_gg_ .___SListContainer_hdlak_gg_ .___SSeparator_hdlak_gg_:last-child{display:none}.___SBreadcrumbs_hdlak_gg_ .___SListContainer_hdlak_gg_ .___SListItem_hdlak_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_hdlak_gg_ .___SListContainer_hdlak_gg_ .___SListItem_hdlak_gg_ .___SBreadcrumbsItem_hdlak_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_hdlak_gg_ .___SListContainer_hdlak_gg_ .___SListItem_hdlak_gg_ .___SBreadcrumbsItem_hdlak_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_hdlak_gg_ .___SListContainer_hdlak_gg_ .___SListItem_hdlak_gg_ .___SBreadcrumbsItem_hdlak_gg_.__keyboardFocused_hdlak_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_hdlak_gg_ .___SListContainer_hdlak_gg_ .___SListItem_hdlak_gg_ .___SBreadcrumbsItem_hdlak_gg_.__active_hdlak_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_hdlak_gg_ .___SListContainer_hdlak_gg_ .___SListItem_hdlak_gg_ .___SBreadcrumbsItem_hdlak_gg_.__active_hdlak_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "hdlak_gg_") /*__reshadow_css_end__*/, {
+  "__SBreadcrumbs": "___SBreadcrumbs_hdlak_gg_",
+  "__SListContainer": "___SListContainer_hdlak_gg_",
+  "__SSeparator": "___SSeparator_hdlak_gg_",
+  "__SListItem": "___SListItem_hdlak_gg_",
+  "__SBreadcrumbsItem": "___SBreadcrumbsItem_hdlak_gg_",
+  "_keyboardFocused": "__keyboardFocused_hdlak_gg_",
+  "_active": "__active_hdlak_gg_"
 });
 var Breadcrumbs = /*#__PURE__*/function (_Component) {
   _inherits(Breadcrumbs, _Component);

package/breadcrumbs/package.json

@@ -1 +1 @@
-{"name":"intergalactic/breadcrumbs","description":"Semrush Breadcrumbs Component","version":"5.45.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.1","@semcore/icon":"4.55.0","@semcore/flex-box":"5.39.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/breadcrumbs"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/breadcrumbs","description":"Semrush Breadcrumbs Component","version":"5.47.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.45.0","@semcore/icon":"4.57.0-prerelease.0","@semcore/flex-box":"5.40.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/breadcrumbs"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/breakpoints/package.json

@@ -1 +1 @@
-{"name":"intergalactic/breakpoints","description":"Semrush Breakpoints Component","version":"1.39.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.1"},"peerDependencies":{"react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/breakpoints"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/breakpoints","description":"Semrush Breakpoints Component","version":"1.40.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.45.0"},"peerDependencies":{"react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/breakpoints"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/bulk-textarea/BulkTextarea.d.ts

@@ -0,0 +1,3 @@
+import { BulkTextareaType } from './BulkTextarea.types';
+declare const BulkTextarea: BulkTextareaType;
+export default BulkTextarea;

package/bulk-textarea/BulkTextarea.types.d.ts

@@ -0,0 +1,33 @@
+import { Intergalactic } from 'intergalactic/utils/lib/core';
+import { BoxProps } from 'intergalactic/flex-box';
+import Button from 'intergalactic/button';
+import { InputFieldProps } from './components/InputField/InputField';
+import { CounterProps } from './components/Counter';
+import { ErrorsNavigationProps } from './components/ErrorsNavigation';
+export type BulkTextareaProps = {
+    value?: InputFieldProps['value'];
+    onChange?: InputFieldProps['onBlur'];
+    placeholder?: InputFieldProps['placeholder'];
+    size?: InputFieldProps['size'];
+    state?: InputFieldProps['state'];
+    disabled?: InputFieldProps['disabled'];
+    readonly?: InputFieldProps['readonly'];
+    minRows?: InputFieldProps['minRows'];
+    maxRows?: InputFieldProps['maxRows'];
+    validateOn?: InputFieldProps['validateOn'];
+    lineValidation?: InputFieldProps['lineValidation'];
+    linesDelimiters?: InputFieldProps['linesDelimiters'];
+    pasteProps?: InputFieldProps['pasteProps'];
+    maxLines?: InputFieldProps['maxLines'];
+    lineProcessing?: InputFieldProps['lineProcessing'];
+    errors?: InputFieldProps['errors'];
+    showErrors?: boolean;
+    onErrorsChange?: InputFieldProps['onErrorsChange'];
+    onShowErrorsChange?: InputFieldProps['onShowErrorsChange'];
+};
+export type BulkTextareaType = Intergalactic.Component<'div', BoxProps & BulkTextareaProps> & {
+    InputField: Intergalactic.Component<'div', Pick<InputFieldProps, 'commonErrorMessage' | 'id'> & Partial<BulkTextareaProps>>;
+    Counter: Intergalactic.Component<'div', Partial<CounterProps>>;
+    ClearAll: typeof Button;
+    ErrorsNavigation: Intergalactic.Component<'div', Partial<ErrorsNavigationProps>>;
+};

package/bulk-textarea/components/ClearAll.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IRootComponentProps } from 'intergalactic/core';
+import { useI18n } from 'intergalactic/utils/lib/enhances/WithI18n';
+export declare function ClearAll(props: IRootComponentProps & {
+    isHidden: boolean;
+    getI18nText: ReturnType<typeof useI18n>;
+}): React.ReactNode;

package/bulk-textarea/components/Counter.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { CounterProps as CounterPropsKit } from 'intergalactic/counter';
+import { useI18n } from 'intergalactic/utils/lib/enhances/WithI18n';
+export type CounterProps = {
+    theme: CounterPropsKit['theme'];
+    linesCount: number;
+    maxLines: number;
+    getI18nText: ReturnType<typeof useI18n>;
+};
+export declare function Counter(props: CounterProps): JSX.Element;

package/bulk-textarea/components/ErrorsNavigation.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useI18n } from 'intergalactic/utils/lib/enhances/WithI18n';
+export type ErrorsNavigationProps = {
+    errorIndex: number;
+    onPrevError: () => void;
+    onNextError: () => void;
+    errorsCount: number;
+    size: 'm' | 'l';
+    showErrors: boolean;
+    getI18nText: ReturnType<typeof useI18n>;
+    disabled: boolean;
+    nextButtonRef: React.RefObject<HTMLButtonElement>;
+    prevButtonRef: React.RefObject<HTMLButtonElement>;
+};
+export declare function ErrorsNavigation(props: ErrorsNavigationProps): JSX.Element;

package/bulk-textarea/components/InputField/InputField.d.ts

@@ -0,0 +1,98 @@
+import React from 'react';
+import { Component } from 'intergalactic/core';
+import { PopperContext } from 'intergalactic/popper';
+import { InputFieldProps, ErrorItem } from './InputField.types';
+type IndexKeys = 'keyboardLineIndex' | 'mouseLineIndex';
+type State = {
+    [key in IndexKeys]: number;
+} & {
+    visibleErrorPopper: boolean;
+};
+declare class InputField extends Component<InputFieldProps, {}, State, typeof InputField.enhance> {
+    static displayName: string;
+    static style: {
+        [key: string]: string;
+    };
+    static enhance: readonly [(props: any) => {
+        uid: string;
+    }];
+    static defaultProps: {
+        defaultValue: string;
+        size: string;
+        state: string;
+        minRows: number;
+        maxRows: number;
+        defaultShowErrors: boolean;
+        defaultErrorIndex: number;
+        defaultLinesCount: number;
+    };
+    delimiter: string;
+    skipEmptyLines: boolean;
+    emptyLineValue: string;
+    spaceLineValue: string;
+    containerRef: React.RefObject<HTMLDivElement>;
+    textarea: HTMLDivElement;
+    popper: PopperContext['popper'] | null;
+    setPopperTrigger: PopperContext['setTrigger'] | null;
+    errorByInteraction: 'keyboard' | 'mouse' | null;
+    changeTriggerTimeout: number;
+    isScrolling: boolean;
+    scrollingTimeout: number;
+    toggleErrorsPopperTimeout: number;
+    isFocusing: boolean;
+    linesCountTimeout: number;
+    state: {
+        visibleErrorPopper: boolean;
+        keyboardLineIndex: number;
+        mouseLineIndex: number;
+    };
+    constructor(props: InputFieldProps);
+    uncontrolledProps(): {
+        value: null;
+        linesCount: null;
+        errorIndex: null;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: InputFieldProps, prevState: State): void;
+    componentWillUnmount(): void;
+    get isDisabled(): boolean;
+    get popperDescribedId(): string;
+    get errorMessage(): {
+        errorMessage: string | null;
+        isCommonError: boolean;
+    };
+    createContentEditableElement(props: InputFieldProps): HTMLDivElement;
+    handleValueOutChange(): void;
+    handleScroll(): void;
+    handleMouseDown(event: MouseEvent): void;
+    handleMouseMove(event: MouseEvent): void;
+    handleMouseLeave(event: MouseEvent): void;
+    handlePaste(event: ClipboardEvent): void;
+    handleChange(event: Event): void;
+    handleFocus(event: FocusEvent): void;
+    handleBlur(event: Event): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    render(): React.ReactNode;
+    private prepareNodesForPaste;
+    private recalculateErrors;
+    private recalculateLinesCount;
+    private getValues;
+    private toggleErrorsPopperByKeyboard;
+    private toggleErrorsPopper;
+    private toggleAriaInvalid;
+    private handleChangeErrorIndex;
+    private validateLine;
+    private setSelection;
+    private getNodeFromSelection;
+    private handleCursorMovement;
+    private setErrorIndex;
+    private isDeleteKey;
+    private getEmptyParagraph;
+    private addEventListeners;
+    private removeEventListeners;
+    private handleSelectAll;
+    private isRangeSelection;
+    private getSelectionDirection;
+}
+export { InputField };
+export type { InputFieldProps, ErrorItem };

package/bulk-textarea/components/InputField/InputField.types.d.ts

@@ -0,0 +1,157 @@
+type PasteProps = {
+    /**
+     * @default '\n'
+     */
+    delimiter?: string;
+    /**
+     * @default row.trim();
+     */
+    lineProcessing?: (line: string) => string;
+    /**
+     * @default true
+     */
+    skipEmptyLines?: boolean;
+};
+export type ErrorItem = {
+    lineIndex: number;
+    lineNode?: Node;
+    errorMessage: string;
+};
+export type InputFieldProps = {
+    /**
+     * Unique id
+     */
+    id?: string;
+    /**
+     * Placeholder for field
+     */
+    placeholder?: string;
+    /**
+     * String to render in textarea. OnChanging value, it will go throw paste pipeline
+     */
+    value: string;
+    /**
+     * This component doesn't have default onChange callback, because we think that you need only the result after every changes/fixes
+     */
+    onBlur: (value: string, e: Event) => void;
+    /**
+     * Size of component
+     * @default m
+     */
+    size: 'm' | 'l';
+    /**
+     * State for show errors or valid(green) borders
+     * @default normal
+     */
+    state: 'normal' | 'valid' | 'invalid';
+    /**
+     * Flag for disabling field
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Flag for readonly field
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * Min rows
+     * @default 2
+     */
+    minRows: number;
+    /**
+     * Max rows
+     * @default 10
+     */
+    maxRows: number;
+    /**
+     * List of available points to validate value
+     * @default blur
+     */
+    validateOn: ('blur' | 'blurLine' | 'paste')[];
+    /**
+     * Function to validate line
+     */
+    lineValidation?: (line: string, lines: string[]) => {
+        isValid: boolean;
+        errorMessage: string;
+    };
+    /**
+     * Message for display error about whole field, not only one line
+     */
+    commonErrorMessage: string;
+    /**
+     * Delimiters (event.key) for lines
+     * @default Enter
+     */
+    linesDelimiters?: string[];
+    /**
+     * Count of max lines in badge
+     * @default 100
+     */
+    maxLines: number;
+    /**
+     * Paste props
+     */
+    pasteProps: PasteProps;
+    /**
+     * Function for process line after it was blurred
+     */
+    lineProcessing?: (line: string, lines: string[]) => string;
+    /**
+     * Internal
+     */
+    lastError: ErrorItem;
+    /**
+     * Internal
+     */
+    currentLineIndex: number;
+    /**
+     * Internal
+     */
+    linesCount: number;
+    /**
+     * Internal
+     */
+    onChangeLineIndex: (newIndex: number) => void;
+    /**
+     * Internal
+     */
+    onChangeLinesCount: (rowsCount: number) => void;
+    /**
+     * Internal
+     */
+    showErrors: boolean;
+    /**
+     * Internal
+     * List of errors in rows
+     */
+    errors: ErrorItem[];
+    /**
+     * Internal
+     * Select row with error
+     */
+    errorIndex: number;
+    /**
+     * Internal
+     * Flag for select all row
+     */
+    highlightErrorIndex: boolean;
+    /**
+     * Internal
+     */
+    onErrorsChange: (errors: ErrorItem[]) => void;
+    /**
+     * Internal
+     */
+    onShowErrorsChange: (showErrors: boolean) => void;
+    /**
+     * Internal
+     */
+    onErrorIndexChange: (errorIndex: number) => void;
+    /**
+     * Internal
+     */
+    'aria-describedby'?: string;
+};
+export {};

package/bulk-textarea/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './BulkTextarea';
+export type { BulkTextareaProps } from './BulkTextarea.types';
+export type { ErrorItem } from './components/InputField/InputField.types';

package/bulk-textarea/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+module.exports.__esModule = true;
+var item = require("./lib/cjs/index");
+module.exports = item['default'] || {};
+Object.keys(item).forEach(function (key) {
+  module.exports[key] = item[key];
+});

package/bulk-textarea/index.mjs

@@ -0,0 +1,2 @@
+export * from './lib/es6/index.js';
+export { default } from './lib/es6/index.js';